Код:
<!--HTML-->
<center><div class="gostfon">
<div class="gostfon2">
<div class="gostname"><t>нужные</t>
</div>
<div class="gostface">
<br><br><t>до 29.05</t>
<br>мир » <b>Evan Rachel Wood</b>
<br><br><t>до 30.05</t>
<br>немимокрокодил » <b>Matt Lanter</b>
<br>campbell price » <b>anton yelchin</b>
<br>campbell price » <b>matthew gray gubler</b>
<br>танго смерти » <b>luke newberry</b>
<br>Небо » <b>crystal reed </b>
</div>
<div class="gostlink"><a href="https://marvelwood.rusff.me/viewtopic.php?id=2#p2">правила</a>
<a href="https://marvelwood.rusff.me/viewtopic.php?id=11#p11">faq</a>
<a href="https://marvelwood.rusff.me/viewtopic.php?id=6#p6">о школе</a>
<a href="https://marvelwood.rusff.me/viewtopic.php?id=7#p7">внешности и имена</a>
<a href="https://marvelwood.rusff.me/viewtopic.php?id=26">список персонажей</a>
<a href="https://marvelwood.rusff.me/viewtopic.php?id=44#p61">Список предметов</a></div>
<div class="gostinf"><b>Рейтинг:</b> NC-17<br>
<b>Тематика:</b> реальная жизнь, школа<br>
<b>Организация:</b> эпизоды<br>
<b>Место:</b> США, Уилмингтон<br>
<b>Игровое время:</b> 2015 год, сентябрь</div>
<div class="gostprivet">Здравствуй, дорогой гость! <br>
Мы рады приветствовать тебя в нашей цитадели знаний - старшей школе Марвелвуд. Может быть, ты хочешь присоединиться к нашей дружной братии и вспомнить былые деньки в качестве студента или же преподавателя? Знаешь, мы будем очень рады принять тебя в свою дружную и веселую семью. Здесь ты не соскучишься, ведь тебя ждет море приключений, забав и романтики, которая так присуща школьному времени.</div>
</div>
<img src="http://savepic.su/5650612.png" border="0"/>
</div>
</center>
<style>
.gostfon {background: url() #a4a087;
box-shadow: 0 0 0 3px #8b8a7e, 0 0 0 6px #dad5bf;
width:550px;
height: 500px;
margin-top:20px;
position:relative; overflow:hidden;}
.gostprivet {background-color: rgba(223,215,204,0.8); padding: 10px; margin-top:20px; position: absolute; margin-left:19px; box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); font-family: sans-serif;
position: absolute; font-size:10px; width: 295px; text-align: justify; line-height:10px; word-spacing: -1px;
transition: all 0.5s linear; transform: translate(0, -150px)}
.gostinf {background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8);height: 103px; line-height: 13px; margin-left: 360px; margin-top: 20px; padding: 7px 10px 10px; margin-top:20px; position: absolute; margin-left:360px; position: absolute; font-size:10px; width: 150px; text-align: left; word-spacing: -1px; transition: all 0.5s linear; transform: translate(200px)}
.gostlink {discplay: inline; width: 500px; background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); padding: 8px 10px 12px 0px; margin-top:165px; position: absolute; margin-left:19px; transition: all 0.5s linear; transform: scale(3)}
.gostlink a {display: inline-block; width: 135px; background-color: rgba(236,229,218,1); margin-left: 10px; margin-top:5px; padding:3px; font-size:9px; text-transform: uppercase; text-decoration: none; color: #70693e; font-family: sans-serif; transition: all 0.3s linear 0.1s; letter-spacing: 0}
.gostlink a:hover {display: inline-block; color: #a4a087; background: #fcf7ef; transition: all 0.3s linear 0.1s; transform: scale(1.1); letter-spacing: 1px}
.gostface {background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); padding: 10px; margin-top:260px; position: absolute; margin-left:19px; position: absolute; font-size:10px; width: 225px; height: 200px; text-align: left; line-height:10px; word-spacing: -1px; overflow-y: auto; transition: all 0.5s linear; transform: translate(-270px)}
.gostname {background-color: rgba(223,215,204,0.8); box-shadow: 0 0 0 3px rgba(195,181,161,0.7), 0 0 0 7px rgba(223,215,204,0.8); padding: 10px; margin-top:260px; position: absolute; margin-left:285px; position: absolute; font-size:10px; width: 225px; height: 200px; text-align: left; line-height:10px; word-spacing: -1px; overflow-y: auto; transition: all 0.5s linear; transform: translate(0, 250px)}
t {font-size:12px; font-weight: bold}
.gostfon2 {opacity: 0; transition: all 0.5s linear;}
.gostfon:hover .gostfon2, .gostfon:active .gostfon2 {opacity: 1; transition: all 0.5s linear;}
.gostfon:hover .gostprivet, .gostfon:active .gostprivet {transition: all 0.5s linear; transform: translate(0)}
.gostfon:hover .gostinf, .gostfon:active .gostinf {transition: all 0.5s linear; transform: translate(0)}
.gostfon:hover .gostlink, .gostfon:active .gostlink {transition: all 0.5s linear; transform: scale(1)}
.gostfon:hover .gostface, .gostfon:active .gostface {transition: all 0.5s linear; transform: translate(0)}
.gostfon:hover .gostname, .gostfon:active .gostname {transition: all 0.5s linear; transform: translate(0)}
</style>Код для придержания:
Код:
<br>ник » <b>внешность</b>
Шаблон для заявок на нужных:
Код:
<br>ник » <a href="заявка"> <b>внешность</b></a>
