[html]<body onresize="setHeight()" class="post-content" style="overflow: hidden;background: none !important;font: 400 11.2011px verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;margin: 0px;padding: 0px;display: inline-block;position: relative;">
<link href="https://fonts.googleapis.com/css?family=EB+Garamond|Spectral+SC" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.muldermain {
width: 500px;
height: 200px;
margin-left: 100px;
background-image: url('http://s8.uploads.ru/4sTtQ.gif');
border: 1px dotted #534C70;
outline-offset: 3px;
overflow: hidden;
}
.mulderhvr1 {
width: 500px;
height: 200px;
background-color: #4c705b;
opacity: 0;
transition: 0.7s;
transition-delay: 1.5s;
}
.muldermain:hover .mulderhvr1 {
opacity: 0.5;
transition: 0.7s;
}
.mulderhvr2 {
width: 500px;
height: 200px;
position: relative;
bottom: 0px;
transition: 0.7s;
transition-delay: 1s;
background-color: #24352b;
opacity: 0.95;
}
.muldermain:hover .mulderhvr2 {
position: relative;
bottom: 200px;
transition: 0.7s;
transition-delay: 1s;
}
.muldericon {
background-image: url('https://78.media.tumblr.com/c5a35c4e9297b08bfcf750bf00894da8/tumblr_inline_oakt80q9ed1tkyomx_100.gif');
width: 100px;
height: 100px;
border-radius: 3px;
border: 1px solid #4c705b;
box-shadow: -1px 1px 0px #abc9b7;
position: relative;
left: -105px;
top: -50px;
opacity: 0;
transition: 1.6s;
}
.muldermain:hover .muldericon {
position: relative;
left: 50px;
top: 35px;
opacity: 1;
transition: 1.2s;
transition-delay: 1.5s;
}
.muldericon i {
position: relative;
top: 110px;
left: 18px;
margin: 3px;
font-size: 13px;
color: #e0e0e5;
}
.muldericon i:hover {
transition: 0.4s;
color: #5F5293;
}
.mulderdesc {
width: 255px;
height: 72px;
overflow: auto;
background: #d9dbe2;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-radius: 3px;
padding: 10px;
position: relative;
bottom: 170px;
left: 510px;
font: normal normal normal 12px/130% EB Georgia;
letter-spacing: 1px;
color: #010f02;
text-align: justify;
opacity: 0;
transition: 1.6s;
box-shadow: -1px 1px 0px #6c7c73;
}
.mulderdesc::-webkit-scrollbar {
width: 4px;
background: #6c7c73;
}
.mulderdesc::-webkit-scrollbar-thumb {
background: #534C70;
}
.mulderdesc::-webkit-scrollbar-corner {
background: #534C70;
}
.muldermain:hover .mulderdesc {
opacity: 1;
transition: 1.2s;
transition-delay: 2.5s;
position: relative;
bottom: 67px;
left: 170px;
}
.mulderquote {
width: 275px;
height: 15px;
position: relative;
top: 0px;
left: 170px;
font: italic normal normal 11px/100% Spectral SC;
color: #e0e1e8;
border-radius: 3px;
opacity: 0;
transition: 1.6s;
}
.muldermain:hover .mulderquote {
opacity: 1;
transition: 1.2s;
transition-delay: 3.8s;
position: relative;
top: -60px;
left: 170px;
}
.muldercredits a {
color: #9cbaa8;
text-decoration: none;
position: relative;
bottom: 6px;
font-size: 11px;
}
</style>
<div class="muldermain">
<div class="mulderhvr1"></div>
<div class="mulderhvr2">
<div class="muldericon">
<a href="http://breakdown.rusff.me/viewtopic.php?id=57" title="заказ графики"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
<a href="http://breakdown.rusff.me/viewtopic.php?id=55" title="поиск партнера для игры"><i class="fa fa-pencil" aria-hidden="true"></i></a>
<a href="http://breakdown.rusff.me/viewtopic.php?id=58" title="выяснение отношений"><i class="fa fa-trophy" aria-hidden="true"></i></a>
</div>
<div class="mulderdesc">
Добро пожаловать в Таллахасси! На календаре 2043, но не волнуйся - мы поможем освоиться. Чувствуй себя, как дома, осмотрись. Для начала рекомендую заглянуть в <a href="http://breakdown.rusff.me/viewtopic.php?id=75"><big>банк</big></a> и получить 100$ за прибытие. Нехило, а? После этого рекомендую отметиться в <a href="http://breakdown.rusff.me/viewtopic.php?id=420"><big>списке персонажей</big></a>, надо же знать на чьей ты стороне. Затем самое время рассказать о своих <a href="http://breakdown.rusff.me/viewtopic.php?id=70"><big>способностях</big></a> и заглянуть в <a href="http://breakdown.rusff.me/viewtopic.php?id=69"><big>занятые внешности</big></a>. Еще понадобится заполнить <a href="http://breakdown.rusff.me/viewtopic.php?id=59"><big>личное звание</big></a> и рассказать нам о своей <a href="http://breakdown.rusff.me/viewtopic.php?id=67"><big>работе</big></a>. На этом, кажется, все - мы уладили все формальности.
Если что, отвечу на все <a href="http://breakdown.rusff.me/viewtopic.php?id=6&p=5#p43186"><big>вопросы</big>.
</a></div><a href="http://breakdown.rusff.me/viewtopic.php?id=6&p=5#p43186">
<div class="mulderquote">
WELCOME TO YOUR LIFE. THERE'S NO TURNING BACK...
</div>
</a></div><a href="http://breakdown.rusff.me/viewtopic.php?id=6&p=5#p43186">
</a></div><a href="http://breakdown.rusff.me/viewtopic.php?id=6&p=5#p43186">
<div class="muldercredits">
</div>
</a><iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe></body>
[/html]
не понимаю зачем на таком форуме хтмл шаблон принятия. Тем более взятый с зарубежных форумов, которые не адаптированы под наши. Еще и стиль не был вынесен в админку. Короче ровно будет стоять только с такими настройками.