Wie man die HTML-Steckbriefvorlage ausfüllt

Hey ;)

Da es sicherlich User gibt, die sich nur wenig oder auch gar nicht mit HTML auskennen, die aber trotzdem einen Steckbrief erstellen wollen, werde ich euch hier erklären, wie und wo ihr euren Text dort einfüllen müsst.

Erst einmal der Code:

Code:

 <div style="width: 600px; border: 5px solid #6D85A3; border-radius: 50px; padding: 10px;background-color: #96A0EB; background-image: url('http://img5.fotos-hochladen.net/uploads/futuristischblf4gqostpxh.png')"><p style="background-color: #6D85A3; border-radius: 50px; text-shadow: 1px 0px 6px #F2F2F2; text-align: center;">CHARAKTERZITAT</p>
<center><img src="BILDLINK" width="500px" height="auto" /></center>
<table cellspacing="0" cellpadding="0" style="width: 600px; margin: 0px;"><tr><td style="width: 100px;"><div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3;">Shortfacts</div></td><td style="width: 500px;"><div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3;">Allgemein</div></td><tr><td><div style="overflow: auto; width: 95%; padding-right: 5px; margin: 10px; height: 500px; text-align: left;"><strong>USERNAME</strong>
Dein Name
<strong>NAME</strong>
Vorname und Nachname des Charakters
<strong>GESCHLECHT</strong>
männlich ♂ / weiblich ♀
<strong>ALTER</strong>
Alter des Charakters (nicht den Geburtstag)
<strong>MENSCH / WANDLER</strong>
Mensch oder Gestaltwandler? Wenn der Charakter Jäger ist, dann bitte auch hinschreiben
<strong>TÄTIGKEIT</strong>
Geht der Charakter in die Schule? Studiert er? Wenn ja, dann bitte auch hinschreiben, was. Wenn der Charakter arbeitet, bitte nur den Beruf hinschreiben
<strong>CLAN</strong>
Salju- oder Panas-Clan? (wenn Mensch, bitte diesen Punkt weglöschen)
<strong>RANG</strong>
Clan-Oberhaupt, Berater, oder gar nichts? (wenn Mensch / normaler Rang bitte diesen Punkt weglöschen)
<strong>TIER</strong>
Das Tier, in das sich der Charakter verwandeln kann (wenn Mensch bitte diesen Punkt weglöschen)</div></td><td><div style="overflow: auto; width: 95%; padding-right: 5px; margin: 10px; height: 500px; text-align: left;"><div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3; font-size: 20px;">AUSSEHEN</div> </p>
<strong>MENSCH</strong>
<strong>GRÖSSE / GEWICHT:</strong> bitte genaue Werte angeben (nicht: Groß und Schwer)
<strong>HAUTFARBE:</strong> hell, dunkel, etc, evtl. gebräunt
<strong>AUGENFARBE:</strong> Farbe der Augen
<strong>HAARFARBE / BESCHAFFENHEIT:</strong> Haarfarbe, Beschaffenheit, z.B. dicht
<strong>NARBEN / TATTOOS:</strong> bitte auch beschreiben wo sie sind
<strong>ALLGEMEINES AUSSEHEN:</strong> allgemeines Aussehen des Charakters als Mensch in einem Text beschreiben.
<strong>TIER</strong>
<strong>GRÖSSE / GEWICHT: </strong>bitte genaue Werte angeben (nicht: Groß und Schwer)
<strong>FELLFARBE / BESCHAFFENHEIT:</strong> Fellfarbe(n), Beschaffenheit, z.B. dicht & Muster, die das Tier hat
<strong>SONSTIGES:</strong> blubb
<strong>ALLGEMEINES AUSSEHEN:</strong> allgemeines Aussehen des Charakters als Tier in einem Text beschreiben.

<div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3; font-size: 20px;">Charakter</div> </p>
<strong>STÄRKEN:</strong> was kann der Charakter gut?
<strong>SCHWÄCHEN:</strong> was kann der Charakter nicht gut?
<strong>VORLIEBEN:</strong> was mag der Charakter?
<strong>ABNEIGUNGEN:</strong> was mag der Charakter nicht?
<strong>ÄNGSTE / WÜNSCHE / ZIELE:</strong> welche Ängste/Wünsche/Ziele hat der Charakter?
<strong>ALLGEMEINER CHARAKTER:</strong> allgemeinen Charakter des Charakters in einem Text beschreiben

<div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3; font-size: 20px;">Vergangenheit</div> </p>
<strong>ELTERN: </strong>Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>GESCHWISTER:</strong> Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>PARTNER:</strong> Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>KINDER:</strong> Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>VERGANGENHEIT:</strong> was ist bis zum RPG passiert? Herkunft bitte ebenfalls nennen</div></td></tr></table><p style="background-color: #6D85A3; border-radius: 50px; text-shadow: 1px 0px 6px #F2F2F2; text-align: center;">Code by <a href="http://raindrops.aktiv-forum.com/u1">Bluebell</a></p></div></div>

Das mag nun wie ein chaotisches Durcheinander aussehen, doch ich hoffe, dass ihr, nachdem ihr meine Erklärung gelesen habt, euch damit ein wenig auskennt und keine Schwierigkeiten mehr damit habt.
Ich werde die Vorlage von oben bis unten durcharbeiten; am besten lest ihr im gesamten Code mit, damit ihr wisst, wo wir uns gerade befinden.

Der erste Teil:

Code:

 <div style="width: 600px; border: 5px solid #6D85A3; border-radius: 50px; padding: 10px;background-color: #96A0EB; background-image: url('http://img5.fotos-hochladen.net/uploads/futuristischblf4gqostpxh.png')">…</div>

Dieser Teil ist für euch für euren Text nicht wichtig, da er nur den Rahmen und den Hintergrund festlegt. Worauf ihr hier allerdings achten müsst, ist, dass ihr nicht versehentlich ein Zeichen löscht, denn nur ein einziger fehlender Buchstabe oder fehlende Zahl kann den ganzen Code zum Müll machen.  Das ist übrigens auch bei allen anderen Zeichen im Text wichtig!
Was ihr löschen dürft, werde ich euch genau erklären.

Zweiter Teil:

Code:

<p style="background-color: #6D85A3; border-radius: 50px; text-shadow: 1px 0px 6px #F2F2F2; text-align: center;">CHARAKTERZITAT</p>

Das hier ist der Code für den dunkleren, abgerundeten Kasten oben in der Steckbriefvorlage, in dem „Charakterzitat“ steht.
Was ihr hier löschen dürft/sollt: Das Wort ‚Charakterzitat‘. Dieses sollt ihr durch einen Satz oder auch mehrere ersetzen, der vom erstellten Charakter stammen könnte und der ihn gut beschreibt bzw. gut zu ihm passt.

Dritter Teil:

Code:

 <center><img src="BILDLINK" width="500px" height="auto" /></center>

Diese Zeile legt den leeren Kasten fest, der sich zwischen dem Charakterzitat und dem restlichen Text befindet. Hier könnt ihr das Bild eures Charakters einfügen.
Dazu löscht ihr das Wort „Bildlink“ und ersetzt es durch den Link zu eurem Bild. Falls jemand nicht weiß, wie er diesen bekommt: Das Bild hochladen (es gibt verschiedene Seiten und auch hier, bei den Zeichen über dem Editor, ist eines dabei:
Da könnt ihr euer Bild hochladen und erhaltet somit den Link dazu.

Vierter Teil:

Code:

 <table cellspacing="0" cellpadding="0" style="width: 600px; margin: 0px;"><tr><td style="width: 100px;"><div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3;">Shortfacts</div></td><td style="width: 500px;"><div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3;">Allgemein</div></td>…</table>

Dieser Absatz ist für euch wieder, wie der erste auch, unwichtig. Nur hier wieder auch: Nichts verändern!
Denn dieser Absatz ist die Zeile über dem Text für euren Charakter, bei der „Shortfacts“ und „Allgemein“ geschrieben sind. Außerdem ist hier die Grundlage für die Tabelle, welche dafür sorgt, dass die linke und die rechte Spalte voneinander getrennt sind.

Fünfter Teil:

Code:

<tr><td><div style="overflow: auto; width: 95%; padding-right: 5px; margin: 10px; height: 500px; text-align: left;">…</div></td>

Hier haben wir die linke Spalte noch einmal genauer definiert. Diesen Absatz könnt ihr wieder überspringen.

Sechster Teil:

Code:

 strong>USERNAME</strong>
Dein Name
<strong>NAME</strong>
Vorname und Nachname des Charakters
<strong>GESCHLECHT</strong>
männlich ♂ / weiblich ♀
<strong>ALTER</strong>
Alter des Charakters (nicht den Geburtstag)
<strong>MENSCH / WANDLER</strong>
Mensch oder Gestaltwandler? Wenn der Charakter Jäger ist, dann bitte auch hinschreiben
<strong>TÄTIGKEIT</strong>
Geht der Charakter in die Schule? Studiert er? Wenn ja, dann bitte auch hinschreiben, was. Wenn der Charakter arbeitet, bitte nur den Beruf hinschreiben
<strong>CLAN</strong>
Salju- oder Panas-Clan? (wenn Mensch, bitte diesen Punkt weglöschen)
<strong>RANG</strong>
Clan-Oberhaupt, Berater, oder gar nichts? (wenn Mensch / normaler Rang bitte diesen Punkt weglöschen)
<strong>TIER</strong>
Das Tier, in das sich der Charakter verwandeln kann (wenn Mensch bitte diesen Punkt weglöschen)

Das ist nun ein Absatz, bei dem ihr ausfüllen dürft. Die Zeilen, die mit strong anfangen und mit /strong beendet werden, solltet ihr nicht verändern. Nur jeweils in der nächsten Zeile dürft ihr dann die Fakten für euren Charakter eintragen (dazu bitte den bereits vorhandenen Text dort löschen; er ist lediglich als Verständnishilfe für euch gedacht, was jeweils einzutragen ist).

Siebter Teil:

Code:

<td><div style="overflow: auto; width: 95%; padding-right: 5px; margin: 10px; height: 500px; text-align: left;"><div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3; font-size: 20px;">AUSSEHEN</div> </p>…</div>

Hier ist dieses Mal die rechte Spalte definiert; außerdem ist dieser Code für die Linie mit dem Wort „Aussehen“ als Überschrift verantwortlich. Auch hier wieder: Nichts verändern!

Achter Teil:

Code:

 <strong>MENSCH</strong>
<strong>GRÖSSE / GEWICHT:</strong> bitte genaue Werte angeben (nicht: Groß und Schwer)
<strong>HAUTFARBE:</strong> hell, dunkel, etc, evtl. gebräunt
<strong>AUGENFARBE:</strong> Farbe der Augen
<strong>HAARFARBE / BESCHAFFENHEIT:</strong> Haarfarbe, Beschaffenheit, z.B. dicht
<strong>NARBEN / TATTOOS:</strong> bitte auch beschreiben wo sie sind
<strong>ALLGEMEINES AUSSEHEN:</strong> allgemeines Aussehen des Charakters als Mensch in einem Text beschreiben.
<strong>TIER</strong>
<strong>GRÖSSE / GEWICHT: </strong>bitte genaue Werte angeben (nicht: Groß und Schwer)
<strong>FELLFARBE / BESCHAFFENHEIT:</strong> Fellfarbe(n), Beschaffenheit, z.B. dicht & Muster, die das Tier hat
<strong>SONSTIGES:</strong> blubb
<strong>ALLGEMEINES AUSSEHEN:</strong> allgemeines Aussehen des Charakters als Tier in einem Text beschreiben.

Hier seid erneut ihr gefragt: Füllt bei diesem Absatz die Daten für euren Charakter ein. Achtung:  Der erste Teil hier geht bis zu dem Wort „Tier“. Bis dahin beschreibt ihr nur den Menschen! Ab dem zweiten Teil beschreibt ihr dann nur das Aussehen als Tier! (Falls es ein Gestaltwandler ist; Für den Fall, dass es keiner ist, löscht ihr den gesamten Bereich raus!)

Neunter Teil:

Code:

 <div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3; font-size: 20px;">Charakter</div> </p>

Wieder ein Abschnitt, an dem ihr nichts ändern dürft. Dieser legt die Zeile nach der Aussehensbeschreibung fest, über der „Charakter“ geschrieben steht.

Zehnter Teil:

Code:

<strong>STÄRKEN:</strong> was kann der Charakter gut?
<strong>SCHWÄCHEN:</strong> was kann der Charakter nicht gut?
<strong>VORLIEBEN:</strong> was mag der Charakter?
<strong>ABNEIGUNGEN:</strong> was mag der Charakter nicht?
<strong>ÄNGSTE / WÜNSCHE / ZIELE:</strong> welche Ängste/Wünsche/Ziele hat der Charakter?
<strong>ALLGEMEINER CHARAKTER:</strong> allgemeinen Charakter des Charakters in einem Text beschreiben

Hier füllt ihr wieder einfach nur aus, nach demselben Konzept wie zuvor auch schon immer: von strong bis /strong ändert ihr nichts, danach ersetzt ihr den Text als Verständnishilfe durch die Fakten eures Charakters.

Elfter Teil:

Code:

<div style="text-transform: uppercase; text-shadow: 1px 0px 6px #292929; text-align: center; border-bottom: 2px solid #6D85A3; font-size: 20px;">Vergangenheit</div> </p>

Die Zeile, bei der als Überschrift „Vergangenheit“ steht. Nichts verändern!

Zwölfter Teil:

Code:

<strong>ELTERN: </strong>Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>GESCHWISTER:</strong> Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>PARTNER:</strong> Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>KINDER:</strong> Name & Nachname | Mensch/Wandler(Clan) | lebt/ist tot
<strong>VERGANGENHEIT:</strong> was ist bis zum RPG passiert? Herkunft bitte ebenfalls nennen

Ausfüllen auf dieselbe Weise wie zuvor.

Dreizehnter und letzter Teil:

Code:

</div></td></tr></table><p style="background-color: #6D85A3; border-radius: 50px; text-shadow: 1px 0px 6px #F2F2F2; text-align: center;">Code by <a href="http://raindrops.aktiv-forum.com/u1">Bluebell</a></p></div></div>

Das ist jetzt ganz wichtig: Auch wenn es am Schluss steht, es ist eines der wichtigsten Teile, also bitte auch hier nichts löschen!
Dieses schließt alle Codes, die geöffnet wurden, außerdem ist hier der dunklere Kasten mit dem Copyright festgelegt! Dieses darf weder entfernt noch verändert werden!

So, wir sind nun am Ende angekommen. Ich hoffe, ich konnte euch helfen und ihr habt von nun an keine Probleme mehr mit dem Ausfüllen des Steckbriefs. Wenn ihr allerdings noch Fragen oder dennoch Schwierigkeiten habt, sowohl Bluebell als auch ich stehen euch zur Verfügung ;)