Ergebnis 1 bis 4 von 4
  1. #1
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    Kennzeichnung externer Links

    Workaround zur Kennzeichnung externer Links

    Es bürgert sich immer mehr ein, externe Links auch als solche zu kennzeichnen.
    Damit man nicht immer hinter jeden Link ein Image einfügen muss, gibt es dieses Beispiel.
    Es ist eigentlich sehr simpel.
    Gearbeitet wird mit einer extra Klasse für die externen Links und zwei Hintergrundbildern.
    Code:
    a.extern:link { background:url(extern.gif) no-repeat center right; }
    a.extern:visited { background:url(extern.gif) no-repeat center right; }
    a.extern:hover { background:url(extern_hover.gif) no-repeat center right; }
    a.extern:active { background:url(extern.gif) no-repeat center right; }
    Eines für den Normalzustand des Links und eines für den Hovereffekt .
    Wichtig ist noch, dass man hinter jedem Link zwei geschützte Leerzeichen einfügt.
    Code:
    <a class="extern" href="http://dkmd.de/">Externer Link&nbsp;&nbsp;</a>
    Beispiellink: http://dkmd.de/tests/externer_link/
    Geändert von dkdenz (23-01-2005 um 15:10 Uhr)

  2. #2
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Kennzeichnung externer Links

    Erst man danke fürs Tut.
    Trotzdem hab ich noch eine kleine anmerkung.
    Statt der Leerzeichen würde ich ein padding-right:10px nehmen.

    Grüße Robert

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Kennzeichnung externer Links

    Noch besser...hab' ich nicht dran gedacht...

  4. #4
    Grinsemann ist offline Haudegen
    registriert
    11-02-2002
    Ort
    Osnabrück
    Beiträge
    511

    AW: Kennzeichnung externer Links

    Besser wäre es noch mit dem Attribut-Selekotr zu arbeiten. Allerdings beherrschen manche Browser diese Gewandheit noch nicht.
    Code:
    a[href^="http://"] {
    	…
    }
    Um nun auch die eigene Domain auzuschließen, wäre eine Kombination mit dem CSS3-„Negation“-Selektor nötig:
    Code:
    a[href^="http://"]:not([href*="example.net"]) {
    	…
    }

Ähnliche Themen

  1. Prob mit extern css - - - Links..
    Von sabse1980 im Forum Allgemeines
    Antworten: 2
    Letzter Beitrag: 30-09-2004, 14:46
  2. Neue Rotating Links
    Von MT87 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 29-08-2004, 18:38
  3. Stichwort Links, Frames, deep links usw...
    Von style-guide! im Forum Internet & Recht
    Antworten: 2
    Letzter Beitrag: 19-12-2001, 22:48
  4. alle Links einer Seite in "Elternseite" öffnen lassen
    Von frau moella im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 12-07-2001, 16:59
  5. Rotating Links
    Von 0 Ahnung im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 15-03-2001, 13:15

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •