Einfaches Layout coden
Layouts coden - hilfe!
Nein - so schwer ist es gar nicht. (:rot = ihr müsst etwas einfügen
grün = optional; kann auch weggelassen werden
blau = kann nur weggelassen werden, wenn das Gegenstück auch entfernt wird
1. Euer Bild
<center>
<div style="background-image:url(Bildadresse);width:Breite des Bildespx;height:Höhe des Bildespx;border:dashed;border-width:2px;">
2. Eure Scrollbox(en)
<div style="color:rgb(Schriftfarbe in rpg: z.B. 0,0,0 (schwarz);font-size:Schriftgröße z. B. 13px;overflow:auto;float:left;border:dashed;margin-right:Abstand zur rechten Seitepx;margin-left:Abstand zur linken Seitepx;margin-top:Abstand zur oberen Seitepx;width:Breite der Scrollboxpx;height:Höhe der Scrollboxpx;border-width:2px;" align="left">Text.</div>
Je nachdem, wie viele Scrollboxen ihr braucht, müsst ihr natürlich auch einfügen. (;
3. Der Schluss
</div></center>
So, jetzt habt ihr alles. Es ist ganz wichtig, dass ihr das </div> am Ende nicht vergesst!
Alles zusammen wäre also:
<center>
<div style="background-image:url(Bildadresse);width:Breite des Bildespx;height:Höhe des Bildespx;border:dashed;border-width:2px;"><div style="color:rgb(Schriftfarbe in rpg: z.B. 0,0,0 (schwarz);font-size:Schriftgröße z. B. 13px;overflow:auto;float:left;border:dashed;margin-right:Abstand zur rechten Seitepx;margin-left:Abstand zur linken Seitepx;margin-top:Abstand zur oberen Seitepx;width:Breite der Scrollboxpx;height:Höhe der Scrollboxpx;border-width:2px;" align="left">Text.</div></div></center>
Für die, die es aber lieber schnell machen wollen: Layoutcodegenerator von Harley