Layouts Tutorials
Bombastiic
gerade on hiatus

bombastiic

Wie mache ich eine ueberschrift ?

Wie mache ich eine Ueberschrift ?

So in diesem Tutorial will ich euch zeigen wie man eine Überschrift erstellt.

1. Anfangen machen wir mit dem Style der Überschrift und dieser Teil kommt zwischen den Style-tags (also zwischen < style> und < /style>)


das ist der Code für diese box

(der Code ist länger als er sein müsste damit ihr alle möglichkeiten seht)





Die Erklärung:             


.bombastiic { sagt das dieses Befehl (die Überschrift) bombastiic heißen soll (bei mehreren Überschriften anderen namen hier eingeben)
padding-left/right/bottom/top: 5px ; ist die Größe des Abstandes der überschrift zum rest des Layouts
margin-top: 1px; ist der Abstand der der Schrift zur Überschrift
text-transform: uppercase; macht das der Text in Großbuchstaben angezeigt wird
text-align: left/right; gibt die Ausrichtung des Textes an
font-family: Arial; ist die Schriftart
font-weight: bold; der Text wird fett angezeigt
font-style: italic; macht den Text kursiv
font-size : 10px ; bestimmt die Schriftgröße des Textes
color: #B2B299; bestimmt die Textfarbe
letter-spacing: 2px; bestimmt den Buchstabenabstand des Textes
line-height: 10px; bestimmt die Höhe der Überschrift
text-shadow: #ffffff 0px 0px 6px; macht das der Text einen Schatten hat (Farbe des Schattens ist änderbar)
border-left/right/bottom/top: 2px solid #c0c0c0; ist der Rand den die Überschrift haben kann (dieser kann solid=normal , dotted=gepunktet oder dashed=gestrichelt sein und die Breite des Randes ist änderbar)
-moz-border-radius/-bottomright/-bottomleft/-topleft/-topright: 5px; ist die Abrundung der Überschrift (wird nicht bei Internetexplorer angezeigt)
background-color:#ececec; ist die Hintergrundfarbe
text-transform:capitalize; macht das der erste Buchstabe von jemand Wort in der Überschrift groß wird
background-image: url('xxx'); ist das Hintergrundbild (die URL des Bildes durch die drei x ersetzen)


2. so nun habt ihr den Style euer Überschrift bestimmt nun braucht ihr eigentlich nur noch einen Code damit ihr eure Überschrift irgendwo einfügen könnt.

Und das ist er:



und bei Das ist deine Überschrift gebt ihr nun den Text ein der eure Überschrift sein soll.

und dann seid ihr fertig..


Fall es noch Fragen gibt könnt ihr mich HIER fragen.
Tutorial by Bombastiic
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden