CSS - Designen/3

HTML & CSS Lernen

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 .
http://i34.tinypic.com/m7ynas.png 
 
Insgesammt waren schon 83022 Besucher (237699 Hits) hier!
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden