Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ![]() Interested in joining? Click here. If you are already a member of ZBCode, feel free to login right here: |
| 3 Piece Top Menu | |
|---|---|
| Tweet Topic Started: Dec 14 2008, 01:12 PM (1,420 Views) | |
| skiggs | Dec 14 2008, 01:12 PM Post #1 |
![]()
|
Code: 3 Piece Top Menu. What it does: It allows you to create a part of the top menu that is different from the rest of your top_bar. Preview:Clicky Note: Thanks to Nicola for helping me get this working Also, the PREVIEW Image has the parts labled to anyone who may be confused. The Code: Put this at the end of your board wrappers
Now for the CSS. This is where it might get tricky! First, find the #top_menu in your CSS. Append the following directly after it, and replace the actual #top_menu with what I have here. THE MARGIN MUST BE 0Px, or else the top bar will not work correctly.
Now find the #drop_menu li in your CSS, and replace it with the following:
This is what your CSS Should like like after this is completed
Any Questions or comments please feel free to ask, I'll gladly try and help. Edited by Reid, Jun 15 2009, 08:19 PM.
|
![]() |
|
| Choronzon | Dec 19 2008, 01:56 AM Post #2 |
![]()
|
It's good |
![]() |
|
| Moon | Feb 28 2009, 02:21 PM Post #3 |
![]()
|
the preview dosn't work. It said the image was removed |
![]() Love Animals? Click here! | |
![]() |
|
| Pounce | Apr 19 2009, 07:04 PM Post #4 |
![]()
|
I tried this code and got an error that I just cannot figure out. On the right side, the middle img is bleeding over....see pic in first spoiler Spoiler: click to toggle any help on this? Spoiler: click to toggle Edited by Pounce, Apr 19 2009, 07:05 PM.
|
![]() |
|
| Kevin | Apr 19 2009, 07:08 PM Post #5 |
![]()
|
Could you provide a link to your board, and the rest of the CSS for the code (the part containing #top_menu_l and #top_menu_r)? |
| |
![]() |
|
| Pounce | Apr 19 2009, 07:37 PM Post #6 |
![]()
|
It official...I don't know what the heck I'm doing...I messed it up even more than before. http://s7.zetaboards.com/Test_of_Infinity/index/ Spoiler: click to toggle
Edited by Pounce, Apr 19 2009, 07:40 PM.
|
![]() |
|
| Lanex | Jul 14 2009, 12:51 PM Post #7 |
![]()
|
Is it possible to have a new preview put up so I can have a clear look before deciding whether or not to add this to my theme? |
![]() |
|
| Namieko | Aug 3 2009, 03:31 PM Post #8 |
|
Mother hen
![]()
|
works like a charm and its place ment can be chosen some what.... grate job! |
![]() | |
![]() |
|
| Ruben O' Brien | Apr 14 2010, 05:33 PM Post #9 |
![]()
|
Just letting you know the preview doesnt work :-) |
![]()
| |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Zetaboards Modifications · Next Topic » |











Also, the PREVIEW Image has the parts labled to anyone who may be confused.








7:50 PM Jul 10