customize the menu bar
3 posters
Page 1 of 1
customize the menu bar
Hi,
I was wondering if I can customize the menu bar of my forums using CSS. I'm using this code in my Html pages and I want to use it in for the forums but I dunno where I should put it...
I want to make the forums menu http://hilaryduff.mesfans.com/forum
look like this one http://hilaryduff.mesfans.com
Thanks in advance
I was wondering if I can customize the menu bar of my forums using CSS. I'm using this code in my Html pages and I want to use it in for the forums but I dunno where I should put it...
- Code:
<style>
#menu{ width:958px; list-style-type:none; margin:0; margin-left: -7px; }
#menu li.sub{background:#ececec;border-right:1px solid; border-left-color:#FFFFFF; }
#menu li{ background: #ececec; padding:0; margin:1px 1px 0px 0; position:relative }
#menu li a,#menu li{ list-style-type:none; float:left; width:120px; text-align:center; font-family:Umpush, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; line-height:25px; font-size:12px; height:25px;
/* default background colour, for all layout engines that don't implement gradients */
background: #e0e0e0;
/* gecko based browsers */
background: -moz-linear-gradient(top, #e0e0e0, #f6f6f6);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f6f6f6));
color:#c9c9c9 }
#menu ul{ padding:0; margin:0; display:block; background:#ececec; position:absolute ; /*left:-122px;*/ top:25px; display:none; width:365px}
#menu li a:hover{ background:#f6f6f6};
</style>
I want to make the forums menu http://hilaryduff.mesfans.com/forum
look like this one http://hilaryduff.mesfans.com
Thanks in advance
Alexed- New Member
- Posts : 13
Reputation : 0
Language : French, English
Re: customize the menu bar
any answer ?
Alexed- New Member
- Posts : 13
Reputation : 0
Language : French, English
Re: customize the menu bar
Well since it's different buttons on the Navigation bar, you will have to get the button images and upload them to your Forum individually under AP>Display>Pics management>Advanced Mode>General / explore.
Omalley78- New Member
- Posts : 11
Reputation : 0
Language : English
Re: customize the menu bar
so you wont a drop nav bar now we got the the Javascript codes management you can add some really cool ones you would need to add it to your site template
/admin panel/Display/Templates/General/overall_header
just paste the drop nav bar code were it says "GENERATED_NAV_BAR"
/admin panel/Display/Templates/General/overall_header
just paste the drop nav bar code were it says "GENERATED_NAV_BAR"
- Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR} </td>
</tr>
</table>
Similar topics
» Customize FAQ in Menu Bar
» How to customize this?
» Customize Memberlist
» [Menu] Sublevels/Submenus Below a Menu/Tab
» Customize
» How to customize this?
» Customize Memberlist
» [Menu] Sublevels/Submenus Below a Menu/Tab
» Customize
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum