01.10.2020, 17:36
Gesuchsvorlage für Einzelgesuche
<style type="text/css">/*
BOXEN
*/ #searchaussen { box-sizing: border-box; width: 500px; background: #222222; color: #eeeeee; } /*
*/ #searchheader { box-sizing: border-box; width: 500px; height: 250px; background: url('https://placehold.it/500x250'); padding: 85px 0px; opacity: 0.5; } /*
*/ .searchabstand { padding: 10px 20px 20px 20px; } /*
*/ #searchinnen { background: #b6b6b6; padding: 30px 20px; color: #333333; } /*
*/ #searchfooter { box-sizing: border-box; width: 500px; height: 198px; background: url('https://aerandir.bplaced.net/images/footertog.jpg'); background-position: bottom; opacity: 0.5; } /*
*/ #searchfooter a {display: block; height: 100%;} /*
*/ #searchfooter a span {display: none;} /*
*/ a:link { color: #868686;} /*
*/ a:hover { color: #3b3b3b;} /*
*/ a:visited { color: #868686;} /*
STRICHE
*/ #searchhoben { height: 1px; background: #eeeeee; width: 300px; margin-bottom: 20px; } /*
*/ #searchhunten { height: 1px; background: #eeeeee; width: 300px; margin-top: 20px; } /*
*/ .searchdunkelstrich { height: 1px; background: #cccccc; width: 100%; margin-top: 15px; } /*
*/ #searchtennstrich { height: 1px; background: #cccccc; width: 100%; margin: 30px 0px 15px 0px; } /*
*/ #searchrotstrich { height: 1px; background: #94b1c9; width: 100%; margin-top: 30px; } /*
TEXT
*/ #searchtitel { font-family: 'Quattrocento', serif; font-size: 20px; text-transform: uppercase; font-style: italic; letter-spacing: 4px; color:#3d3d3d;} /*
*/ #searchunter { text-transform: uppercase; font-family: verdana; font-size: 8px; letter-spacing: 2px; color:#3d3d3d; } /*
*/ .searchdunkel { float: left; background: #222222; text-transform: uppercase; font-family: verdana; font-size: 10px; letter-spacing: 2px; font-weight: bold; padding: 10px; margin-top: 5px; margin-bottom: 5px; color: #cccccc; } /*
*/ .searchtextgross { text-align: justify; font-family: arial; font-size: 12px; height: 200px; overflow: auto; padding-right: 5px; } /*
*/ .searchname { text-transform: uppercase; font-family: verdana; font-size: 9px; letter-spacing: 4px; font-weight: bold; } /*
*/ #searchdetails { width: 320px; font-family: georgia; font-size: 8px; letter-spacing: 3px; font-style: italic; color: #777777; padding-top: 10px; } /*
*/ #searchrot { float: left; background: #f4f4f4; text-transform: uppercase; font-family: verdana; font-size: 8px; letter-spacing: 2px; font-weight: bold; padding: 10px; color: #94b1c9; } /*
*/ .searchtextklein { clear: both; text-align: justify; font-family: arial; font-size: 12px; height: 150px; overflow: auto; padding-right: 5px; } /*
BILDER
*/ .searchimg { border: solid 5px #94b1c9; margin: 0px 5px 5px 0px; } /*
HOVER-EFFEKT
*/ #searchheader:hover { opacity: 1; } /*
*/ #searchheader:hover #searchhoben, #searchheader:hover #searchhunten, #searchheader:hover #searchtitel, #searchheader:hover #searchunter { display: none; } /*
SCROLLBAR
*/ .searchtextgross::-webkit-scrollbar, .searchtextklein::-webkit-scrollbar { width: 3px; height: 3px; background: #3d3d3d; } /*
*/ .searchtextgross::-webkit-scrollbar-thumb, .searchtextklein::-webkit-scrollbar-thumb { background: #3d3d3d; } /*
*/ .searchtextgross::-webkit-scrollbar-track-piece, .searchtextklein::-webkit-scrollbar-track-piece { background: #94b1c9; } /*
LINKS
*/ gh{color:#94b1c9; font-size: 11px; font-family:'Montserrat'; text-shadow: 1px 1px 1px #000; font-weight: 500; text-transform:uppercase;}/*
*/ sm1{color:rgb(39, 34, 34); font-size: 13px; font-family:'Montserrat'; text-transform: uppercase;}/*
*/ sm2{color:rgb(63, 63, 63); font-size: 13px; font-weight: bold; font-family:'Montserrat';}/*
*/ sm3{color:#FFFFFF; font-size: 13px; font-family:'Montserrat'; text-transform: uppercase;}/*
*/</style>
HEADERTITEL
HEADERTITEL-Untertitel
HEADERTITEL-Untertitel
Der Suchende
Chara 1
more details
Genre: Urban-Fantasy
Rating: S3V3L3
Szenentrennung - Vancouver Island - 2019
● Überwiegend Gestaltwandler, Werwesen und Fabelwesen
● Auch andere Wesen und normale Menschen gerne gesehen!
● Seriencharaktere erlaubt
● Freiwillige Teilnahme an User- und Boardplots
● Anschluss garantiert
Code:
<link href='https://fonts.googleapis.com/css?family=Oswald|Quattrocento|Saira Stencil On|Montserrat' rel='stylesheet' type='text/css'>
<style type="text/css">/*
BOXEN
*/ #searchaussen { box-sizing: border-box; width: 500px; background: #222222; color: #eeeeee; } /*
*/ #searchheader { box-sizing: border-box; width: 500px; height: 250px; background: url('https://placehold.it/500x250'); padding: 85px 0px; opacity: 0.5; } /*
*/ .searchabstand { padding: 10px 20px 20px 20px; } /*
*/ #searchinnen { background: #b6b6b6; padding: 30px 20px; color: #333333; } /*
*/ #searchfooter { box-sizing: border-box; width: 500px; height: 198px; background: url('https://aerandir.bplaced.net/images/footertog.jpg'); background-position: bottom; opacity: 0.5; } /*
*/ #searchfooter a {display: block; height: 100%;} /*
*/ #searchfooter a span {display: none;} /*
*/ a:link { color: #868686;} /*
*/ a:hover { color: #3b3b3b;} /*
*/ a:visited { color: #868686;} /*
STRICHE
*/ #searchhoben { height: 1px; background: #eeeeee; width: 300px; margin-bottom: 20px; } /*
*/ #searchhunten { height: 1px; background: #eeeeee; width: 300px; margin-top: 20px; } /*
*/ .searchdunkelstrich { height: 1px; background: #cccccc; width: 100%; margin-top: 15px; } /*
*/ #searchtennstrich { height: 1px; background: #cccccc; width: 100%; margin: 30px 0px 15px 0px; } /*
*/ #searchrotstrich { height: 1px; background: #94b1c9; width: 100%; margin-top: 30px; } /*
TEXT
*/ #searchtitel { font-family: 'Quattrocento', serif; font-size: 20px; text-transform: uppercase; font-style: italic; letter-spacing: 4px; color:#3d3d3d;} /*
*/ #searchunter { text-transform: uppercase; font-family: verdana; font-size: 8px; letter-spacing: 2px; color:#3d3d3d; } /*
*/ .searchdunkel { float: left; background: #222222; text-transform: uppercase; font-family: verdana; font-size: 10px; letter-spacing: 2px; font-weight: bold; padding: 10px; margin-top: 5px; margin-bottom: 5px; color: #cccccc; } /*
*/ .searchtextgross { text-align: justify; font-family: arial; font-size: 12px; height: 200px; overflow: auto; padding-right: 5px; } /*
*/ .searchname { text-transform: uppercase; font-family: verdana; font-size: 9px; letter-spacing: 4px; font-weight: bold; } /*
*/ #searchdetails { width: 320px; font-family: georgia; font-size: 8px; letter-spacing: 3px; font-style: italic; color: #777777; padding-top: 10px; } /*
*/ #searchrot { float: left; background: #f4f4f4; text-transform: uppercase; font-family: verdana; font-size: 8px; letter-spacing: 2px; font-weight: bold; padding: 10px; color: #94b1c9; } /*
*/ .searchtextklein { clear: both; text-align: justify; font-family: arial; font-size: 12px; height: 150px; overflow: auto; padding-right: 5px; } /*
BILDER
*/ .searchimg { border: solid 5px #94b1c9; margin: 0px 5px 5px 0px; } /*
HOVER-EFFEKT
*/ #searchheader:hover { opacity: 1; } /*
*/ #searchheader:hover #searchhoben, #searchheader:hover #searchhunten, #searchheader:hover #searchtitel, #searchheader:hover #searchunter { display: none; } /*
SCROLLBAR
*/ .searchtextgross::-webkit-scrollbar, .searchtextklein::-webkit-scrollbar { width: 3px; height: 3px; background: #3d3d3d; } /*
*/ .searchtextgross::-webkit-scrollbar-thumb, .searchtextklein::-webkit-scrollbar-thumb { background: #3d3d3d; } /*
*/ .searchtextgross::-webkit-scrollbar-track-piece, .searchtextklein::-webkit-scrollbar-track-piece { background: #94b1c9; } /*
LINKS
*/ gh{color:#94b1c9; font-size: 11px; font-family:'Montserrat'; text-shadow: 1px 1px 1px #000; font-weight: 500; text-transform:uppercase;}/*
*/ sm1{color:rgb(39, 34, 34); font-size: 13px; font-family:'Montserrat'; text-transform: uppercase;}/*
*/ sm2{color:rgb(63, 63, 63); font-size: 13px; font-weight: bold; font-family:'Montserrat';}/*
*/</style>
<center>
<div id="searchaussen">
<div id="searchheader">
<div id="searchhoben"></div>
<font id="searchtitel">HEADERTITEL</font>
<br>
<font id="searchunten">HEADERTITEL-Untertitel</font>
<div id="searchhunter"></div>
</div>
<div class="searchabstand">
<div class="searchdunkel">Der Suchende</div>
<div class="searchdunkelstrich"></div>
<div style="clear: both;" class="searchtextgross">
<sm3>Rasse | Alter</sm3><br>
<img src="https://via.placeholder.com/100" class="searchimg" height="100" width="100" style="float:left;margin-right:8px;">Kurze Beschreibung von einem Selbst, vom Charakter oder von der vorgestellten Story. Dies hier ist zum Beispiel ein Gruppengesuch.
Du kannst mehrere Charaktere suchen.<br>
Im Style Bereich kannst Du bei
"*/ #searchheader { box-sizing: border-box; width: 500px; height: 250px; background: url('https://via.placeholder.com/500x250'); padding: 85px 0px; opacity: 0.5; } /*"
dein eigener Header einsetzen.
</div>
</div>
<div id="searchinnen">
<div class="searchdunkel">Chara 1</div>
<div class="searchdunkelstrich"></div>
<div style="clear: both;" class="searchtextgross">
<sm1>Rasse | Alter | AVATARPERSON:</sm1><br>
<img src="https://via.placeholder.com/100" class="searchimg" height="100" width="100" style="float:left;margin-right:8px;">
Hier kannst Du alles eingeben was Du für wichtig hälst um den Charakter zu beschreiben! Den Link zum Bild einfach austauschen
</div>
</div>
<div class="searchabstand">
<div class="searchdunkel">more details</div>
<div class="searchdunkelstrich"></div>
<div class="searchtextklein">
<center><font face="Saira Stencil One" size="4">Über das Forum</font><br>
<b>Genre:</b> Urban-Fantasy <br><b>Rating:</b> S3V3L3<br>
<i>Szenentrennung - Vancouver Island - 2019</i><br>
<br>
<gh>Keine Mindestpostinglänge </gh></center>
<br>
● Überwiegend Gestaltwandler, Werwesen und Fabelwesen<br>
● Auch andere Wesen und normale Menschen gerne gesehen!<br>
● Seriencharaktere erlaubt<br>
● Freiwillige Teilnahme an User- und Boardplots<br>
● Anschluss garantiert<br>
<br>
<center><a href="https://aerandir.bplaced.net/index.php" target="_blank">Startseite</a> | <a href="https://aerandir.bplaced.net/showthread.php?tid=1"target="_blank">Regelwerk</a> | <a href="https://aerandir.bplaced.net/enzyklopaedie.php" target="_blank">Enzykolpädie</a> <a href="https://aerandir.bplaced.net/forumdisplay.php?fid=13" target="_blank">Gesuche</a></center>
</div>
</div>
<center><div id="searchfooter"><a href="https://aerandir.bplaced.net/" target="_blank"><span>Zum Forum</span></a></div></div></center>