Navigationsleiste mit Balken

  • Hallo zusammen,


    ich bin neu hier und versuche mich seit kurzem auch mit Webseiten.
    Gerne würde ich für meine Seite eine Navigationsleiste erstellen, die wie beim folgenden Link aussieht. (Also mit dem Balken über dem Home usw.)


    http://www.zoho.com/


    leider bekomme ich den css code dazu nicht hin, oder brauche ich auch noch ein script.
    Ist es auch möglich die Farbe des Balkens wechseln zu lassen, z.B. das er bei Home grün ist und bei Angebote gelb usw.


    Vielen Dank für Eure Hilfe.


    Gruß Kerstin

  • Hallo zusammen,


    ich bin neu hier und versuche mich seit kurzem auch mit Webseiten.
    Gerne würde ich für meine Seite eine Navigationsleiste erstellen, die wie beim folgenden Link aussieht. (Also mit dem Balken über dem Home usw.)


    http://www.zoho.com/


    leider bekomme ich den css code dazu nicht hin, oder brauche ich auch noch ein script.
    Ist es auch möglich die Farbe des Balkens wechseln zu lassen, z.B. das er bei Home grün ist und bei Angebote gelb usw.


    Vielen Dank für Eure Hilfe.


    Gruß Kerstin


    - - - Aktualisiert - - -


    Hallo zusammen,


    ich bin neu hier und versuche mich seit kurzem auch mit Webseiten.
    Gerne würde ich für meine Seite eine Navigationsleiste erstellen, die wie beim folgenden Link aussieht. (Also mit dem Balken über dem Home usw.)


    http://www.zoho.com/


    leider bekomme ich den css code dazu nicht hin, oder brauche ich auch noch ein script.
    Ist es auch möglich die Farbe des Balkens wechseln zu lassen, z.B. das er bei Home grün ist und bei Angebote gelb usw.


    Vielen Dank für Eure Hilfe.


    Gruß Kerstin


    - - - Aktualisiert - - -


    Bitte entschuldigt, hab die falsche Seite genannt.


    http://www.zoho.com/sites/

  • Hallo zusammen,


    ich bin neu hier und versuche mich seit kurzem auch mit Webseiten.
    Gerne würde ich für meine Seite eine Navigationsleiste erstellen, die wie beim folgenden Link aussieht. (Also mit dem Balken über dem Home usw.)


    http://www.zoho.com/site


    leider bekomme ich den css code dazu nicht hin, oder brauche ich auch noch ein script.
    Ist es auch möglich die Farbe des Balkens wechseln zu lassen, z.B. das er bei Home grün ist und bei Angebote gelb usw.


    Vielen Dank für Eure Hilfe.


    Gruß Kerstin


    - - - Aktualisiert - - -


    Bitte entschuldigt, hab die falsche Seite genannt.


    http://www.zoho.com/sites/[/QUOTE]

  • also anmelden rules^^
    da kommt nachher nich sowas wie hier zustande..^^


    also der style ist der hier:


    Code
    1. .menuArea ul li.selected a {
    2. border-top: 3px solid #09BB40;
    3. color: #000000;
    4. }


    und du musst natürlich auch das menü entsprechend der struktur von denen erstellen..:

    HTML
    1. <div class="menuArea clearDiv">
    2. <ul>
    3. <li class="selected"><a href="index.html">Home</a></li>
    4. <li><a href="tour.html">Tour</a></li>
    5. <li><a href="theme.html">Themes</a></li>
    6. <li><a href="pricing.html">Pricing</a></li>
    7. <li><a href="signup.html">Get Started<img src="images/getstarted-arrow.png"></a></li>
    8. </ul>
    9. </div>


    wichtig ist, dass das listen-element dabei dann die klasse selected bekommt ;)