How would I add Sub Menus to this?

Started by Jeremy M., April 25, 2017, 02:15:15 AM

Previous topic - Next topic

Jeremy M.

/*-----------------------NAVIGATION STARTS-----------------------------*/
.nav_bg{
background:url(images/nav_bg.gif) repeat-x 0 0;
line-height:0px;
font-size:0px;
}
.nav_bg ul{
padding:4px 0 20px 0px;
font:normal 10px/12px Arial, Helvetica, sans-serif;
color:#D3CF72;
text-transform:uppercase;
float:left;
width:auto;
}
.nav_bg ul li.active{
color:#FFF8A6;
background-color:#C43209;
padding:9px 12px;
border:3px solid #FF0000;
}
.nav_bg ul li{
float:left;
margin:0 1px;
background-color:inherit;
}
.nav_bg ul li a{
text-decoration:none;
color:#FFFAAF;
background-color:inherit;
padding:12px 8px;
display:block;
}
.nav_bg ul li a:hover{
color:#FFF8A6;
background-color:#C43209;
padding:9px 15px;
border:3px solid #FF0000;
display:block;
}
/*-----------------------NAVIGATION ENDS-----------------------------*/

<td align="left" valign="top" class="nav_bg">
<ul>
<li class="active">home</li>                                               
<li><a href="#" title="about">About</a></li>
<li><a href="#" title="gallery">Gallery</a></li>
<li><a href="#" title="support">Support</a></li>
<li><a href="#" title="contact">Contact</a></li>
</ul>
</td>



Linkjay

You should be able to just add another <li> to the current thing. You shouldn't need to mess with any CSS unless you want something specific. Can you be a little more detailed about what you want here and can you link your site? Also, did you obtain that code from the actual source of SMF or a clientside source viewer? I am not sure where that code share is from as it does not resemble the default button strip.

You should be able to add something like this to the HTML share.

<li><a href="#" title="Test Name">Test Name</a></li>
I play games in my free time and volunteer my knowledge and support to the gaming communities of the internet.

You can contact me by these methods:
Use my Contact Script • PM me here • Add me on Steam

Advertisement: