HTML Und Css Kurs || Schneesturm

FORENCSS - Bereits bestehende Codes verändern

Die Struktur ist leicht und simpel. Ihr braucht diesmal runde Klammern und wenn du die Codes einsetzen wollt, geht ihr auf Euren Administratonsbereich auf Anzeige--->Farben--->CSS.
Also, zur Struktur:


Code:

CODENAME {
CODE;
CODE;
}

Den B-Code, also den fett Code kannst du leicht verändern indem du am Anfang des Codes ein b setzt. Verändere hier einmal die Farbe. Die Farbe steht für color: HEXAFARBE;

Den i Code, also den kursiv Code kannst du mit i am Anfang verändern, also das Geliche Prinzip wie auch im B-Code. Hier veränderst du mal die Farbe und den Leerzeichenabstand. Der Leerzeichen abstand geht so: letter-spacing: ZAHLpx;

Den a Code, also Linkcode, veränderst du mit a am Anfang. Ändere hie rmal die Textart, also: text-transform: UPPERCASE/LOWERCASE;

Bitte diesmal Codes in einem Codekästchen abschicken, da CSS so einfach nicht funktioniert.

Code:

b {
letter-spacing:5px;
color:#bfbfbf;
}

i {
letter-spacing:3px;
color:#bfbfbf;
}


a {
text-transform:uppercase;
}

Code:

b {
color: #351438;
}

i {
letter-spacing: 3px;
color: #5197a9;
}

a {
text-transform: uppercase;
}

Code:

b {
color: #ffc524;
}
i {
color: #23ffc5;
letter-spacing: 5px;
}
a{
text-transform:lowercase;
}

Code:

b {
letter-spacing: 4px;
color:#00ff00;
}

i {
letter-spacing: 4px;
color:#4169E1;
}

a {
text-transform:lowercase;
}

Code:

a {
text-transform:lowercase;
}

Blockquote

Code:

b {
letter-spacing: 3px;
color:#fffff;
}

i {
letter-spacing: 5px;
color:#00000;
}

a {
text-transform:uppercase;
}

Code:

<b> Fett o.o </b>
<i> Kursiv ~.~ </i>
<u> Unterstrichen ___ </u>
<strike> durchgestrichen ---- </strike>

<font size='5'> Hallou *__* </font size>
<font size= '0,5'> Mini .D </font size>
<font color=#7acb7a>Grün ist die Hoffnung ^^  </font color>

<div style="text-align:right;"> Da Drüben </div>
<div style="text-align:Left;"> Wieder da </div>
<center>Zentriert</center>

<blockquote>Blockquote</blockquote>

<div style="text-align:right"><img src='http://www.qpic.ws/images/duma015tut.jpg'></div>
<img src="http://www.qpic.ws/images/duma015tut.jpg" width="100pxl" heigth="50pxl"><br>

<div style="font-family: Arial; letter-spacing: 6px; word-spacing: 4px;">There is no peace...</div>