Vorlagen - Midnight - 07.04.2023
Gruppengesuch
Name des Gesuchs
I'm trapped in this world
Lonely and fading
Beschreibung/ Einleitung zum Gesuch
Name des Suchenden
Alter
Beruf
Rasse
Avatar
Beschreibung Suchender
Name des Suchenden
Alter
Rasse
Wohnort
Avatar
Beschreibung Gesuchter
Name des Suchenden
Alter
Rasse
Wohnort
Avatar
Beschreibung Gesuchter
Name des Suchenden
Alter
Rasse
Wohnort
Avatar
Beschreibung Gesuchter
Future & More
Heartbroke and waiting
For you to come
Über euch als Spieler oder der Zukunft der gesuchten Charaktere
The Midnight sun
We are stuck in this world
That's not meant for me
• Urban Fantasy
• Spieljahr: 2003
• Vampir/ Mensch Setting
• L3S3V3
• Szenentrennung
• Whitelist
it's plain to see
That you want me to follow
Code:
<link href='https://fonts.googleapis.com/css?family=Nosifer' rel='stylesheet' type='text/css'><style type="text/css"> /*
*/ #spaceback { box-sizing: border-box; width: 500px; padding: 5px; margin: auto; background-image: url('https://themidnightsun.de/images/midnightsun/6.jpg'); } /*
*/ .bigtitel { font-family: 'Nosifer'; font-size: 20px; text-transform: uppercase; color: #849895; letter-spacing: 2px; text-align: center; magin-top: 10px; } /*
*/ .unterlyric { font-family: 'Calibri', 'Arial'; font-size: 9px; text-transform: uppercase; color: #849895; letter-spacing: 2px; text-align: center; line-height: 0.7em; } /*
*/ .textboxi { box-sizing: border-box; width: 480px; padding: 5px; margin: auto; background-color: rgba(34, 37, 46, 0.86); font-family: 'Calibri', 'Arial'; font-size: 10px; color: #849895; height: 150px; overflow: auto; margin-top: 10px; } /*
*/ #gesuchbildchen1 { background-image: url('http://placehold.it/100x100'); width: 100px; height: 100px; margin:auto; border-radius: 100%; margin-top: 10px; } /*
*/ #gesuchbildchen2 { background-image: url('http://placehold.it/100x100'); width: 100px; height: 100px; margin:auto; border-radius: 100%; margin-top: 10px; } /*
*/ #gesuchbildchen3 { background-image: url('http://placehold.it/100x100'); width: 100px; height: 100px; margin:auto; border-radius: 100%; margin-top: 10px; } /*
*/ #gesuchbildchen4 { background-image: url('http://placehold.it/100x100'); width: 100px; height: 100px; margin:auto; border-radius: 100%; margin-top: 10px; } /*
*/ #suchender01 { font-family: 'Oswald'; font-size: 15px; text-transform: uppercase; color: #849895; letter-spacing: 2px; text-align: center; } /*
*/ .infoboxis01 { box-sizing: border-box; width: 210px; height: 15px; margin: auto; font-family: 'Calibri', 'Arial'; font-size: 11px; text-transform: uppercase; text-align: center; background-color: rgba(34, 37, 46, 0.86); color: #849895; margin-top: 5px; } /*
*/ #credit { box-sizing: border-box; width: 480px; padding: 3px; margin: auto; background-color: rgba(34, 37, 46, 0.86); height: 15px; font-family: 'Calibri', 'Arial'; font-size: 8px; text-transform: uppercase; text-align: center; color: #849895; margin-top: 5px; letter-spacing: 2px; } /*
*/ a:link, a:visited, a:active, a:hover { color: #e0e0e0; } /*
</style>
<div id="spaceback"><div class="bigtitel">Name des Gesuchs</div><div class="unterlyric"> I'm trapped in this world
Lonely and fading </div>
<div class="textboxi">Beschreibung/ Einleitung zum Gesuch</div>
<table style="width: 100%; margin: auto" cellpadding="5"><tr>
<td valign="middle" align="center"><center><div id="gesuchbildchen1"></div></center></td>
<td valign="middle" align="center"><div id="suchender01">Name des Suchenden</div>
<div class="infoboxis01">Alter</div>
<div class="infoboxis01">Beruf</div>
<div class="infoboxis01">Rasse</div>
<div class="infoboxis01">Avatar</div></td>
</tr></table>
<div class="textboxi">Beschreibung Suchender</div>
<table style="width: 100%; margin: auto" cellpadding="5"><tr>
<td valign="middle" align="center"><div id="suchender01">Name des Suchenden</div>
<div class="infoboxis01">Alter</div>
<div class="infoboxis01">Rasse</div>
<div class="infoboxis01">Wohnort</div>
<div class="infoboxis01">Avatar</div></td>
<td valign="middle" align="center"><div id="gesuchbildchen2"></div></td>
</tr></table>
<div class="textboxi">Beschreibung Gesuchter</div>
<table style="width: 100%; margin: auto" cellpadding="5"><tr>
<td valign="middle" align="center"><div id="suchender01">Name des Suchenden</div>
<div class="infoboxis01">Alter</div>
<div class="infoboxis01">Rasse</div>
<div class="infoboxis01">Wohnort</div>
<div class="infoboxis01">Avatar</div></td>
<td valign="middle" align="center"><div id="gesuchbildchen3"></div></td>
</tr></table>
<div class="textboxi">Beschreibung Gesuchter</div>
<table style="width: 100%; margin: auto" cellpadding="5"><tr>
<td valign="middle" align="center"><div id="suchender01">Name des Suchenden</div>
<div class="infoboxis01">Alter</div>
<div class="infoboxis01">Rasse</div>
<div class="infoboxis01">Wohnort</div>
<div class="infoboxis01">Avatar</div></td>
<td valign="middle" align="center"><div id="gesuchbildchen4"></div></td>
</tr></table>
<div class="textboxi">Beschreibung Gesuchter</div>
<div class="bigtitel">Future & More</div><div class="unterlyric"> Heartbroke and waiting
For you to come </div>
<div class="textboxi">Über euch als Spieler oder der Zukunft der gesuchten Charaktere</div>
<div class="bigtitel">The Midnight sun </div><div class="unterlyric"> We are stuck in this world
That's not meant for me </div>
<div class="textboxi">
• Urban Fantasy
• Spieljahr: 2003
• Vampir/ Mensch Setting
• L3S3V3
• Szenentrennung
• Whitelist
</div>
<div class="bigtitel"> <a href="https://themidnightsun.de" target=”_blank” >Zum Forum</a> </div><div class="unterlyric"> it's plain to see
That you want me to follow </div>
<div id="credit">code by <a href="http://storming-gates.de/member.php?action=profile&uid=153">v.c</a></div>
</div>
Bilderlinks einsetzen
Die Links zu den Bildern werden nicht im unteren Code, sondern oben im CSS eingefügt. Ersetzt hier den Link des Bildes. Achtung! Für jedes Gesuch ist dieser Absatz einmal vorhanden!
Code:
*/ #gesuchbildchen1 { background-image: url('http://placehold.it/100x100'); width: 100px; height: 100px; margin:auto; border-radius: 100%; margin-top: 10px; } /*
Ändern des Codes
Gesuchsperson hinzufügen
Um weitere Personen hinzuzufügen, müsst ihr einfach nur diesen Teil unter das letzte Gesuch setzen:
Code:
<table style="width: 100%; margin: auto" cellpadding="5"><tr>
<td valign="middle" align="center"><div id="suchender01">Name des Suchenden</div>
<div class="infoboxis01">Alter</div>
<div class="infoboxis01">Rasse</div>
<div class="infoboxis01">Wohnort</div>
<div class="infoboxis01">Avatar</div></td>
<td valign="middle" align="center"><div id="gesuchbildchen4"></div></td>
</tr></table>
<div class="textboxi">Beschreibung Gesuchter</div>
Ändert das „gesuchbildchen4“ mit der Nummer der weiteren gesuchten Person ab, also „gesuchbildchen5“, „gesuchbildchen6“ usw.
Dann scrollt ihr ganz nach oben und macht Copy & Paste auch bei diesem Teil und ersetzt die jeweilige Nummer:
Code:
*/ #gesuchbildchen1 { background-image: url('http://placehold.it/100x100'); width: 100px; height: 100px; margin:auto; border-radius: 100%; margin-top: 10px; } /*
Suchenden entfernen
Wollt ihr nur Charas suchen (zum Beispiel Canons) ohne dass ein direkter Suchender involviert ist, entfernt einfach diesen Teil:
Code:
<table style="width: 100%; margin: auto" cellpadding="5"><tr>
<td valign="middle" align="center"><center><div id="gesuchbildchen1"></div></center></td>
<td valign="middle" align="center"><div id="suchender01">Name des Suchenden</div>
<div class="infoboxis01">Alter</div>
<div class="infoboxis01">Beruf</div>
<div class="infoboxis01">Rasse</div>
<div class="infoboxis01">Avatar</div></td>
</tr></table>
<div class="textboxi">Beschreibung Suchender</div>
RE: Vorlagen - Midnight - 07.04.2023
Einzelgesuch
The hunger inside given to me
Makes me what I am
Vorname Nachname
XX Jahre | Rasse | Avatar
They say I cannot be this, I am jaded
Text zum suchenden
Vorname Nachname
XX Jahre | Rasse | Avatar
Hiding from the day
Text zum Gesuchten
Beziehungsstatus: XXX
Inplaypläne: XXX
Cannot tame the hunger in me
Text zur Beziehung
Spieler: Name
ca. XXX Zeichen | alle XXX Wochen/Tage
You can't fuck with fate
Text zum Spieler
Always it is calling me
Code:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href="https://fonts.googleapis.com/css?family=Fugaz+One|Montserrat|Rajdhani" rel="stylesheet"><style type="text/css"> /*
--- YOUR EYES FEEL LIKE SILENCE by rubyRED.DIAMOND @ Storming Gates
--- ÄUSSERE BOX */ #silence {width: 500px; background-color: #22252e; padding: 10px; border-top: 25px solid #849895; border-bottom: 25px solid #849895; box-sizing: border-box;} #silence a {color: #849895; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;} #silence a:hover {color: #849895; letter-spacing: 3px;} #silence i {color: #849895; font-weight: normal; font-style: italic; letter-spacing: 1px;} #silence b {color: #849895; font-weight: bold; letter-spacing: 2px;} #silence u {color: #849895; font-weight: bold; letter-spacing: 2px; text-decoration: underline;} /*
--- SCROLLBAR */ #silence ::-webkit-scrollbar {width: 5px; background: #E0DEDE;} #silence ::-webkit-scrollbar-thumb {background: #849895;} #silence ::-webkit-scrollbar-track {background-color: #849895; border: 2px solid #151a1f; opacity: 0.8;} /*
--- ÜBERSCHRIFTEN */ .silencebigtitle {text-align: center; font-family: Fugaz One; font-size: 35px; letter-spacing: -3px; color: #849895; line-height: 40px;} .silencesmalltitle {text-align: center; font-family: Rajdhani; font-size: 14px; letter-spacing: 3px; color: #849895; text-transform: uppercase; line-height: 15px;} /*
--- BOXEN */ .silenceleft {width: 80px; height: 300px; background-color: #849895; padding: 10px; margin-right: 5px; box-sizing: border-box; float: left;} .silenceright {width: 80px; height: 300px; background-color: #849895; padding: 10px; margin-left: 5px; box-sizing: border-box; float: right;} .silencetext {width: 390px; height: 300px; overflow: auto; text-align: justify; background-color: #151a1f; padding: 15px; box-sizing: border-box; color: #151a1f; font-family: Montserrat; font-size: 12px; line-height: 17px;}/*
--- KATEGORIEN */ .silencecatleft {text-align: justify; height: 20px; width: 300px; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); position: relative; left: -165px; top: 75px; padding: 25px; font-family: Fugaz One; font-size: 50px; letter-spacing: -3px; color: #151a1f;} .silencecatright {text-align: justify; height: 20px; width: 300px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); position: relative; left: -120px; top: 125px; padding: 25px; font-family: Fugaz One; font-size: 50px; letter-spacing: -3px; color: #151a1f;} /*
--- BILD */ .silenceimgright {width: 80px; height: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; padding: 5px; border: 6px solid #849895; margin: 5px 0 5px 15px; float: right;} .silenceimgleft {width: 80px; height: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; padding: 5px; border: 6px solid #849895; margin: 5px 15px 5px 0; float: left;} /*
--- TRENNLINIE */ .silencehr {clear: both; width: 390px; height: 2px; border-top: 1px solid #849895; border-bottom: 1px solid #849895; margin-bottom: -2px;} /*
--- CREDITS */ .creditrrd {font-family: calibri; font-size: 12px; color: #EFEEEE; font-weight: bold; display: inline; position:relative; bottom: 19px; right: -235px;}</style>
<center><div id="silence">
<div class="silencebigtitle"> The hunger inside given to me </div>
<div class="silencesmalltitle"> Makes me what I am </div>
<div class="silenceleft"><div class="silencecatleft">that's me</div></div>
<div class="silencetext"><img src="https://via.placeholder.com/80x80" class="silenceimgright"> <u>Vorname Nachname</u>
<b>XX Jahre | Rasse | Avatar</b>
<i> They say I cannot be this, I am jaded </i>
Text zum suchenden
</div>
<div class="silencehr"></div>
<div class="silenceright"><div class="silencecatright">that's you</div></div>
<div class="silencetext"><img src="https://via.placeholder.com/80x80" class="silenceimgleft"> <u>Vorname Nachname</u>
<b>XX Jahre | Rasse | Avatar</b>
<i> Hiding from the day </i>
Text zum Gesuchten
</div>
<div class="silencehr"></div>
<div class="silenceleft"><div class="silencecatleft">That’s us</div></div>
<div class="silencetext"><u>Beziehungsstatus:</u> XXX
<b>Inplaypläne:</b> XXX
<i> Cannot tame the hunger in me </i>
Text zur Beziehung
<div align="right"><u>Spieler:</u> Name
<b>ca. XXX Zeichen | alle XXX Wochen/Tage</b>
<i> You can't fuck with fate </i></div>
Text zum Spieler
</div>
<div style="clear: both; margin-bottom: 10px;"></div>
<div class="silencesmalltitle"> Always it is calling me </div>
<div class="silencebigtitle" style="margin-bottom: 10px;"> <a href="https://themidnightsun.de" target=”_blank” >Zum Forum</a> </div></div>
<div class="creditrrd"><a href="http://storming-gates.de/member.php?action=profile&uid=71" target="_blank" style="color: #EFEEEE;"><i class="fa fa-diamond"></i></a></div>
</center>