(Stand: 22.11.24, Adresse: http://www.grammiweb.de/html/html086.shtml)
Flexible Hervorhebung mit Grafiken
In der Regel werden Hervorhebungen immer nach dem gleichen Schema umgesetzt: Der gewünschte Text wird fett dargestellt, oder kursiv, vielleicht auch in einer anderen Farbe, ... Wirklich Außergewöhnliches findet man da selten.
Dabei ist es mit ein wenig CSS ganz einfach, individuelle Hingucker mit Grafiken als Hintergrund zu kreieren.
Dazu benötigen Sie eine beliebige Hintergrundgrafik und erweitern das Stylesheet einfach um folgenden Eintrag:
<style type="text/css">
.hervorheben { background: url("grafik.gif"); padding: 2px}
</style>
Mit dieser "hervorheben"-Klasse läßt sich allerlei bewerkstelligen.
Hierzu einige Beispiele:
Beispiel Eins
Es lassen sich beispielsweise komplette Textpassagen hervorgeben.
Der Quellcode dazu:
<p class="hervorheben">TEXT</p>
Beispiel Zwei
Natürlich kann man auch einfach nur einen Link betonen.
Der Quellcode dazu:
<p>TEXT <a href="ZIEL" class="hervorheben">LINK</a> TEXT</p>
Beispiel Drei
Auch einzelne Wörter sind kein Problem.
Der Quellcode dazu:
<p>TEXT <span class="hervorheben">TEXT</span> TEXT</p>
Ihrer Phantasie sind dabei keine Grenzen gesetzt.
[an error occurred while processing this directive] [an error occurred while processing this directive]© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 22.11.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt