TrueZlober - Design, Gaming, Streams

Объявление

Акция! Дизайн «MyBB Technical Support»

Stock! MyBB Technical Support Design

Дизайн для форума в тематике компьютерных сообществ или технической поддержки.
Стоимость при покупке эксклюзивно: 2000р 1200р.
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Design for forum in the style of computer communities or technical support.
Exclusive purchase price: 33$ 19$.
40% discount. The cost includes adjusting and editing the design.

Подробнее Details

Дизайн «Warlords of Draenor»

Design «Warlords of Draenor»

Детализированный rpg-дизайн для форума гильдии «Warlords of Draenor».
Стоимость при покупке эксклюзивно: 6300р.
В стоимость входит настройка и корректировка дизайна под ваш проект.

Detailed rpg design for the guild forum «Warlords of Draenor»
Exclusive purchase price: 40$

Подробнее Details

Светлый дизайн в фентези стиле с аниме-графикой

Light fantasy design with anime graphics

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*.
Дизайн продается эксклюзивно (в одни руки).

Layout for light design in fantasy style with anime graphics.
Prise: 42$*.
The design will be sold exclusively (in one hand).

Подробнее Details

Дизайн для форума гильдии WoW Exodar

Design for Guild Forum WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Detailed rpg-design for the Guild Forum in Exodar style.
Prise: 60$*
The cost includes adjusting and editing the design.

Подробнее Details

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » TrueZlober - Design, Gaming, Streams » Портфолио » Адаптивный дизайн для сайта гильдии


Адаптивный дизайн для сайта гильдии

Сообщений 1 страница 2 из 2

1

[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="Адаптивный дизайн для сайта гильдии">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/BGuild/BGuild_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/BGuild/BGuild-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/BGuild/BGuild-2.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/BGuild/BGuild-3.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/BGuild/BGuild-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/BGuild/BGuild-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/BGuild/BGuild-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/BGuild/BGuild-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/BGuild/BGuild-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/BGuild/BGuild-9.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 и арты по игре.
Постраничная индивидуальная верстка дизайна с нуля. Полная переработка интерфейса движка под нужды заказщика. Не смотря на бесплатный движок, сайт выглядит как сделанный на профессиональной платформе.
К форуму привязан сайт-визитка. Создано отдельное меню навигации по страницам сайта с юзер-панелью и выпадающим меню навигации форума.
Дизайн страниц сайта отличается от стиля форума. Стилистика дизайна сайта вдохновлена официальным сайтом World of Warcraft, а форум разрабатывался в минималистичном стиле, похожим на Discord, без четкого обозначения принадлежности к игре.
Дизайн сайта и форума полностью адаптивен на любых устройствах.
На форуме встроен фиксированный сайд-бар, который содержит: ссылку на главную страницу, выпадающие меню навигации и юзер-меню, юзер-панель с данными пользователя и стрелками прокрутки страницы вверх/вниз.
Также на главной странице есть дополнительный сайдбар с важными ссылками и последними сообщениями форума.
Категории и правый сайд-бар оборудованы скриптами сворачивания.
Сделана нестандартная верстка сообщений топика с скриптом сворачивания информации профиля и индикатором пользователя онлайн/офлайн.
Фирменная верстка страниц редактирования профиля и личных сообщений.

0

2

мне мобильный стиль очень нравится

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."
ATTENTION! When contacting technical support with questions about scripts/design, leave a link to the forum/site with a problem! The specialist must see the problem in order to suggest how to solve it.

ATTENTION! Guests (not registered on the forum) can post messages, but cannot insert direct links! To leave a message with a link to a website, forum or a screenshot, remove the characters: "http://", "https://" или "www."


Вы здесь » TrueZlober - Design, Gaming, Streams » Портфолио » Адаптивный дизайн для сайта гильдии