[Impala67]

Falls ihr als Gast einen Charakter habt den ihr gerne hier unterbringen wollt aber nicht wißt ob er paßt könnt ihr hier ihn mit dieser Vorlage ganz kurz vorstellen. Wir finden dann die Lösung.

P.S.: Das hier ist kein Steckbrief (der folgt später) sondern nur eine Kurzvorstellung.

Vorname Nachname

This is me a short Vision

Alter

Beruf

Wesen

Avatarperson

Serien/Freecharakter

Kurzversion Steckbrief Text (dies ersetzt nicht den späteren Steckbrief wenn ihr euch angemeldet habt.

Code: (Alles auswählen)

<div id="the-lady-charakter"><div class="titel-box"><img src="https://i.servimg.com/u/f10/16/63/02/67/cv10.png" class="foto1"> <img src="https://i.servimg.com/u/f10/16/63/02/67/cv10.png" class="foto2"><div class="charkter-title">Vorname Nachname</div><div class="charkter-untertitle">This is me a short Vision</div></div>
<div class="charkter-shortfactsbox">
<img src="https://via.placeholder.com/150x120" class="foto3">
<div class="charkter-fact">Alter</div>
<div class="charkter-fact">Beruf</div>
<div class="charkter-fact">Wesen</div>
<div class="charkter-fact">Avatarperson</div>
<div class="charkter-fact">Serien/Freecharakter</div>    
</div><div class="charkter-textbox">Kurzversion Steckbrief Text (dies ersetzt nicht den späteren Steckbrief wenn ihr euch angemeldet habt.</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Anton|Asap+Condensed&display=swap" rel="stylesheet"><style type="text/css">#the-lady-charakter{width:450px;margin:0 auto;background:#DAD0B9;height:405px}.titel-box{height:100px;background:#e6decd;color:#000}.foto1{width:70px;height:70px;float:left;border-radius:70px;border:solid 5px #000;margin:10px}.foto2{width:70px;height:70px;border-radius:70px;border:solid 5px #5a3c68;float:right;margin:10px}.charkter-title{font-size:28px;letter-spacing:1px;text-shadow:2px 2px 0 #7b6082;text-align:center;text-transform:uppercase;padding-top:20px;font-family:'Anton'}.charkter-untertitle{text-align:center;font-size:14px;font-family:'Asap Condensed'}.charkter-untertitle:before,.charkter-untertitle:after{content:"";display:inline-block;width:26px;height:1px;background:#5a3c68;margin:0 5px;vertical-align:middle}.charkter-shortfactsbox{float:left;box-sizing:border-box;height:277px;width:180px;margin:10px 0 10px 10px;background:lightgrey}.foto3{border:solid 5px #5a3c68;width:170px}.charkter-fact{box-sizing:border-box;height:20px;color:#000;margin:5px;background-color:grey;font-size:12px;letter-spacing:2px;padding-top:3px;text-align:center;font-family:'Asap Condensed'}.charkter-textbox{box-sizing:border-box;float:right;width:240px;height:277px;overflow:auto;padding:8px;margin:10px;background:#lightgrey;color:#000;font-size:12px;text-align:justify}#the-lady-charakter ::-webkit-scrollbar{width:5px}#the-lady-charakter ::-webkit-scrollbar-track{background:#99849e}#the-lady-charakter ::-webkit-scrollbar-thumb{background:#5a3c68}#the-lady-charakter ::-webkit-scrollbar-thumb:hover{background:#5a3c68}</style>