Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS MENU TALKING

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25344
    eXo
    Member

    I am looking for a menu similair to this one: https://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

    #60190
    eXo
    Member

    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

    #60175
    Rob MacKay
    Participant

    hehe awesome :D

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.