HTML-Codes

Marlee und Sky fragten mich, wie man eine PV macht und ich habe versucht ihnen zu erklären, dass man dieses aus HTML-Codes macht.

Ihm Grunde sind diese wie BB-Codes, also die, die man auch für das schreiben von Post's benutzen kann - nur dass statt dieser Klammern [], diese <> benutzt werden.

Ich werde versuchen es zu erklären, doch ich kann für nichts garantieren xD

Das war denke ich meine erste Postvorlage (PV), die ich gemacht habe. Der Code ist relativ kurz ich darin sind die meisten Grundlagen enthalten. ^^
So sieht sie aus:

Shira Lapin

»TEXT«

Handlung

Der Code so:

Code:

<center><div style="text-align: center;border-radius: 40px; color: #000000;width:450px; font-size: 25px; text-shadow: 0px 0px 10px white;background-color: #678F8F;letter-spacing:10px;"><div style="font-family: Segoe Script;">Shira Lapin</div></div>
<img src="http://i39.servimg.com/u/f39/18/79/43/85/pv_shi10.jpg"/> <br>
<div style="overflow:auto;height:300px; width:400px">
»TEXT«
</div>
<div style="text-align: center;border-radius: 40px; color: #000000;width:450px; font-size: 15px; text-shadow: 0px 0px 10px white;background-color: #678F8F;"><div style="font-family: Segoe Script;">Handlung</div></div></center>

(Wie hoffentlich auffällt, sind die Befehle in englisch geschrieben)

Mit diesem Zeichen <> öffnet ihr einen Befehl, habt ihr ihn zu Ende formuliert, schließt ihr ihn so
Das Grundmodell besteht aus:

Wir erstellen zunächst die obere Box.
Der Code war:

Code:

<center><div style="text-align: center;border-radius: 40px; color: #000000;width:450px; font-size: 25px; text-shadow: 0px 0px 10px white;background-color: #678F8F;letter-spacing:10px;><div style="font-family: Segoe Script;">Shira Lapin</div></div>

Die Elemente:
'text-align': bestimmt die Ausrichtung eures Textes - so steht 'center' für Mitte; 'right' für rechbündigkeit; 'left' dann für linksbündigkeit und 'justify' für den Blocksatz.
'border': sind die Befehle für die Box. Mit 'box-radius' bestimmt ihr (wie gesagt) den Radius eurer Box, ob die Runden abgerundet sind oder nicht.
'color': Bestimmt die Farbe des Textes
'width': die Breite eurer Box (für die Höhe würdet ihr 'height' benutzen)
background-color: die Hintergrundfarbe eurer Box
'letter-spacing': damit stehen die Buchstaben eurer Textes weiter auseinander

Code:

<div style="font-family: Segoe Script;">

: bestimmt die Schriftart eures Textes

mit

Code:

</div></div>

werden die Befehle geschlossen

Das ganze sieht dann so aus:

Shira Lapin