[html]<!-- Русский  -->
<div id="port-block1" class="saled rus">

<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 rus">
<a class="tip" title="Главная страница"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_1.jpg" class="postimg"></a>
<a class="tip" title="Главная страница Блога (Новости сайта)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_4.jpg" class="postimg"></a>
<a class="tip" title="Страница Гостевой книги (Отзывы)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_5.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_6.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_7.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_8.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_9.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_10.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_11.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_12.jpg" class="postimg"></a>
<a class="tip" title="Страница товара - Фоновое изоброжение вместо картинки товара"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_13.jpg" class="postimg"></a>
</div>

<!-- English  -->
<div id="port-block1" class="saled eng">
<a class="tip" id="cover" title="Online store of game services World of Warcraft Boost4Gamers">
  <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 eng">
<a class="tip" title="Home Page"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_1.jpg" class="postimg"></a>
<a class="tip" title="Blog Home Page (Site News)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_4.jpg" class="postimg"></a>
<a class="tip" title="Guestbook Page (Reviews)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_5.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_6.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_7.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_8.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_9.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_10.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_11.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_12.jpg" class="postimg"></a>
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_13.jpg" class="postimg"></a>
</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);}
</style>

<style>#pun-viewtopic h1 {display:none;}</style>

<!-- Добавляем селекторы  -->
<script type="text/javascript">
$('.spoiler-box:contains("подробное описание")').addClass('rus');
$('.spoiler-box:contains("detailed description")').addClass('eng');
</script>[/html]

подробное описание

Платформа: Ucoz

ГРАФИКА
По предпочтениям заказчика стиль оформлен в светлой цветовой гамме. Оформление выполнено нейтрально, чтобы акцент был не на орду или альянс, но и чтобы понятно было что сайт посвящен игре World of Warcraft. В цветовой гамме соблюден стиль официальных сайтов Blizzard - ярко, но ненавязчиво.
Разработано фирменное лого.
Помимо основных шапок для сайта (для главной страницы и уменьшенной в размере версии для остальных страниц), сделано свыше 40 фоновых изображений для страниц товаров.
Также сделаны шаблоны и картинки для товаров, новостей и слайдера.

ВЕРСТКА
Разработан шаблон для всех страниц и модулей сайта индивидуально с нуля. Постраничная верстка. Задействованные модули: Интернет магазин, Гостевая книга и Новости сайта.
В качестве "фишки" оформлении Интернет-магазина взята идея с официального магазина игр Blizzard - вместо стандартных картинок на странице каждого товара отображается уникальный фон (подходящий под описание товара).
Новостной модуль оформлен в стиле новостей на официальных игровых сайтах Blizzard.

ТЕХНИЧЕСКОЕ ОСНАЩЕНИЕ
Настроены все модули сайта. На главную страницу встроен слайдер для рекламы товаров и акций.
Также разработано переключение языков Русский/Английский с идентификацией сраны пользователя. Переключение языков осуществляется без помощи дубль-сайта Ucoz - все на одном ресурсе. Выполнялось методом уникальных шаблонов для недублируемых модулей, в которые встроены как русская версия каждого текста, так и английская.

detailed description

Engine: Ucoz

GRAPHICS
According to the customer's preferences, the style is decorated in light color. The design is neutral, so that the emphasis is not on the horde or alliance, but also to make it clear that the site is dedicated to the game World of Warcraft. I respected the style of official Blizzard sites - brightly, but unobtrusively.
The company logo was developed.
In addition to the basic headers for the site (for the main page and a smaller version for the other pages), over 40 background images for product pages were made.
Templates and pictures for goods, news and sliders are also made.

LAYOUT
A template for all pages and modules of the site was developed individually from scratch. The modules: Internet shop, Guestbook and Site news.
As an twist for the design of an online store, i took the idea from the official Blizzard game store - instead of the standard pictures on the page of each product, we made a unique backgrounds (suitable for the description of the product).
The news module is designed in the style of news on the official Blizzard's game sites.

SCRIPTS
All site modules are configured. The homepage has a slider for advertising goods and shares.
Also, i developed the switching of Russian/English languages with the identification of the user's country. Switching languages is done without the help of the double-site Ucoz - all on one resource. It was performed by the method of unique templates for non-duplicated modules, in which both the Russian version of each text and the English version are embedded.