Код:
<!--HTML-->
<center> <div class="gostfon">
<div class="gostinf">
<div class="gostinf2"><br><center><img src="http://funkyimg.com/i/26qw1.gif"> <img src="http://funkyimg.com/i/26qw2.gif"></center>
<div style="line-height: 11px; padding: 30px 20px 10px 20px"><font style="font-family: Georgia; font-size: 12px;">Мы рады приветствовать вас на проекте "the devil within". Перед тем, как выбрать внешность или роль, не забудьте свериться со списками; придержание оных производится на три дня. Не забывайте заполнять шаблон, приведенный ниже. После регистрации профиля у вас есть три дня для подачи анкеты. </font style></div>
<table><tr><td style="width:145px !important"><img src="http://funkyimg.com/i/26rSi.gif"></td><td style="width:245px !important"><center><font style="font-family: Georgia; font-size: 10px;"><b><i>valentin richard</i></b></font></center>
вопросы о ведьмах и кланах, может подсобить в вопросах об охотниках, вопросы о мире, общая сюжетная ветка проекта. половина глав админа; добрый полицейский и няша. </td></tr>
<tr><td style="width:145px !important"><img src="http://funkyimg.com/i/26rTb.gif"></td><td style="width:245px !important"><center><font style="font-family: Georgia; font-size: 10px;"><b><i>alaric montgomery</i></b></font></center>
вопросы о демонах и ангелах, может подсобить в вопросах об охотниках, вопросы о мире, общая сюжетная ветка проекта, техническая часть форума. вторая половина глав админа; злой полицейский и раздаватель пинков. </td></tr>
<tr><td style="width:145px !important"><img src="http://savepic.su/7207409.gif"></td><td style="width:245px !important"><center><font style="font-family: Georgia; font-size: 10px;"><b><i>leonardo ventresca</i></b></font></center>
общие вопросы по миру, вопросы в отношении связи ангелов и демонов, организационные моменты. всего понемногу. </td></tr></table></div>
<div class="gostinfget">
<table><tr><td><div class="gostfc">
<div class="fc">внешности</div>
katheryn winnick - <i>малиновка</i> <b>до 17.04</b>
</div></td>
<td><div class="gostrol">
<div class="fc">роли&имена</div>
robyn - <i>малиновка</i> <b>до 17.04</b><br>
</div></td>
</table>
<center><div style="line-height: 10px;
width: 400px;
margin-top:20px"><font style="font-family: Georgia; font-size: 14px;">«</font style><font style="font-size: 9px; letter-spacing: 1px;">Род проходит и род приходит, а земля пребывает во веки.
Восходит солнце, и заходит солнце, и спешит к месту своему, где оно восходит...
Все реки текут в море, но море не переполняется: к тому месту, откуда реки текут, они возвращаются, чтобы опять течь...
Что было, то и будет, и что делалось, то и будет делаться,
и нет ничего нового под солнцем...
Нет памяти о прежнем; да и о том, что будет, не останется
памяти у тех, которые будут после</font style><font style="font-family: Georgia; font-size: 14px;">»</font style></div></center>
</div>
</div>
</div></center>
<style>
.gostfon {
background: rgba(0, 0, 0, 0) url("http://savepic.su/7154173.png") repeat scroll 0 0;
height: 600px;
overflow: hidden;
position: relative;
width: 500px;
}
.gostinf {
height: 600px;
overflow: hidden;
position: relative;
transition: all 1s linear 0s;
}
.gostinf2 {
background: rgba(0, 0, 0, 0) url("http://funkyimg.com/i/26qu2.png") repeat scroll 0 0;
height: 380px;
margin-left: 17px;
margin-top: 110px;
padding: 10px;
position: absolute;
text-align: justify;
width: 445px;
}
.gostinf2 table img {
text-align: center !important;
}
.gostinf2 td, .gostinf2 tr {
padding: 0 !important;
width: 50px !important;
}
.gostinf2 table {
font-family: verdana;
font-size: 10px;
line-height: 8px;
margin-left: 20px !important;
margin-top: 18px !important;
opacity: 1;
padding: 0 !important;
transform: scale(1) translate(0px, 0px);
transition: all 1s linear 0s;
width: 405px !important;
}
.gostfon:hover .gostinf2 {
opacity: 0;
transform: scale(0) translate(0px, 800px);
transition: all 1s linear 0s;
}
.gostfon:hover .gostinfget {
margin-top: 110px;
opacity: 1;
transform: scale(1);
transition: all 1s linear 0s;
}
.gostinfget {
background: rgba(0, 0, 0, 0) url("http://funkyimg.com/i/26qu2.png") repeat scroll 0 0;
height: 380px;
margin-left: 17px;
margin-top: -400px;
opacity: 0;
padding: 10px;
position: absolute;
text-align: justify;
transform: scale(0);
transition: all 1s linear 0.5s;
width: 445px;
}
.gostinfget table {
font-size: 10px;
line-height: 9px;
margin-left: 17px;
margin-top: 10px;
text-align: center;
width: 420px !important;
}
.gostfc, .gostrol {
height: 240px;
overflow-y: auto;
}
.fc {
background-color: rgba(255, 255, 255, 0.4);
color: #444;
font-family: georgia;
font-size: 12px;
font-style: italic;
font-weight: bold;
margin-bottom: 3px;
padding: 5px 0;
}
</style>Код:
имя фамилия внешности/роль/имя - <i>ник</i><br>
