Da ich schon sehr oft, nach einer Anleitung zur Erstellung einer HTML-Vorstellung zu Werbezwecken gefragt worden bin, habe ich beschlossen diese hier genauer zu erläutern.
Also Vorlage diente dabei die Vorstellung des Finsterkatzenforums; Alle Änderungen, die ihr vorzunehmen habt, habe ich euch dabei entweder GROSS im Code hervorgehoben oder unten per Pfeil beigefügt.


Setzt alles zusammen. Die Rahmenbedingungen kommen am Anfang, der Schlusscode am Ende - Dazwischen könnt ihr beliebig viele Codes in beliebiger Reihenfolge posten.


--> Falls irgendwas nicht klappt, postet den Code einfach hier und jemand wird nachsehen wo der Fehler liegt :)






Rahmenbedingungen, Sprich Hintergrund:

Code:

<div class="postbody"><div class="postbody"><div><p><center><table align="center" background="HINTERGRUNDBILD"; border="1" bordercolor="#FARBCODE RAND" cellspacing="10" width="600"><tr><td align="left" bgcolor="#FARBCODE HINTERGRUND"><br />

--> Border und Cellspacing lassen sich variieren


Grosse Überschrift der gesamten Vorstellung:

Code:

<font face="SCHRIFT" color="#SCHRIFTFARBE"><br /><POSITION><p style="font-size:30px;color:#FARBCODE;text-shadow:6px 6px 10px black;"><strong>TEXT</strong></p></span><br />

-->font-Size und text-shadow lassen sich variieren


Bild:

Code:

<POSITION><img src="BILD"><br/>

Titel der "Kategorie" (z.B. Wer sind wir? Rollenspiele, etc.)

Code:

<br /><b>TITEL</b><br /><br /><br />TEXT
<div style="font-family: 'SCHRIFTART';font-size:30px;text-transform:uppercase;letter-spacing:2px;width:400px;line-height:30px" <br />
<p style="font-size:25px;color:black;text-shadow:4px 4px 8px #FARBCODE;">TITEL</p></div><br /><br />

-->font-Size, letter-spacing, color und text-shadow lassen sich variieren


Untertitel (z.B. Haupt-RPG, Monster-RPG,...)

Code:

<blockquote>VORZEICHEN<font color="#FARBCODE"><b>UNTERTITEL</font></b><br />TEXT</div></blockquote><br /><br />

Auflistung, Legende, Daten, etc.

Code:

<p style="font-size:20px;color:black;text-shadow:4px 4px 8px #FARBCODE;">TITEL</p></div>
<p style="font-size:15px"><br />
<b>IRGENDETWAS:</b> IRGENDETWAS<br />

--> Die letzte Zeile lässt sich dabei beliebig oft kopieren und einfügen
--> Font-size und Text-Shadow lassen sich variieren


Verlinkung:

Code:

<p style="font-size:15px">
<a href="LINK[/color]" class="postlink">BEZEICHNUNG</a>

--> Font-Size lässt sich variieren



Schlusscode:

Code:

</td></tr></table><center></div><div class="clear"></div>

Ich kann gerne auch zwei Grundcode hier reinstellen die ich selbst sehr oft verwende. Der eine müsste den meisten eigentlich durch den PB oder die Teamvorstellung bekannt sein, der andere ist eher ein Steckbriefcode.
Lg Shadow