[an error occurred while processing this directive]

Ganz schön bunt

Laden Sie jetzt stimmige Farbwelten für Ihre Webseiten herunter - kostenlos

Hier klicken und mehr erfahren

Formulare ganz einfach erstellen

Onlineformulare mit wenigen Mausklicks einfach und bequem selbst gemacht

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 29.11.21, 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: 29.11.2021
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt