navi-tutorial gesucht

mona

Ich bin auf der Suche nach einem Tutorial o. Ä. für ein Menü so ähnlich wie das:
http://www.chatsum.com/

thx
mona

MeDoP

Das ist ein CSS-Menü.

Du erstellst dir einfach ein Hintergrundbild (nehmen wir mal z.B. ein Button der Größe 120x30) und definierst dir deine Linkklasse (z.B. menu).

Hier mal ein Beispiel, welches du in deinen Headbereich oder in eine externe CSS-Datei einfügst:

Code

div.menu a:link, div.menu a:visited {
    float:left;
    margin-right:10px;
    width:120px;
    height:30px;
    background-image:url(URL DEINES BUTTONS);
    display:block;
    color:#FF0000;
    text-decoration:none;
    }
div.menu a:hover {
    color:#000000;
    }

Alles anzeigen

Deine Menuelemente lässt du dann so anzeigen:

Code

<div class=menu">[url='#']Link 1[/url]</div>
<div class=menu">[url='#']Link 2[/url]</div>
...

Ein kleines Beispiel findest du HIER

Tags