<link href='http://fonts.googleapis.com/css?family=Sancreek' rel='stylesheet' type='text/css'><style type="text/css">.boite { width: 570px; height: 515px; background-color: #f6f2ef; border-top: 5px solid #766e61; border-bottom: 5px solid #766e61; } .div_presentation { width: 350px; height: 390px; background-color: #ded7cc; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; box-shadow: 0px 0px 3px #505050; position: relative; right: -75px; z-index: 1; margin-top: -355px; padding: 3px; text-align: justify; overflow: auto; } .div_avatar { margin-left: -250px; height: 320px; width: 200px; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; border-radius: 5px 0px 0px 5px; box-shadow: 0px 0px 1.5px #505050; position: relative; margin-top: 35px; } .div_avatar:hover { margin-left: -360px; -webkit-transition: margin 1s ease-in; -moz-transition: margin 1s ease-in; -ms-transition: margin 1s ease-in; -o-transition: margin 1s ease-in; transition: margin 1s ease-in; position: relative; } .info { max-width: auto; height: 15px; line-height: 15px; padding-right: 4px; background-color: #c9baa3; font-family: times new roman; font-size: 11px; color: #505050; text-transform: uppercase; text-align: right; letter-spacing: none; } .feat { max-width: auto; height: 12px; line-height: 12px; padding-right: 4px; background-color: #766e61; font-family: times new roman; font-size: 10px; color: #e0e0e0; text-align: right; letter-spacing: 2px; margin-bottom: -22px; } .credit { font-family: times new roman; font-size: 8px; text-transform: uppercase; color: #c8c0b9; text-align: center; text-shadow: none; } .titre { font-family: 'Sancreek', cursive; font-size: 35px; color: #505050; text-align: center; text-shadow: 1px 0px 2px #766e61; margin-top: 7px; text-transform: uppercase; border-bottom: 3px dashed #c9baa3; margin-bottom: 15px; } .select_option { font-family: times new roman; color: #505050; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; padding: 3px; background-color: #c9baa3; opacity: 1; border: none; margin-top: 8px; } .texte { font-family: times new roman; font-size: 10px; color: #505050; letter-spacing: 0.5px; text-align: justify; line-height: 13px; }</style>
<center><div class="boite">
<div class="titre">TUTAJ WPISZ IMIONA I NAZWISKO<br />
<div class="credit">Code par Asi'cick</div></div>
<div class="div_avatar" style="background-image: url('TUTAJ WKLEJ LINK DO OBRAZKA 200x320px');"></div><div class="div_presentation"><div class="info">Kilka informacji o mnie</div><div class="feat">ft. TUTAJ WPISZ WIZERUNEK</div><center><table><tr><td><select size=1 class="select_option"><option>Cechy fizyczne</option>
<option>cecha 1 </option>
<option>cecha 2</option>
<option> cecha 3</option>
<option>cecha 4</option>
<option> cecha 5</option>
</select></td>
<td><select size=1 class="select_option"><option>Cechy charakteru</option>
<option>cecha 1 </option>
<option>cecha 2</option>
<option> cecha 3</option>
<option>cecha 4</option>
<option> cecha 5</option></select></td></tr></table>
<font class="texte" style="text-transform: uppercase"> WIEK ♠ PREFEROWANY DOM/BYŁY DOM ♠ FUNKCJA/ZAWÓD ♠ CZYSTOŚĆ KRWI ♠ [size=10]RÓŻDŻKA[/size]</font></center>
<div class="info" style="margin-top: 3px;"> BIOGRAFIA </div><font class="texte">
TUTAJ WPISZ MINIMUM 10 ROZBUDOWANYCH ZDAŃ NA TEMAT HISTORII TWOJEJ POSTACI</font><div class="info" style="margin-top: 5px;"> ciekawostki</div>
<font class="texte">
[size=10][b]⇝[/b]WPISUJEMY CIEKAWOSTKI O POSTACI (NP. CO LUBI JEŚĆ, ALBO CZY LUBI QUIDDITCHA ITP.) OD "MYŚLNIKA" [b]⇝[/b] [/size]
</font>
<center><img src="TUTAJ WKLEJ LINK DO KWADRATOWEGO GIFA/OBRAZKA" width="100px"; style="padding: 1px; border: 1px solid #766e61;" /> <img src="TUTAJ WKLEJ LINK DO KWADRATOWEGO GIFA/OBRAZKA" width="100px"; style="padding: 1px; border: 1px solid #766e61;" /> <img src="TUTAJ WKLEJ LINK DO KWADRATOWEGO GIFA/OBRAZKA" width="100px"; style="padding: 1px; border: 1px solid #766e61;" />
</div>
</div></center>
