[an error occurred while processing this directive]

Verwalten Sie Ihre Webfarben

Behalten Sie mit MyColor Studio den Überblick über Ihre Onlineprojekte

Hier klicken und mehr erfahren

Schnelle Seiten gefällig?

Befreien Sie Ihre Webseiten mit wenigen Mausklicks von unnötigem Balast

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 28.03.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.


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 28.03.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt