The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

customize the menu bar

3 posters

Go down

customize the menu bar Empty customize the menu bar

Post by Alexed Mon Jul 04 2011, 00:51

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...

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
customize the menu bar Frums10

look like this one http://hilaryduff.mesfans.com
customize the menu bar Site11



Thanks in advance Smile
Alexed
Alexed
New Member

Posts : 13
Reputation : 0
Language : French, English

Back to top Go down

customize the menu bar Empty Re: customize the menu bar

Post by Alexed Tue Jul 05 2011, 17:58

any answer ?
Alexed
Alexed
New Member

Posts : 13
Reputation : 0
Language : French, English

Back to top Go down

customize the menu bar Empty Re: customize the menu bar

Post by Omalley78 Fri Jul 08 2011, 21:26

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
Omalley78
New Member

Male Posts : 11
Reputation : 0
Language : English

Back to top Go down

customize the menu bar Empty Re: customize the menu bar

Post by nutsonlizards Fri Jul 08 2011, 22:37

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"

Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR} </td>
               </tr>
            </table>
nutsonlizards
nutsonlizards
Forumember

Posts : 59
Reputation : 14
Language : London

http://www.redneckherpsforum.com/forum

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum