- Adres van je forum: http://tjoogle.com/
Event. modificaties op je forum:portal en zie hieronder
Wanneer ontstond het probleem?bij installatie topmenu
phpBB versie: 3.0.0
Heb je onlangs iets veranderd aan je forum?topmenu
Wat is het probleem?
In verband met geplande installaties op de website heb ik in overall_header een topmenu gezet in aanvulling op de reeds geinstalleerde portalmod. Op het board http://tjoogle.com/index.php zie je nu echter onderin nagenoeg even niets door de geel op wit kleur van de tekst, de kleur uit het nieuwe topmenu! Het topmenu is een html met wat css en java. Weet iemand misschien de plaats en de code voor wat korte regels in de een of andere css of php die ik er in kan zetten en die desgewenst op onconventionele niet zo netjes structuur geprogrammeerde wijze de kleur goed zet? Als je denkt dat het eenvoudig eerder zit in de nieuwe code zou dat natuurlijk zeer wel kunnen,
dan is dit is de html van het topmenu:
Code: Selecteer alles
<head>
<link rel="stylesheet" type="text/css" href="styles/prosilver/template/csshorizontalmenu.css" />
<script type="text/javascript" src="styles/prosilver/template/csshorizontalmenu.js">
</script>
</head>
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li style="border-left: 1px solid #FFFFFF;"><a href="http://tjoogle.com/bb3portal.php"><font color="#ffff80">Portal</a></li>
<li><a href="http://www.tjoogle.com/cutenews/show_news.php" ><font color="#ffff80">test Funny News</a></li>
<li><a href="#">Read 1st FAQ!</a></li>
<ul>
<li><a href="http://tjoogle.com/faq.php"><font color="#ffff80">all FAQ</a></li>
<li><a href="http://tjoogle.com/faq.php?mode=bbcode"><font color="#ffff80">HOW to post</a></li>
<li><a href="http://tjoogle.com/ucp.php?mode=privacy"><font color="#ffff80">privacy policy</a></li>
</ul>
<li><a href="#">BBoard</a>
<ul>
<li><a href="http://tjoogle.com/index.php"><font color="#ffff80">ALL forums</a></li>
<li><a href="http://tjoogle.com/viewforum.php?f=2"><font color="#ffff80">links on Freeware</a></li>
<li><a href="http://tjoogle.com/viewforum.php?f=3"><font color="#ffff80">links on Music</a></li>
<li><a href="http://tjoogle.com/viewforum.php?f=13"><font color="#ffff80">links on Movies</a></li>
<li><a href="http://tjoogle.com/viewforum.php?f=48"><font color="#ffff80">links on Warcraft</a></li>
<li><a href="http://tjoogle.com/viewforum.php?f=4"><font color="#ffff80">links on E-Books</a></li>
<li><a href="http://tjoogle.com/viewforum.php?f=13"><font color="#ffff80">links on Vista</a></li>
</ul>
</li>
<li><a href="http://tjoogle.com/ucp.php?mode=terms"><font color="#ffff80">Terms of Use</a></li>
<li><a href="#">Link Exchange</a>
<ul>
<li><a href="http://www.tjoogle.com/styles/prosilver/template/bb3portal/block/linkexchange.html"><font color="#ffff80">info</a></li>
</ul>
</li>
</font>
</ul>
</div>
Code: Selecteer alles
body {
color : #FFFFFF;
padding : 0;
margin-top : 0;
}
.horizontalcssmenu ul{
width: 100%;
overflow: auto
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 124px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: #0077B2;
color: black;
font: bold 13px Tahoma;
}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #FF0000;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}
/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}
/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 124px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #`00FF00;
border-width: 0 1px 1px 1px;
}
.horizontalcssmenu ul li a:hover{
background: #00FF00;
}
.horizontalcssmenu ul li ul li a:hover{
background: #FF0000;
}
.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */Code: Selecteer alles
..