Hyperlinks je nach Dateityp anders formatieren [Code Poem #20]

News
Tools
Bücher
Fotos
Impressum
Be social!
Finden

Hyperlinks je nach Dateityp anders formatieren [Code Poem #20]

Wie kann ich Hyperlinks auf eine beispielsweise doc-Datei oder pdf-Datei automatisch kennzeichnen?

Nichts einfach als das! Dazu brauchen wir nur die Pseudo-Selektoren:

a[href$="pdf"]:after,
a[href$="doc"]:after {
  margin: 0 0 0 5px;
  font: bold 1.2em "Arial";
  content: " [PDF]";
}
a[href$=".doc"]:after {
  content: " [DOC]";
}

Hyperlinks je nach Dateityp anders formatieren [Code Poem #20] wurde am 23. 6. 2010 um etwa 11 Uhr gepostet und am 29. 1. 2011 um etwa 16 Uhr geändert.
Design wären noch interessante Themen.
Dies könnte Dich auch interessieren: Automatisch, CSS, formatieren, Hyperlinks, QuellCode, Selektor, webDesign.
Kommentiere als Erster diesen Post!

Weitere Posts zu diesem Thema

Ein CSS-StyleSheet zum Anfang

Es fällt mir immer wieder auf, dass manche Designer auf grundlegende CSS-Definition vergessen. Am öftesten wird das zurücksetzen der vom jeweiligen Br [...]
Die Schrift im DashBoard-Editor von WordPress verändern

Ist zwar ein wenig unüblich, aber es geht. Wer unbedingt will, kann die Schrift des WYSIWYG-Editors tinyMCE von WordPress verändern. Ihr braucht dazu [...]
Links in Posts automatisch formatieren

Diesmal gibt es einen kleinen WordPress Trick für die "Faulen" unter euch. Es ist zwar nicht sehr elegant, aber es erfüllt den Zweck: Wir schreiben in [...]
Den Titel eines Posts mit einem Band hinterlegen [Code Poem #7]

Ich hätte als Titel gerne ein Band über einem Hintergrund, so wie es auf dem Bild aussieht: Dies geht eigentlich ganz einfach mit den neuen Techniken [...]
Unterseiten in der Seiten-Hierarchie ohne PlugIn ein-/ausblenden

Da ich bei einem aktuellen Projekt, WordPress als ein einfaches CMS einsetze, bin ich auf folgendes Problem gestoßen: In der Seitenleiste sollen alle [...]