CSS - Designen/3
Tutorial: Designen 3/3
|
|
|
|
|
|
von Black Jack
|
Weiter gehts im Desigen!
Jetzt haben wir schon den größten teil.
Uns fehlt nur noch der Counter und die rechte box.
Wir fingen mit der rechten Box an: |
#sidebar_container{ right: 1%; margin-top:0px; width: 23%; height: auto; background-color:transparent; background-image: none; border:0px hidden #FFFFFF; color:#000000; }
|
*1% Rechts * *Abstand nach oben * *Breite * *Höhe * *Hintergrundfarbe * *Hintergrundbild * *Rahmen * *Schriftfarbe *
|
Erklärung:
right sagt wieviel % rechts etwas positioniert wird,
margin-top den abstand nach oben,
width die Breite,
heigth die Höhe,
background- color/image sagt uns wie der Hintergrund aussieht,
border zeigt den Rahmen und color die Schriftfarbe.
Jetzt kommt der Counter: |
#counter { left: 50%; width: 150px; height:20px; color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;}
|
*50% Links * *Breite * *Höhe * *Schriftfarbe * *Schriftgröße * *Rahmen *
|
Erklärung:
left zeigt uns die positsion (50% links),
width und height die Breite und Höhe,
color und font-size die Schriftfarbe und größe,
und border den Rahmen.
Das wars schon jetzt weist du alles für dein erstes Design . |
|
Insgesammt waren schon 83022 Besucher (237699 Hits) hier!