Gesuchvorlage

[Der Phönix]

Die Gesuchvorlage ist ein HTML-Code, den ihr optional für eure Gesuche verwenden könnt. Es steht euch frei auch andere Codes zu verwenden.
Gesuche, die im CSB präsentiert werden sollen, müssen aber mit dieser Vorlage erstellt werden.
Mit den zusätzlich angegebenen Code-Blöcken lassen sich weitere Abschnitte für Gesuchte oder Suchende einfügen. Im nachfolgenden Post ist der Code mit jeweils einem Block zu sehen.
Sollte es Fragen zu der Vorlage geben, oder benötigt ihr Hilfe, dann meldet euch bei Celina Recshire oder Ryan Goodwill.

Code für die Gesuchvorlage:

Code:

<!-- In diesem oberen Teil keine Änderungen vornehmen --> <style type="text/css"> .gesuchaußen {width: 500px; background-color: #272726; border: solid 15px #272726;} .gesuchbox{min-height: 210px; padding: 15px; background-color: #cecece; color: #272727; font-family: Monda; font-size: 12px; line-height: 11px; letter-spacing: 0.5px; text-align: justify;} .gesuchhead {color: #cecece; font-family:"Cinzel", Georgia, Times New Roman; font-size: 42px; line-height: 50px; letter-spacing:1px; text-transform: uppercase;} .linkbox{padding: 15px; background-color: #cecece; color: #272727; font-family: Monda; font-size: 12px; line-height: 11px; letter-spacing: 0.5px; text-align: center;} .gesuchtitel {color: #cecece; font-family:"Cinzel", Georgia, Times New Roman; font-size: 35px; line-height: 35px; letter-spacing:1px; text-transform: uppercase;} .gesuchuntertitel {margin-bottom: 2px; color: #cecece; font-family: Monda; font-size: 12px; line-height:9px; text-transform: uppercase;} small {font-size:8px;} .ggesucht{opacity: 1;} .gesuchbild {margin: 0px 5px 5px 5px; float: left;}.gesuchbild img{height:200px;width:160px;object-fit:cover;} ig {font-style: italic; letter-spacing:1.5px;} ib {font-weight: bold;}</style>
<center><div class="gesuchaußen">

<!-- ab hier musst du Änderungen vonehmen -->
<div class="gesuchhead"><u>GESUCHSÜBERSCHRIFT</u></div>

<!-- hier beginnt der Abschnitt für den gesuchten Charakter -->
<div class="ggesucht"><div class="gesuchtitel">Gesucht</div><div class="gesuchuntertitel">Name • Alter • BEZIEHUNG ZUM SUCHENDEN • BERUF/JAHRGANG </div>
<div class="gesuchbox"><div class="gesuchbild"><img src="https://s20.directupload.net/images/240722/2tvspdji.png"></div>
Hier den Text zu dem gesuchten Charakter einfügen.
<br><center><ib>AVATARVORSCHLAG: </ib><ig>VORNAME NACHNAME</ig></center></div></div>
<!-- hier kann ein weiterer "Gesucht-Block" eingefügt werden-->
<!-- hier beginnt der Abschnitt für den suchenden Charakter -->
<div class="ggesucht"><div class="gesuchtitel">Wer sucht?</div><div class="gesuchuntertitel">Name • Alter • BERUF/JAHRGANG</div>
<div class="gesuchbox"><div class="gesuchbild"><img src="https://s20.directupload.net/images/240722/2tvspdji.png"></div>
Hier den Text zu dem suchenden Charakter einfügen.
</div></div>
<!-- hier kann ein weiterer "Sucher-Block" eingefügt werden-->
</center></div>

Code für einen Gesucht-Block:

Code:

<div class="ggesucht"><div class="gesuchuntertitel">Name • Alter • BEZIEHUNG ZUM SUCHENDEN • BERUF/JAHRGANG </div>
<div class="gesuchbox"><div class="gesuchbild"><img src="https://s20.directupload.net/images/240722/2tvspdji.png"></div>
Hier den Text zu dem gesuchten Charakter einfügen.
<br><center><ib>AVATARVORSCHLAG: </ib><ig>VORNAME NACHNAME</ig></center></div></div><br>

Code für einen Sucher-Block:

Code:

<div class="ggesucht"><div class="gesuchuntertitel">Name • Alter • BERUF/JAHRGANG</div>
<div class="gesuchbox"><div class="gesuchbild"><img src="https://s20.directupload.net/images/240722/2tvspdji.png"></div>
Hier den Text zu dem suchenden Charakter einfügen.
</div></div><br>

Bild für freie Avatarwahl:

Dieses Bild könnt ihr einsetzen, wenn ihr keinen Avatarvorschlag abgeben möchtet:

Code:

https://s20.directupload.net/images/240722/ophk9h93.png

[Der Phönix]

So soll der Code dann aussehen:

GESUCHSÜBERSCHRIFT

Gesucht

Name • Alter • BEZIEHUNG ZUM SUCHENDEN • BERUF/JAHRGANG

Hier den Text zu dem gesuchten Charakter einfügen.

AVATARVORSCHLAG: VORNAME NACHNAME

Wer sucht?

Name • Alter • BERUF/JAHRGANG

Hier den Text zu dem suchenden Charakter einfügen.