Grow your CSS skills. Land your dream job.

CSS MENU TALKING

  • eXo
    # July 3, 2009 at 4:09 am

    I am looking for a menu similair to this one: http://css-tricks.com/examples/MenuFader/

    But when you hover about the link you should see the content not only when you click on it(like the menu css-tricks.com got)
    Does anyone got a tutorial for this?

    grtz eXo

    eXo
    # July 4, 2009 at 9:17 am

    Try’d it out myself and it worked :o
    css

    Code:
    a{
    text-decoration: none;
    color: black;
    }
    a span {
    visibility:hidden;
    }
    a:hover span {
    font-family: tahome;
    font-size: 16px;
    color: black;
    border: 0px;
    position:absolute;
    visibility:visible;
    }
    #menu a span {
    top: 3em;
    left: 40%;
    }
    #menu {
    margin: 5em 5em 5em 5em;
    background: #333;
    list-style: none;
    width: 100%;
    }
    #menu li {
    display: block;
    text-align: center;
    font: 67.5% “Lucida Sans Unicode”, “Bitstream Vera Sans”, “Trebuchet Unicode MS”, “Lucida Grande”, Verdana, Helvetica, sans-serif;
    line-height: 25px;
    }
    #menu a {
    background: #333;
    color: #ccc;
    width: 10em;
    height: 2.5em;
    float: left;
    text-decoration: none;
    }
    #menu a:hover {
    background: #2580a2;
    color: #fff;
    }

    html

    # July 4, 2009 at 9:25 am

    welldone

    Rob
    # July 4, 2009 at 1:11 pm

    hehe awesome :D

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".