Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.06.2012 um 14:27 (UTC)    
Titel: Navi-Buttons einzeln konfigurieren?

Hi Leute,

hab eine lange Pause mit meiner Homepage eingelegt und bin jetzt wieder voll dabei, aber ein bisschen aus dem ganzen HTML rausgekommen.

Ich würde gern die Buttons in der Navigation einzeln bearbeiten/konfigurieren, d. h. jeden einzelnen Button verlinken und mit einem Hovereffekt versehen, da ich dann jeden einzelnen Button in Photoshop erstellen möchte.

Wenn es möglich ist, auch noch die besuchte Seite anzeigen lassen.

Kann mir da jemand bitte was coden?

Bei mir sieht das bis jetzt so aus:

Code:

 /* Feld der Navigation */
    #nav_container {
    width: 950px;
    margin-top: -15px;
    margin-bottom: 0px;
    text-align: center;
    border: 0px solid #;
 background-color: #fcc92f;
    background-image:url(); }


    /* Feld Navi-Buttons */
    li.nav_element {
   display: inline-block;
    list-style-type: ;
    text-align: center;
    margin-right: 8px;
    margin-left: 8px;
    width: 150px;
 height: 40px;
    background-color: #;
    background-image: url(http://img.webme.com/pic/f/foxday/vesiten_button_large.png);
    border: 0px solid #;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px; }


/* Linkfarbe und Linkgröße im Navi-Button */
    li.nav_element a {
    text-decoration: none;
    font-size:13px;
    color: #707070;
    font-family: arial; }


    /* Hover-Effekt bei Mauskontakt */
    li.nav_element:hover {
    background-color:#;
    background-image:url(http://img.webme.com/pic/f/foxday/vesiten_now_button_large.png); }


    /* gerade besuchte Seite */
    li.checked_menu {
    background-color:;
    background-image: url(http://img.webme.com/pic/f/foxday/vesiten_now_button_large.png);
    border: 0px solid #; }


Brauche Hilfe und hoffe auf Antwort Smile

MfG
______________

foxday.de - Die Funpage im Web
Beitrag08.06.2012 um 15:00 (UTC)    
Titel:

Wenn du das ohne eigenes Menü machen willst, kannst du folgendermaßen vorgehen:
Jeder Menüpunkt hat die ID #nav_Seitenname, wobei Seitenname logischerweise mit dem Namen der Seite im Editor zu ersetzen ist.
Allerdings ohne Umlaute und Sonderzeichen.
Der Menüpunkt Über foxday.de hat demnach die ID #nav_berfoxdayde, Neuigkeiten wird zur ID #nav_Neuigkeiten.
Der Menüpunkt der aktuellen Seite hat übrigens die Klasse .checked_menu.

Ich hoffe, das hilft dir weiter Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag08.06.2012 um 20:05 (UTC)    
Titel:

kannst du bitte einen art Grund code erstellen? ich blick da überhaupt nicht mehr durch..

wie verhalten sie diese IDs?
______________

foxday.de - Die Funpage im Web
Beitrag09.06.2012 um 08:52 (UTC)    
Titel:

Deine Navigation besteht aus einer Liste mit der ID nav.

Jeder Menüpunkt ist ein Listenelement mit der Klasse nav_element, jeder einzelne Menüpunkt hat außerdem zusätzlich eine ID, mit der er sich ansprechen lässt (s.o.).

Das sieht als CSS-Code in etwa so aus:
Zitat:
/* Formatierung der Navigation */

/* Folgendes wirkt sich auf die Navigation als solche aus */
#nav {
}

/* Folgendes wirkt sich auf jeden Menüpunkt aus */
li.nav_element {
}

/* Folgendes wirkt sich auf den Menüpunkt der aktuellen Seite aus */
li.checked_menu {
}

/* Folgendes wirkt sich nur auf den Menüpunkt Home aus */
#nav_Home {
}

/* Folgendes wirkt sich nur auf den Menüpunkt Neuigkeiten aus */
#nav_Neuigkeiten {
}

/* Folgendes wirkt sich nur auf den Menüpunkt Über foxday.de aus */
#nav_berfoxdayde {
}


Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag09.06.2012 um 19:23 (UTC)    
Titel:

Ahh, jetzt wird mir einiges wieder klarer..

Vielen Dank! Hast mir sehr weiter geholfen Smile
______________

foxday.de - Die Funpage im Web
Beitrag10.06.2012 um 09:10 (UTC)    
Titel:

Kein Problem Wink

-CLOSED-, da erledigt Smile

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de