Layouts Tutorials
Bombastiic
gerade on hiatus

bombastiic

LayoutCode Erklärung

So funktioniert ein Layoutcode bei HBK

So in diesem Tutorial viell ich euch mal zeigen wie ein layoutcode so aufgebaut ist und ich sage euch was die codes zu bedeuten haben.

Dafür nehme ich einfach eins meiner Layout.
[DAS HIER]

So als erstes befassen wir uns mit dem CSS-Code ohne Style Tags .

der erste Code :

.navifont{
display: block;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #ffffff;
text-align:center;
text-shadow: 1px 1px #2d2d2d;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20 px;
letter-spacing: 0px;
border-bottom: 6px solid #4d4d4d;}


Der ist eigentlich nicht so wichtig den könnte man auch auslassen.
Wichtigerist der hier:

.bombastiic1{
display: block;
font-family:Comic Sans MS;
font-weight: bold;
font-style: italic;
text-shadow:  #4169e1 0px 0px 6px;
font-size: 14pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 0px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 10px;
line-height: 40px;
letter-spacing: 3px;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}


Der ist für die Überschrift des Sidebar verantwortlich.
Zur erklärung:

.bombastiic1
Das ist der Name er ist später wichtig, damit der "Computer" weiß welche Überschrift ihr meint, falls ihr mehrere habt.

display: block;
Dieser Code muss nicht unbedingt sein, aber ich verwende ihn immer xD, aber ich denke nicht das er wichtig ist.

font-family:Comic Sans MS;
Der Code ist für die Schriftart verantwortlich. In diesem Fall Comic Sans MS.

font-weight: bold;
Der Code ist für die weite der Schrift verantwortlich (auch nicht sehr wichtig).

font-style: italic;
Für den style der Schrift verantwortlich, in diesem Fall italic.

text-shadow:  #4169e1 0px 0px 6px;
Der Code ist für den Schatten verantwortlich den die Überschrift/der Text wirtft. In diesem Fall ist die Farbe #4169e1









=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=