Vorlage

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <style text="text/css"> #wrappermonty { width: 500px; background-color: #FFF; } .bildmonty { background-image: url('http://placehold.it/500x270'); width: 500px; } .bildmonty2 { height: 240px; padding: 15px; opacity: 0; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; } .bildmonty2:hover { background-color: #DEE3E7; opacity: 0.8; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; } .textchara k { color: #006699; font-style: italic; } .textchara f { color: #006699; font-weight: bold; } #headlinem { width: 480px; background-color: #D8F3D4; font-family: 'Montserrat'; letter-spacing: 2px; font-style: italic; color: #006699; text-transform: uppercase; padding: 10px; text-transform: uppercase; text-align: center; font-size: 11px; } .quote { font-family: Helvetica; font-size: 26px; text-transform: uppercase; color: #006699; font-style: italic; text-align: center; line-height: 80%; } .infosboxen { display: inline-block; letter-spacing: 1px; font-family: calibri; font-size: 9px; text-transform: uppercase; background-color: #006699; padding: 5px; color: #FFFFFF; } #headlinem2 { width: 494px; background-color: #D8F3D4; padding: 3px; font-family: 'Montserrat'; font-size: 9px; color: #006699; text-transform: uppercase; text-align: center; font-style: italic; } .textchara { width: 494px; font-family: Calibri; font-size: 10px; height: 300px; overflow: auto; text-align: justify; padding: 3px; background-color: #FFFF; color: #000000; } .textchara::-webkit-scrollbar-thumb { background-color: #D8F3D4; } .textchara::-webkit-scrollbar { background-color: #FFFFF; width: 5px; }</style> <center> <div id="wrappermonty"> <div id="headlinem">I got a heartbreak dawn rising in my sky</div> <div style="padding: 1px;"></div> <div class="bildmonty"> <div class="bildmonty2"> <div style="padding: 40px;"></div> <div style="font-family: Helvetica; font-size: 26px; text-transform: uppercase; color: #006699; font-style: italic; text-align: center; line-height: 80%;"> No mourners. No funerals.<br><font style="font-size: 20px;">Among them, it passed for good luck.</font></div> <div style="padding: 8px;"> <div class="infosboxen">name</div> <div class="infosboxen">alter</div> <div class="infosboxen">geburtstag</div> <div class="infosboxen">klasse</div> <div class="infosboxen">avatar</div> </div> </div> </div> <div style="padding: 1px;"></div> <div id="headlinem2">Gravity's holding us down so let's turn this planet around</div> <div style="padding: 3px;"></div> <div class="textchara"><img src="http://placehold.it/180x100" style="width: 180px; height: 100px; border: solid 3px #D8F3D4; float:left; margin-right: 13px;"/> <font style="font-family:Courier New; font-size: 12px; color: #006699; line-height: 95%; text-transform: uppercase; font-style: italic"><f>Your Looks</f></font> In ganzen Sätzen! Beschreibe das Aussehen deines Charakters; Augen, Haare, Grösse, Körperbau, etc. Vielleicht hat er Narben, Tattoos, Piercings, o.ä. Auch für den Kleidungsstil ist hier Platz.
*Linie entfernen*
*Linie entfernen*
*Linie entfernen*
<div style="padding: 10px;"></div> <img src="http://placehold.it/180x100" style="width: 180px; height: 100px; border: solid 3px #D8F3D4; float:right; margin-left: 13px;"/> <font style="font-family:Courier New; font-size: 12px; color: #006699; line-height: 95%; text-transform: uppercase; font-style: italic;"><f>Your Character</f></font> In ganzen Sätzen! Beschreibe den Charakter deines Charas; Vorlieben, Abneigungen, Interessen, Stärken, Schwächen, und weiteres findet hier Platz.
*Linie entfernen*
*Linie entfernen*
*Linie entfernen*
<div style="padding: 10px;"></div> <img src="http://placehold.it/180x100" style="width: 180px; height: 100px; border: solid 3px #D8F3D4; float:left; margin-right: 13px;"/> <font style="font-family:Courier New; font-size: 12px; color: #006699; line-height: 95%; text-transform: uppercase; font-style: italic;"><f>Your Life</f></font> In ganzen Sätzen! Beschreibe das bisherige Leben deines Charakters. Schreibe über seine Familie, Freunde, wie er ans Liberty kam, etc.
</div> </div> </center>