Troll: Links mit CSS und Hover Effekte

SELF-Forum

Links mit CSS und Hover Effekte

Troll
– Informationen zu den Bewertungsregeln

Hi,

ich möchte mehrere Hover Effekte für unterschiedliche Links einbauen. Einige Details wie z.B. Schriftgröße und Schriftart wiederholen sich in jedem Link.

a:link    { font-family: Courier, Comic Sans MS, font -size: 12pt; }
a:hover   { font-family: Courier, Comic Sans MS, font -size: 12pt; }
a:visited { font-family: Courier, Comic Sans MS, font -size: 12pt; }

kann ich nicht nutzen weil diese bereits anderweitig vergeben sind. Soll dann in etwa so aussehen:

a.links1:link { font-family: Verdana, Arial; font-size: 12pt; color: #CC33FF; text-decoration: underline; }
a.links1:hover { font-family: Verdana, Arial; font -size: 12pt; color: #008000; text-decoration: none; }
a.links1:visited { font-family: Verdana, Arial; font -size: 12pt; color: #CC33FF; text-decoration: none; }

a.links2:link { font-family: Verdana, Arial; font -size: 12pt; color: #FF00FF; text-decoration: none; }
a.links2:hover { font-family: Verdana, Arial; font -size: 12pt; color: #FF0000; text-decoration: none; }
a.links2:visited { font-family: Verdana, Arial; font -size: 12pt; color: # FF00FF; text-decoration: none; }

a.links3:link { font-family: Verdana, Arial; font -size: 12pt; color: #00FFFF; text-decoration: none; }
a.links3:hover { font-family: Verdana, Arial; font -size: 12pt; color: #FFAAFF; text-decoration: underline;}
a.links3:visited { font-family: Verdana, Arial; font -size: 12pt; color: #00FFFF; text-decoration: none; }

Kann man irgendwie sich wiederholende Eigenschaften in links1 bis links3 zusammenfassen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Links mit CSS und Hover Effekte

    Akaris
    – Informationen zu den Bewertungsregeln

    Ja kannst du:

    einfach:

    .links2, .links2, .links3 {font-family: Verdana; usw};

    danch nur noch die Auszeichnungen der Farbe wie Du es gemacht hast..
    Gruss Ralf

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Links mit CSS und Hover Effekte

    apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz,

    Kann man irgendwie sich wiederholende Eigenschaften in links1 bis links3 zusammenfassen?

    Ja, indem man eine extra Klasse verwendet, z.B. "besondere-links" und nur die Unterschiede in den Klasse Link1 bis Link3 lässt.

    Mehrere Klassen spricht man durch Trennung durch Leerzeichen an: <a class="besondere-links link1" ... >

    Einige werden schreiben, dass du zuerst SELFHTML und dann die Suchfunktion des Forums bemühen solltest und Recht hätten sie damit.

    Matthias

    --
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Links mit CSS und Hover Effekte

      Troll
      – Informationen zu den Bewertungsregeln

      Einige werden schreiben, dass du zuerst SELFHTML und dann die Suchfunktion des Forums bemühen solltest und Recht hätten sie damit.

      Klar, aber wenn alles in SELFHTML steht....wieso gibt's dann das Forum? Habe die fehlende Info nicht gefunden. DANKE!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Links mit CSS und Hover Effekte

        apsel Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Om nah hoo pez nyeetz,

        sowie Akaris es vorschlägt, geht es natürlich auch. Hier musst du für dich selbst entscheiden, was für dich übersichtlicher ist.

        Matthias

        --
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  3. Links mit CSS und Hover Effekte

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Hi,

    ich möchte mehrere Hover Effekte für unterschiedliche Links einbauen. Einige Details wie z.B. Schriftgröße und Schriftart wiederholen sich in jedem Link.

    a:link    { font-family: Courier, Comic Sans MS, font -size: 12pt; }
    a:hover   { font-family: Courier, Comic Sans MS, font -size: 12pt; }
    a:visited { font-family: Courier, Comic Sans MS, font -size: 12pt; }

    kann ich nicht nutzen

    weil es keine Schrift namens 'font -size: 12pt' gibt ...
    Die beiden anderen Schriften passen m.E. auch nicht wirklich zusammen ...

    a.links1:link { font-family: Verdana, Arial; font-size: 12pt; color: #CC33FF; text-decoration: underline; }

    Am Ende der font-family-Liste sollte die generische Schriftart (hier: sans-serif) stehen.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln