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
.bombastiic{ padding-left: 5px ; padding-top: 5px ; padding-bottom: 1px ; padding-right: 5px; margin-top: 1px; margin-bottom: 1px; margin-right: 0px; margin-left: 0px; text-transform: uppercase; text-align: left; font-family: Arial; font-weight: bold; font-style: italic; font-size : 10px ; color: #4c4c4c; letter-spacing: 2px; line-height: 10px; text-shadow: #006300 0px 0px 6px; border-left: 0px solid #99cccc; border-bottom: 2px solid #99cccc; border-top: 0px solid #99cccc; border-right: 0px solid #99cccc; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background-color:#ccffcc; text-transform:capitalize; background-image: url('xxx'); }
(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:

<p class="bombastiic">Das ist deine Ueberschrift </p>

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