CSS-Formatierung headline

Blinttext Gummibärchen (h2)

Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch. Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. Man wühlt in den Gummibärchen, man fühlt sie. Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi. Die Tastempfindung geht auch ins Sexuelle. Das bedeutet nicht unbedingt, daß das Verhältnis zum Gummibärchen ein geschlechtliches wäre, denn prinzipiell sind diese geschlechtsneutral. Nun sind Gummibärchen weder wabbelig noch zäh; sie stehen genau an der Grenze. Auch das macht sie spannend. Gummibärchen sind auf eine aufreizende Art weich. Und da sie weich sind, kann man sie auch ziehen. Ich mache das sehr gerne. Ich sitze im dunklen Kino und ziehe meine Gummibärchen in die Länge, ganz ganz langsam.


Überschrift h3

Man will sie nicht kaputtmachen, und dann siegt doch die Neugier, wieviel Zug so ein Bärchen aushält. (Vorstellbar sind u.a. Gummibärchen-Expander für Kinder und Genesende). Forscherdrang und gleichzeitig das Böse im Menschen erreichen den Climax, wenn sich die Mitte des gezerrten Bärchens von Millionen Mikrorissen weiß färbt und gleich darauf das zweigeteilte Stück auf die Finger zurückschnappt. 		 

Überschrift h3

Man will sie nicht kaputtmachen, und dann siegt doch die Neugier, wieviel Zug so ein Bärchen aushält. (Vorstellbar sind u.a. Gummibärchen-Expander für Kinder und Genesende). Forscherdrang und gleichzeitig das Böse im Menschen erreichen den Climax, wenn sich die Mitte des gezerrten Bärchens von Millionen Mikrorissen weiß färbt und gleich darauf das zweigeteilte Stück auf die Finger zurückschnappt.




Sie können die Datei speichern mit "Datei speichen unter" in der Menüleiste

Überschrift h2

Überschrift h3

Textlink

normaler Text innerhalb von td-Tags

 headline Text  (mit bgcolor4 farbig hinterlegt


Textformatierung ' .mini '


.bgcolor1

.bgcolor2

.bgcolor3

.bgcolor4

.bgcolor5

.bgcolor6

.bgcolor7


Formatierung von Schrift und Hintergrundfarben wurde mit CSS umgesetzt! CSS-Anweisungen wurden auf den minimalen Standard beschränkt. (gleiche Darstellung auch im NS4.x , bis auf die Scrollbars)

Die CSS-Anweisungen stehen zur Zeit noch im Head der HTML-Seite. Das können Sie aber auch mit einer zentralen, externen CSS-Datei verwirklichen. Einen entprechenden Beitrag finden Sie in meiner Rubrik CSS: Externe CSS-Datei



Angaben abändern:

Setzen Sie einfach für Schriftgrößen und Fraben Ihre Werte ein

Einbindung:

Für die üblichen HTML-Tags werden nun die im HEAD-Bereich eingetragenen CSS-Formatierungen verwendet. das gilt für die Bereiche:

<body> ; Text m Body

<td> ; Text innerhalb von Tabellen

<h2> ; Überschriften Größe 2

<h3> ; Überschriften Größe 3

<a> ; Textinks

Da müsen Sie nichts mehr tun !

eigene Klassen:

Wollen Sie Text in der selbst definierten Klasse formatieren ( beginnen mit einem Punkt), binden Sie dei Klasse in den TD-Befehl ein

<td class="mini">

oder setzen den Textbereich in einen Span-Befehl:

<span class="mini">Textbereich</span> 



<style type="text/css">
<!--
body {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color: #000000;
background-image:url(kachel.gif);
margin:0px;
padding:0px;

scrollbar-face-color: #999999;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #000000;
}

.bgcolor0 {background-color: #000000;}
.bgcolor1 {background-color: #F8F8F8;}
.bgcolor2 {background-color: #F0F4FF;}
.bgcolor3 {background-color: #F4FFF4;}
.bgcolor4 {background-color: #0066CC;}
.bgcolor5 {background-color: #F58120;}
.bgcolor6 {background-color: #FF5F11;}
.bgcolor7 {background-color: #FFFFFF;}


a {
font-family:Verdana,Arial;
font-size:8pt;
color: #000000;
text-decoration : none;
font-weight:bold;
}

a:visited{
color: #000000;
}

a:aktiv {
color:#F0F2F7;
}

a:hover {
color:#0000FF;
text-decoration:underline;
}

td {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
}

h2 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color:#0066CC;
}

h3 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color:#0066CC;
}

.headline {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 20pt;
color:#FFFFFF;
}

.mini {
font-family:Verdana,Arial;
font-size:8pt;
color:#0000CC;
}

-->
</style>




Vorlage CSS-Angaben www.web-toolbox.net