Акция! Дизайн «MyBB Technical Support»
[html]<link rel="stylesheet" href="http://gerda.moy.su/MyBB_files/important/rus-port.css">
<div id="port-block1" class="saled">
<a class="tip" id="cover" title="Интернет-магазин внутреигровых услуг World of Warcraft">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_COVER.jpg" class="postimg">
</a>
</div>
<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница Блога (Новости сайта)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница Гостевой книги (Отзывы)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_6.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_7.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_8.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_9.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_10.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_11.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_12.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница товара - Фоновое изображение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_13.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]
ГРАФИКА
По предпочтениям заказчика стиль оформлен в светлой цветовой гамме. Оформление выполнено нейтрально, чтобы акцент был не на орду или альянс, но и чтобы понятно было что сайт посвящен игре World of Warcraft. В цветовой гамме соблюден стиль официальных сайтов Blizzard - ярко, но ненавязчиво.
Разработано фирменное лого.
Помимо основных шапок для сайта (для главной страницы и уменьшенной в размере версии для остальных страниц), сделано свыше 40 фоновых изображений для страниц товаров.
Также сделаны шаблоны и картинки для товаров, новостей и слайдера.ВЕРСТКА
Разработан шаблон для всех страниц и модулей сайта индивидуально с нуля. Постраничная верстка.
В качестве "фишки" оформления Интернет-магазина взята идея с официального магазина игр Blizzard - вместо стандартных картинок на странице каждого товара отображается уникальный фон (подходящий под описание товара).
Новостной модуль оформлен в стиле новостей на официальных игровых сайтах Blizzard.ТЕХНИЧЕСКОЕ ОСНАЩЕНИЕ
Настроены все модули сайта. На главную страницу встроен слайдер для рекламы товаров и акций.
Также разработано переключение языков Русский/Английский с идентификацией сраны пользователя. Переключение языков осуществляется без помощи дубль-сайта - все на одном ресурсе.
