[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">
<img src="https://forumupload.ru/uploads/0007/e3/f7/7907/68281.png" id="export">
<a class="tip" id="cover" title="Дизайн для MYBB Tales of Runterra">
<div id="icon"></div>
<img src="https://forumupload.ru/uploads/0007/e3/f7/7907/68281.png" class="postimg">
</a>
<div id="cover-block">
Дата: 2016 год<br>
Автор: <a href="/profile.php?id=7907" target="_blank">Fumuse</a><br>
Платформа: MyBB<br>
Бесплатный дизайн<br>
Описание: Дизайн для MyBB форума в синих, бежевых, золотых тонах.
</div>
</div>
<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика - цитаты, спойлер, код"><img src="https://i.imgur.com/2sy7AYh.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница списка топиков"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/854371.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Форма ответа"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/859499.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Анимация аватара по умолчанию"><img src="https://i.gyazo.com/6c3ff4e539289afc2ecb431f35a02d31.gif" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Эффект при наведении в меню"><img src="https://i.gyazo.com/cb5fe1083114d50a68dcbac14f89ac63.gif" class="postimg"></a></section>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
</style>[/html]
ГРАФИКА И ВЕРСТКА
Простой дизайн в фентезийном стиле по мотивам игры "Лига легенд".
Фиксированная ширина форума с шапкой, переходящей в фон.
В шапку встроена аватарка пользователя.
Подгрузка нестандартных шрифтов.
Оформлен мини-профиль в топике.
Имеется анимированный аватар по умолчанию.
Сделан красивый эффект при наведении на верхнее меню навигации.
Стилизована полоса прокрутки.
Цветовая гамма: синий, бежевый, золотой.
В наличии PSD и все нестандартные шрифты.
На скриншотах не видно, но также имеются картинки для кнопочек вверх-вниз.
РЕКОМЕНДАЦИИ ОТ АВТОРА
Профиль в сообщениях (в темах) адекватно отображается только если поля профиля изначально стоят в порядке: "Аватар -> Автор -> Статус -> Всё остальное".
# увеличивается по клику
Также в кодах немного полетела кодировка, поэтому комментарии на кириллице отображаются в виде "??????". На работу никак не влияет, просто небольшая деталь.
- Подпись автора
"You don't need to be protected,
Because nothing shocks you any more." © Mesh
