Multiply Republic
SEARCH BOX

Posted by -JJ- on Apr 25, '08 2:27 AM for everyone

SHOW/HIDE TOP NAVIGATION (inbox, my site, contacts...)

Original post: http://makulitrepublic.multiply.com/notes/item/101
By: johnrey

Description:
        -Auto hide ur menu at top of ur banner.
        -when u point with mouse it wil show...

PREVIEW:

Nimref22

Code:
----------------------------------------------------------------------
/*SHOW/HIDE TOP NAVIGATION*/
div.header {
   background: none;
   margin: 0 10px 0 10px;
   height: 5px;
   overflow: visible;
}

div.header {opacity: 0;}
div.header:hover {opacity: 100;}

.firstnav ul.gnopt { width: 32em; }

li.gnopt {
   display: block;
   float: left;
   text-align: center;
   font-size: 10px;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-right: 5px;
        margin-left: -5px;
}

li.gnoptsel {
   display: block;
   position: relative;
   float: left;
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   margin-right: -3px;
        margin-left: -10px;
   padding-top: 2px;
   padding-bottom: 2px;
   border-bottom: none;
}

--------------------------------------------------------------------------

Step:

1. BE CREATIVE!!!!
2. No need to edit code.
3. If you like, Paste it in CUSTOM CSS

if u have problem PM me or just leave a comment below..

HAPPY TWEAKING!!!

Prev: Changing Fonts in the Guestbook

reply share

8 CommentsChronological Reverse Threaded

michaeluthemes wrote on Apr 25

Cool :D

jnamakulit wrote on Apr 25

Thanks to johnrey.

dafty2203 wrote on Apr 25

I've applied this already on my page but I decided to completely hide my top navigation bar.

wolvesandrainbows wrote on Apr 25

This is a neat idea, so I tried it. I do have to experiment haha.
I would have to tweak something (not sure what) as it overlapped my site title when I hovered for it.
The only other thing that I thought was weird is that my nav bar (home, blog, etc) ... the words squished together and partially overlapped. hmmmmm
So I took it back off, but I liked the look of this otherwise.

michaeluthemes wrote on Apr 25

Is it possible on thenav bar (Home , Blog , pohtos etc.)

jnamakulit wrote on Apr 26

i believeit is,try to experiment first but back up your css for assurance..