Navigation


 Enzyklopädie des Forums


 Zurück zum Forum

Hogwarts Alive & Alert   

Tuturial: Steckbrief personalisieren

Admin | Veröffentlicht am mo Jul 17, 2017 12:48 am | 747 Gesehen

Hast du dich angemeldet, sollte einer deiner ersten Schritte sein, den Steckbrief deines Charakters auszufüllen. Gleich vorab hast du zwei Optionen.

Im letzteren Fall, achte bitte darauf, dass die Breite deines Steckbriefes nicht den Rahmen des Forums sprengt und Schriftarten, -größen und -farben leserlich sind. Außerdem sollten auch möglichst alle Informationen aus der Vorlage in deinem Steckbrief unterkommen.

Entscheidest du dich allerdings für die Steckbriefvorlage, kann ich dich an dieser Stelle durch die Bearbeitung hindurch führen.

Hintergrundbild verändern

Hausfarbene Karos passen so gar nicht zu deinem Charakter? Oder er/sie war gar überhaupt nicht in Hogwarts? Klar, dann hast du sicher auch keine Lust, eins der Hintergrundbilder aus den Standard-Steckbriefen zu behalten. Du kannst es ersetzen oder ganz einfach löschen und so einen schwarzen Hintergrund erhalten.

Zum Löschen des Hintergrundbildes suche im Code die folgende Stelle gleich am Anfang

<div style= "background:url('http://fs5.directupload.net/images/161008/z7mu563j.png'); width:500px; height:700px;" align="center">

Oder welche URL auch immer in dem Code steht, mit dem du beginnst. Auf alle Fälle löschst du dort ganz einfach alles von background bis einschließlich zum ersten Semikolon (;).

Zum Ersetzen des Hintergrundes hingegen, brauchst du eine Grafik mit den Maßen 500 px Breite und 700 px Höhe. Mit dessen Direktlink ersetzt du dann die Bild-URL am Anfang des Codes. Die einfachen Anführungszeichen ' und die Klammern drum herum lässt du aber bitte stehen. Sonst wird das Resultat nämlich leider das selbe, wie beim Löschen des Hintergrundes.

Wundere dich nicht, dass über dem größten Teil des Bildes nun ein dunkler Schatten liegt. Der gehört da hin und sorgt dafür, dass die weiße Schrift unabhängig vom Hintergrundbild gut zu lesen ist.

Die Balken über und unter dem Charakterbild und den Personalien anpassen

Ob du das Hintergrundbild nun verändert hast oder nicht, vielleicht bist du mit dem Farbschema des oberen Teils des Steckbriefes nicht zufrieden. Das finde ich gar nicht schlimm. Mein Geschmack - und die Geschmäcker der Hausgründer von Hogwarts - ist natürlich alles andere als unfehlbar. Also bitte, lass der Kreativität freien Lauf. Ich zeige dir eben, an welchen Stellen im Code du welche Farbeinstellung findest und dann kannst du die Hintergrundfarben der Balken und die darin verwendeten Schriftfarben nach deinem Geschmack - oder eher nach dem deines Charakters - anpassen.

Farbe der Balken

<tr><td bgcolor="

Nach dieser Stelle im Code steht die jetzige Farbe des Balkens. Ersetze sie z.B. durch den Hex-Code (inklusive #) deiner Wunschfarbe.

Schriftfarbe

Ich empfehle, die Schriftfarbe nur in den Balken anzupassen, da es sonst im gnazen Steckbrief wohlmöglich im wahrsten Sinne zu bunt wird. Dafür suchst du wieder die richtige Stelle im Code und ersetzt die bisherige Farbe durch eine HTML-gerechte Bezeichnung deiner Wunsch-Farbe. Die Stellen im Code folgen auf

colspan="2">

In einigen Codes kann hier bereits ein <font color=" und welche Farbe auch immer stehen. Dann ersetzt du die Farbe wie gehabt. Ist es dort noch nicht, fügst du es ein.

colspan="2"><font color="WUNSCHFARBE">der eigentliche Text, der im Balken steht</font></td>

So sollte das schemenhaft aussehen.

Über den Autor