<div class="activista">
<a href="http://imperiumaeternum.rolka.su/profile.php?id=368" target="_blank"> <img src="https://funkyimg.com/i/32vRb.png" title="Тэо - 5 постов"> 
</a>

<a href="http://imperiumaeternum.rolka.su/profile.php?id=503" target="_blank"> <img src="https://funkyimg.com/i/32vRe.png" title="Деми - 4 поста"> 
</a>

<a href="http://imperiumaeternum.rolka.su/profile.php?id=528" target="_blank"> <img src="https://funkyimg.com/i/32vRf.png" title="Элизабет - 3 поста"> 
</a>
</div>


<div class="activista2">
<a href="http://imperiumaeternum.rolka.su/profile.php?id=533" target="_blank"> <img src="https://funkyimg.com/i/32vRd.png" title="Яремия - 3 поста"> 
</a>
</div>


<div class="activista3">
<a href="http://imperiumaeternum.rolka.su/profile.php?id=525" target="_blank"> <img src="https://funkyimg.com/i/32vRc.png" title="Яран - 2 поста"> 
</a>
</div>


<div class="epizod">
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2451" target="_blank"> <img src="https://i.imgur.com/8CCLjFI.png" title="Лучший эпизод - Добро Пожаловать в Семью"> </a>
</div>


<div class="yarkiy">
<a href="http://imperiumaeternum.rolka.su/profile.php?id=533" target="_blank"> <img src="https://funkyimg.com/i/32vRd.png" title="Любимчик недели - Яремия"> </a>
</div>


<div class="luchshij" >
<a href="http://imperiumaeternum.rolka.su/profile.php?id=503" target="_blank"> <img src="https://funkyimg.com/i/32vRe.png" title="Лучший пост -  Дэмиан"> </a>
</div>

<div class="luchshij2">
Напряженная нить ментальной связи дрогнула, сначала ослабевая и провисая, а затем и вовсе растворяясь в духоте отельного зала, оставляя на месте своего причудливого крепления зияющую и ничем невосполнимую пустоту. Как обычно, ухватив из всей предложенной палитры воспоминаний самую суть, Амикус отстранился первым и дабы не создавать неловких пауз сходу, как ни в чём и не бывало, перешёл на речь слышимую и понятную всем. Деми поморщился, всё же тронув стрельнувший висок и прогоняя обуявшее сознание чувство какой-то неуютной опустошенности. Керроу же даже не моргнул. Как же далеко ещё ему, Демиану, было до такого асса в области ментальной магии и сколько ещё нужно было освоить и довести до автоматизма в собственно сознании.
</div>




<div class="novichok">
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2464" target="_blank"> <img src="https://i.imgur.com/AkCIw2j.png" title="Лучший игровой дуэт —  Ласло и Яремия"> </a>
</div>

<div class="amc">
<a href="http://imperiumaeternum.rolka.su/profile.php?id=61"> <img src="https://i.imgur.com/vnxy8Or.png" title="Алекто"> 
</a>
<a href="http://imperiumaeternum.rolka.su/profile.php?id=266"> <img src="https://i.imgur.com/T0Mk9qs.png" title="Дугал"> 
</a>
<a href="http://imperiumaeternum.rolka.su/profile.php?id=41"> <img src="https://i.imgur.com/ccsTT2X.png" title="Кассандра"> 
</a>
<a href="http://imperiumaeternum.rolka.su/profile.php?id=366"> <img src="https://i.imgur.com/CLahuZZ.png" title="Рихард"> 
</a>
</div>


<div class="navigacia">
<!-- навигация 1-->
<div style="    
position: relative;
top: -127px;">
<form><select name="select" class="forminput? Hoverbuttons1" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="
    
    background-color: #000000;
    background-image: none !important;
    color: #d3c6a7;
    height: 25px;
    width: 217px;
    font-family: georgia!important; 
    font-size: 10px;}">
<option>НАВИГАЦИЯ</option>

<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=2">• Сюжет</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=5">• Нужные</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=10">• Список ролей</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=11">• Внешности</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=16">• Должности</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=1990">• Гостевая</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=1486">• Магические семьи</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=18">• Годы выпуска </option>
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=32">• Учетность постов</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=29">• Вопросы и предложения</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=1546">• Обсуждение сюжета</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=67">• Перенос и закрытие тем</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=40">• Голосование за лучших</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=39">• Волшебный банк</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=59">• Хронология</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=15">• Заклинания</option>
</select></form>
</div>
</div>

<div class="novost1">
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=30"> <img src="https://i.imgur.com/zh34C4e.png" title="Напиши о новом дизайне!"> </a>
</div>

<div class="uproshenka">
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2469#p223611"> <img src="https://i.imgur.com/Whe3FQX.png" title="Допрашиваем Ольгу!"> </a>
</div>

<div class="kvest">
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2280">Игра на выживание </a> - Harold Fawley (от 13.02)<br>
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2278">Ярмарка жизни </a> -  Game Master (от 11.02)<br>
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2277">Большой куш </a> -   Ostur Ulfur (от 10.02) <br>
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=2279">Аристократический рейв</a> - Elizabeth Burke (от 20.02)<br>
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=1596">Там, где пляшут черти</a> - Game Master (от  10.02) <br>
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=1904">Разговор по душам</a> -  Yvonne Lenormand (от 20.02)
<br>
<a href="http://imperiumaeternum.rolka.su/viewtopic.php?id=1905">Ритуал</a> -  технические работы
<br>
</div>


<style type="text/css">
/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts,.pa-positive,.pa-respect,.pa-fld1{
  display:inline-block;
  width:100px;max-width:100px;
  text-align:right!important;
  overflow:hidden;
}
.pa-respect,.pa-fld1 {
  margin-bottom:12px;
}
</style>

<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&amp;subset=cyrillic" rel="stylesheet">



<script><!--Правка для Комментариев от rusff-->
if($(".punbb").attr("id")=="pun-viewtopic"){
function SetBTNClck(){var s=$(".post-vote a[href*='relation.php?']");
s.off("click");s.on("click",function(e){e.preventDefault ();var L=$(this).attr("href");
$(this).parents(".post").find(".pa-respect a[href='"+L+"']").click();
});};$(document).ready(function(){SetBTNClck();});$(window).load(function(){SetBTNClck();});};
</script>
     <!-- //End//-Правка репутации -->



<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: #111512;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 1px;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
  font-family: georgia; /* шрифт */
  font-size: 9px; /* размер текста */
  display: none;
  color: #dfdfdf; /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: lighter;
  text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
 <script src="http://s2.wordpress.com/wp-content/plugins/snow/snowstorm.js?ver=2" type="text/javascript"></script>

<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>

<div class="navigacia">
<!-- навигация 1-->
<div style="    
position: relative;
top: -127px;">
<form><select name="select" class="forminput? Hoverbuttons1" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="
    
    background-color: #312821;
    background-image: none !important;
    color: #d9d8c2;
    height: 25px;
    width: 230px;
    font-family: Oranienbaum!important; 
letter-spacing: 4px;  
    font-size: 12px}">
<option>НАВИГАЦИЯ</option>
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=13">• Правила</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=55">• FAQ</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=2">• Сюжет</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=5">• Нужные</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=10">• Список ролей</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=11">• Внешности</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=16">• Должности</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=1990">• Гостевая</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=1486">• Магические семьи</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=18">• Годы выпуска </option>
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=32">• Учетность постов</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=29">• Вопросы и предложения</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=1546">• Обсуждение сюжета</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=67">• Перенос и закрытие тем</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=40">• Голосование за лучших</option> 
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=39">• Волшебный банк</option>  
<option value="http://imperiumaeternum.rolka.su/viewtopic.php?id=15">• Заклинания</option>
</select></form>
</div>
</div>

.plashka {
  display: inline-block;
      background: #dcdcd3;
    border:1px solid #b4b4ac !important;
    box-shadow: 0 0 20px 0 rgba(186,186,173,.5) inset, 2px 2px 10px 0 rgba(0,0,0,.11);
  color: #333;
  font: 600 8px montserrat;
  text-transform: uppercase;
  padding: 5px 10px;
  margin: 5px;
  min-width: 150px;
  transition: all .7s ease-in-out 0s
}

.plashka:hover {
  filter: invert(100%)
}

<center>
<a href="http://shoverthere.rusff.me/viewtopic.php?id=341#p35918"><div class="plashka" style="cursor: pointer;"><span>акция: Teen Wolf</span></div></a>
<a href="http://shoverthere.rusff.me/viewtopic.php?id=338#p35545"><div class="plashka" style="cursor: pointer;"><span>упрощенка для всех</span></div></a>
<a href="http://shoverthere.rusff.me/viewtopic.php?id=26#p35552"><div class="plashka" style="cursor: pointer;"><span>новости</span></div></a>
<a href="http://shoverthere.rusff.me/viewtopic.php?id=100#p3029"><div class="plashka"><span>глоссарий</span></div></a>
</center>