The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

customize the menu bar

View previous topic View next topic Go down

customize the menu bar

Post by Alexed on July 3rd 2011, 11:51 pm

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


look like this one http://hilaryduff.mesfans.com




Thanks in advance Smile

Alexed
New Member

Posts : 13
Reputation : 0
Language : French, English

Back to top Go down

Re: customize the menu bar

Post by Alexed on July 5th 2011, 4:58 pm

any answer ?

Alexed
New Member

Posts : 13
Reputation : 0
Language : French, English

Back to top Go down

Re: customize the menu bar

Post by Omalley78 on July 8th 2011, 8:26 pm

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

Male Posts : 11
Reputation : 0
Language : English

Back to top Go down

Re: customize the menu bar

Post by nutsonlizards on July 8th 2011, 9:37 pm

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
Forumember

Posts : 59
Reputation : 14
Language : London

http://www.redneckherpsforum.com/forum

Back to top Go down

View previous topic View next topic Back to top


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