[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css?v=13">
<script>$('#pun-viewtopic #pun-crumbs1').after('<div class="superlink"><a href="/pages/portfolio">Портфолио команды</a></div>');</script>
<div id="port-block1" class="saled">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/651350.jpg" id="export">
<a class="tip" id="cover" title="Дизайн для гильд-сайта на платформе MyBB в стиле сайта Wowhead">
<div id="icon"><div id="my-ic" class="material-icons">lock</div></div>
<img src="https://forumupload.ru/uploads/0007/e3/f7/2617/722946.jpg" class="postimg">
</a>
<div id="cover-block">
Дата: 16.07.2016<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Платформа: MyBB<br>
Стоимость: 2000р<br>
Описание: Дизайн для гильд-сайта на платформе MyBB в стиле сайта Wowhead <br>
<a id="store" href="http://deadlyswamp.rolka.su/" target="_blank">ДЕМО</a>
</div>
</div>
<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница сайта: лента сообщений с форума, панель рекрутинга, плашка прогресса гильдии и юзер-панель как на входе"><img src="https://forumupload.ru/uploads/0007/e3/f7/2617/105935.jpg" 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/2617/636616.jpg" 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/2617/231599.jpg" 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/2617/59881.jpg" 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/2617/842905.jpg" class="postimg"></a></section>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #e63737;
background-color: rgba(230,55,55,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(230,55,55,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(230,55,55,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(230,55,55,0.8); color: #fff !important;}
</style>[/html]
ГРАФИКА
Создан макета сайта - в дизайне использована стилистика сайта http://www.wowhead.com/ 2015-2016 годов.ВЕРСТКА и ТЕХНИЧЕСКОЕ ОСНАЩЕНИЕ
Постраничная верстка дизайна на основе стиля MyBB.ru по умолчанию.
Резиновая верстка (отображение сайта подстраивается по ширине экрана пользователя).В шапку встроено кликабельное лого сайта.
Навигация "хлебные крошки" перенесена над шапкой форума, также на страницу добалено выподающее юзер-меню в стиле сайта wowhead.Сайт
К форуму привязан сайт-визитка на базе функционала форума "страницы". Создано отдельное меню навигации по страницам сайта.
На главную страницу встроен скрипт отображения последних сообщений форума в виде ленты, а также блок "рекрутинга в гильдию" и графическое оформление текущего прогресса гильдии. Также оформлен минималистичный контент других страниц.
Также сайт оснащен всплывающими подсказками.Форум
При переходе на форум отображается форумное меню навигации и другие ссылки юзер-меню (не вошежшие в юзер-панель пользователя).
Таблицы категорий форумов и списка тем сверстаны по аналогии с форумами wowhead, полностью изменена стандартная верстка этих элементов. Индивидуальные иконки для разделов на главной странице форума и минималистичные иконки топиков на странице списка тем.
Топики также переоформлены в соответствии со стилистикой сайта wowhead. Сделана заливка блока сообщения с выделением даты поста. Поверх выделяется профиль с окантовкой статуса под аватаркой и выделением полей профиля. Изменено стандартное отображение рейтинга поста и встроен скрипт аватары по умолчанию.
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.