+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Verschiedene Farben für Links

  1. #1
    TP-Junior Nokio macht alles soweit korrekt
    Registriert seit
    Apr 2006
    Beiträge
    16

    Verschiedene Farben für Links

    Hallo,
    ich habe in den Seiteneigenschaften eine bestimmte Farbe für Links hinterlegt.
    Diese Farbe wird für alle Links verwendet, ich möchte jedoch verschiedene Farben haben. D.h. eine bestimmte Farbe fürs Navi und für andere Links eine andere Farbe. Ich hab schon mit css und normal Farbe ändern versucht, klappt einfach nicht. Wie kann ich für Links verschiedene Farben nehmen??

  2. #2
    TP-Veteran Dome bringt sich richtig ein Dome bringt sich richtig ein Avatar von Dome
    Registriert seit
    Feb 2004
    Ort
    Stuttgart
    Beiträge
    1.289
    Zitat Zitat von Nokio
    Hallo,
    ich habe in den Seiteneigenschaften eine bestimmte Farbe für Links hinterlegt.
    Diese Farbe wird für alle Links verwendet, ich möchte jedoch verschiedene Farben haben. D.h. eine bestimmte Farbe fürs Navi und für andere Links eine andere Farbe. Ich hab schon mit css und normal Farbe ändern versucht, klappt einfach nicht. Wie kann ich für Links verschiedene Farben nehmen??
    Also meines wissens geht das so auch:

    HTML-Code:
    <a href="http://www.google.de"><font color="red">Hallo Link!</font></a>
    Ist zwar nicht die feine Art aber es sollte funkionieren...
    Gruß
    Dome
    __________________
    Um mal auf das Renomee-System aufmerksam zu machen: Klick
    TP Battlebay: www.tp-battlebay.de.ki (endlich wieder Online!)

  3. #3
    TP-Junior Nokio macht alles soweit korrekt
    Registriert seit
    Apr 2006
    Beiträge
    16
    Hi, das funktioniert zwar danke schonmal, aber jeden Link so editieren? Ist schon etwas aufwendig. Am besten wäre irgend ein css rule, gibts da sowas nicht?

    Und wo wir grad dabei sind. Welches CSS Rule ist für On Hover zuständig, also wenn ich die maus über ein link halte, dass sich die farbe ändert??

  4. #4
    TP-Moderator satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User Avatar von satre
    Registriert seit
    Jan 2005
    Ort
    Düsseldorf
    Beiträge
    3.683
    du kannst für verschiedenfarbige Links, einzelne Klassen definieren:

    Code:
    .link_rot a:link, .link_rot a:visited{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#f00;
    font-size:12px;
    }
    
    .link_rot a:hover {
    color:#fff;
    }
    
    .link_blau a:link, .link_blau a:visited{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#00f;
    font-size:12px;
    }
    
    .link_blau a:hover {
    color:#fff;
    }
    Und die html:

    Code:
    <a href="#"><span class="link_rot">roter Link<span></a>
    <a href="#"><span class="link_blau">blauerLink<span></a>
    Zitat Zitat von Nokio
    Und wo wir grad dabei sind. Welches CSS Rule ist für On Hover zuständig, also wenn ich die maus über ein link halte, dass sich die farbe ändert??
    Siehe selfhtml.

  5. #5
    TP-Junior Nokio macht alles soweit korrekt
    Registriert seit
    Apr 2006
    Beiträge
    16
    k danke.

  6. #6
    ingo
    Guest
    Zitat Zitat von satre
    du kannst für verschiedenfarbige Links, einzelne Klassen definieren:
    dann aber lieber richtig

  7. #7
    TP-Moderator satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User satre lebt für das TP und seine User Avatar von satre
    Registriert seit
    Jan 2005
    Ort
    Düsseldorf
    Beiträge
    3.683
    Joa, CSS ist schon eine Kunst für sich.

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51