Wzór Karty Postaci dla Ucznia

UCZNIOWIE! Pamiętajcie, że Tiara przydzieli was do domów po cechach charakteru, więc dobierajcie je rozważnie.

Dla dziewczyn:

Kod:

<center><div class="karta1">
<div class="karta2">imię i nazwisko</div>
<br><img src="http://24.media.tumblr.com/802431d92348d6235225eb8e41fc2d8e/tumblr_mhtantQU3Z1rlh2v4o2_500.gif" class="karta3">
<div class="karta4">Informacje:</div><div class="karta7">Imię:<br>
Nazwisko:<br>
Wiek:<br>
Czystość Krwi:<br></div><br>
<div class="karta4">Historia:</div><div class="karta5"><div class="karta6">TUTAJ PISZEMY SWOJĄ"BIOGRAFIĘ" . COŚ O RODZINIE, O SOBIE ITD.</div></div><br>
<div class="karta4">Charakter:</div><div class="karta5"><div class="karta6">PAMIĘTAJCIE ABY WPISAĆ DUŻO CECH. NAJLEPIEJ SZEŚĆ - SIEDEM.</div></div><br>
<center><a href="http://kotletbarani.blogspot.com/"><div style="font-family: calibri; font-size: 7px; letter-spacing: 2px; text-transform: uppercase; color:#BDAA8F; margin-top:40px; text-align:right; ">© kotlet barani  </div></a></center>
</div></center>
<link href="http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Cedarville+Cursive" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Sofia" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet" type="text/css">
<style text="text/css">.karta1{background-color:white; border-left: 8px solid #cc3366; border-right: 8px solid #cc3366; width: 460px; box-shadow: 1px 2px 10px #cc3366; padding: 10px;}.karta1:hover{border-left: 8px solid #940034; border-right: 8px solid #940034;webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out;transition: 1s ease-out;}.karta2{font-family: sofia; font-size: 50px; letter-spacing: -2px; text-align: center; color: #cc3366; text-transform: lowercase; width:400px; text-shadow: #AC674D 0px 0px 5px; width: 420px;}.karta3{border-left: 3px solid #cc3366; border-right: 3px solid #cc3366;  width: 420px;opacity:0.8}.karta3:hover{-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out;transition: 1s ease-out;opacity:1}.karta4{font-family: sofia; font-size: 20px; letter-spacing: -2px; color: #cc3366; text-shadow: #AC674D 0px 0px 5px;margin-bottom:-12px;text-align:left;padding-left:35px;}.karta5{background-color:rgb(255, 252, 252);border-radius:15;border: 3px double rgb(235, 230, 230);box-shadow: 0 1px 3px rgba(0,0,0,0.1); width:420px; height:150px; overflow:auto;}.karta6{font-family:century gothic; padding:10px; text-align:justify;font-size:11px;}.karta7{border-left: 3px double rgb(235, 230, 230);height: 150px;font-family: century gothic;padding: 13px;text-align: justify;font-size: 11px;margin-left: 17px;border-radius: 15px;}</style>

Dla chłopaków:

Kod:

Dla chłopców:
<center><div class="karta1">
<div class="karta2">imię i nazwisko</div>
<br><img src="http://24.media.tumblr.com/802431d92348d6235225eb8e41fc2d8e/tumblr_mhtantQU3Z1rlh2v4o2_500.gif" class="karta3">
<div class="karta4">Informacje:</div><div class="karta7">Imię:<br>
Nazwisko:<br>
Wiek:<br>
Czystość Krwi:<br></div><br>
<div class="karta4">Historia:</div><div class="karta5"><div class="karta6">TUTAJ PISZEMY SWOJĄ"BIOGRAFIĘ" . COŚ O RODZINIE, O SOBIE ITD.</div></div><br>
<div class="karta4">Charakter:</div><div class="karta5"><div class="karta6">PAMIĘTAJCIE ABY WPISAĆ DUŻO CECH. NAJLEPIEJ SZEŚĆ - SIEDEM.</div></div><br>
<center><a href="http://kotletbarani.blogspot.com/"><div style="font-family: calibri; font-size: 7px; letter-spacing: 2px; text-transform: uppercase; color:#BDAA8F; margin-top:40px; text-align:right; ">© kotlet barani  </div></a></center>
</div></center>
<link href="http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Cedarville+Cursive" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Sofia" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet" type="text/css">
<style text="text/css">.karta1{background-color:white; border-left: 8px solid #006600; border-right: 8px solid #006600; width: 460px; box-shadow: 1px 2px 10px #EEEEEE; padding: 10px;}.karta1:hover{border-left: 8px solid #006600; border-right: 8px solid #006600;webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out;transition: 1s ease-out;}.karta2{font-family: sofia; font-size: 50px; letter-spacing: -2px; text-align: center; color: #006600; text-transform: lowercase; width:400px; text-shadow: #EEEEEE 0px 0px 5px; width: 420px;}.karta3{border-left: 3px solid #006600; border-right: 3px solid #006600;  width: 420px;opacity:0.8}.karta3:hover{-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out;transition: 1s ease-out;opacity:1}.karta4{font-family: sofia; font-size: 20px; letter-spacing: -2px; color: #006600; text-shadow: #EEEEEE 0px 0px 5px;margin-bottom:-12px;text-align:left;padding-left:35px;}.karta5{background-color:rgb(255, 252, 252);border-radius:15;border: 3px double rgb(235, 230, 230);box-shadow: 0 1px 3px rgba(0,0,0,0.1); width:420px; height:150px; overflow:auto;}.karta6{font-family:century gothic; padding:10px; text-align:justify;font-size:11px;}.karta7{border-left: 3px double rgb(235, 230, 230);height: 150px;font-family: century gothic;padding: 13px;text-align: justify;font-size: 11px;margin-left: 17px;border-radius: 15px;}</style>