Results 1 to 5 of 5

Thread: A question about the Glossy Menu

  1. #1
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default A question about the Glossy Menu

    Hello togheter,

    I am new here. At first. Sorry about my bad English.

    I have a Question about the Glossy Menue:

    http://www.dynamicdrive.com/style/cs...tal_menu/P130/

    My Question is, how can i do this, that not only one link is activ.

    I will to try, that only that link, that i klickt, shows like a activ link. With the active backgrounds.

    No its only the first Link only active.

    Best wishes

    Pfoti

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    I'm sorry. But I didn't understand even a little of what you said. But to change the active link/make more. Put this on the <li> tags:
    Code:
    class="current"
    Jeremy | jfein.net

  3. #3
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Hi Pfoti,

    Welcome to the forums. I too am having a little trouble understanding your English, but I *think* this is what you're asking for.

    If you want to create an inactive link (i.e. a link that returns nothing, no browser change), you would create it like this:

    Code:
    <a href="#" onclick="return false">Inactive Link</a>
    Now, the utility of that is none. I don't understand why you would want to do it it that way, nor do I recommend it. But that's how you would do it, nonetheless.


    If you're asking how to change the background so that another link is active. So, in the example on DD, change from the "Home" tab to the "Forums" tab, you would do as Nile as already suggested above.

  4. #4
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for oure answers. Yes my english, sorry, i have to learn it.

    My problem is,

    if you gif a look to this glossy menü, always the first tab is activ. "Home".
    Wenn i klick on a other link, it shows me the hover effect, but the "active" effect still is at the first tab. And my wish is, when i klick on a other link, this links show me as active, and the first tab as normal. in the css document of this menue is only the hover effect, but not a active effect.

    When i put the "class="current" it always only this tab current, if i put the class befor.

    But my wish is, that this current will change on klick and just change when i klick a other link.


  5. #5
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Do you have a link to your page.

    The class="current" should do the trick.

    If you have a menu like this on your homepage.
    Code:
    <ul class="glossymenu">
    	<li class="current"><a href="home.html"><b>Home</b></a></li>
    	<li><a href="css.html"><b>CSS</b></a></li>
    	<li><a href="forums.html"><b>Forums</b></a></li>	
    	<li><a href="tools.html"><b>Webmaster Tools</b></a></li>	
    	<li><a href="js.html"><b>JavaScript</b></a></li>	
    	<li><a href="gallery.html"><b>Gallery</b></a></li>	
    </ul>
    Then home will be active.

    Now, if you click on say "CSS" (which is linked to css.html), then you should have the following on CSS.html to show that you're on the active page.
    Code:
    <ul class="glossymenu">
    	<li><a href="home.html"><b>Home</b></a></li>
    	<li class="current"><a href="css.html"><b>CSS</b></a></li>
    	<li><a href="forums.html"><b>Forums</b></a></li>	
    	<li><a href="tools.html"><b>Webmaster Tools</b></a></li>	
    	<li><a href="js.html"><b>JavaScript</b></a></li>	
    	<li><a href="gallery.html"><b>Gallery</b></a></li>	
    </ul>
    This has to be done manually. It won't automatically happen (unless you want to get into server side scripts).

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •