[html]<body onresize="setHeight()" class="post-content" style="overflow: hidden;background: none !important;font: 400 11.2011px verdana, geneva, lucida, &quot;lucida grande&quot;, 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&amp;p=5#p43186"><big>вопросы</big>.

</a></div><a href="http://breakdown.rusff.me/viewtopic.php?id=6&amp;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&amp;p=5#p43186">
</a></div><a href="http://breakdown.rusff.me/viewtopic.php?id=6&amp;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]

не понимаю зачем на таком форуме хтмл шаблон принятия. Тем более взятый с зарубежных форумов, которые не адаптированы под наши. Еще и стиль не был вынесен в админку. Короче ровно будет стоять только с такими настройками.