Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background:url('https://i.yapx.ru/Gy38l.jpg'); border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

#tags { width:150px; height: 150px; text-align:justify; font-family:century; font-size:9px; color:#0e0e0e; line-height:88%; overflow:auto;}

.postie {width:250px; height:350px; padding:20px; background:url('https://i.yapx.ru/Gy38l.jpg'); text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:century; font-size:10pt; color:#ccc;}
.postie p::first-letter {font-family:'Roboto Slab'; font-size:23px; line-height:110%; color:#9A446B;}
.postie b {color:#9A446B; font-weight:bold; letter-spacing:normal;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center>

<div class="postie">
<center>МОРОИ<br><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><br>
ДАМПИРЫ<br><br>
<a href="http://vabloodties.ru/profile.php?id=26" target="_blank">Rosemarie Hathaway </a><br>
<a href="http://vabloodties.rusff.me/profile.php?id=4" target="_blank">Katherine Grivas </a><br><br>
СТРИГОИ <br><br> 
<a href="http://vabloodties.ru/profile.php?id=15" target="_blank">Daniel Woodhouse</a><br>
 <a href="http://vabloodties.ru/profile.php?id=9" target="_blank">Isaiah Rochester</a><br><br>
</div></center>
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style>
#fur {width:250px; height:250px; padding:20px; background:url('https://i.yapx.ru/Gy38l.jpg'); border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; transition:ease all 2s; -ms-transition:ease all 2s; -webkit-transition:ease all 2s;}

#fur img {width:250px; height:250px; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }

#fur:hover img {opacity:0; -ms-transform:rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg);  -ms-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px;}

#fur:hover #header {opacity:1; -webkit-transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; border-radius:500px; -webkit-border-radius:500px; -ms-border-radius:500px; }

#header {width:190px; height: 170px; padding:30px; padding-top:50px; margin-top:-250px; background-color:#fcfcfc; -ms-border-radius:500px; -webkit-border-radius:500px; -moz-border-radius:500px; -webkit-transform: rotate(0deg); -moz-trasform:rotate(0deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; opacity:0;}

#tags { width:150px; height: 150px; text-align:justify; font-family:century; font-size:9px; color:#0e0e0e; line-height:88%; overflow:auto;}

.postie {width:250px; height:350px; padding:20px; background:url('https://i.yapx.ru/Gy38l.jpg'); text-align:justify; overflow:auto; line-height:95%; letter-spacing:-1px; word-spacing:2px; font-family:century; font-size:10pt; color:#ccc;}
.postie p::first-letter {font-family:'Roboto Slab'; font-size:23px; line-height:110%; color:#9A446B;}
.postie b {color:#9A446B; font-weight:bold; letter-spacing:normal;}

.postie::-webkit-scrollbar  {width:8px;}
.postie::-webkit-scrollbar-track {background:#fcfcfc;}
.postie::-webkit-scrollbar-thumb {height:4px; background:#9A446B;}
</style>

<center> 
<div class="postie">
<center>АЛХИМИКИ<br><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><br>
ВЕДЬМЫ/КОЛДУНЫ <br><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><br>
ВОИНЫ СВЕТА<br><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><br>
ЛЮДИ<br><br>
<a href="http://vabloodties.ru/profile.php?id=5" target="_blank">Arianna Milton</a><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><br>
</div></center>
Код:
<!--HTML-->  
<center><div style="width: 600px; border-bottom: 5px solid #00122d; background-image: url(https://i.yapx.ru/Gy38l.jpg);  #00122d;">
<div style="width: 600px; font-family: petit formal script; color: white; font-size: 14px; padding-top: 1px; position: relative">
<table layout=fixed width=100%>
<tr>
<td><center>Придержанные имена:</center></td>
<td><center>Выкупленные имена:</center></td>
</tr><tr>
<td><center><a href="ссылка на профиль " target="_blank">Имя персонажа </a><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br></center></td>
<td><center><a href="http://vabloodties.rusff.me/profile.php?id=4" target="_blank">Имя персонажа</a><br>
<a href="ссылка на профиль " target="_blank">Имя персонажа </a><br><center/></td>
</tr>
</table>
<center>● Повторы имён и фамилий на ролевой не запрещены, но активные игроки имеют право наложить «вето» на имя или фамилию своего персонажа.<br></center>
<table layout=fixed width=100%>
<tr>
<td><center>Заполни код, чтобы занять имя:</center></td>
<td><center>Заполни код, чтобы придержать имя:</center></td>
<td><center>Заполни код, чтобы выкупить имя:</center></td>
</tr>
</table>
</div>
Займи
Код:
Имя занято.
имя  - <a href="ссылка на профиль" target="_blank">Имя персонажа </a><br>
Придержи
Код:
Имя придержано.
имя  - <a href="ссылка на профиль" target="_blank">Придержано КЕМ(ИМЯ) </a><br>
Купи
Код:
Имя выкуплено.
имя  - <a href="ссылка на профиль" target="_blank">Выкуплено КЕМ(ИМЯ) </a><br>