ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



Фентези стиль для форума Fairy Fantasy

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

1

[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/2/112983.jpg" id="export">
<a class="tip" id="cover" title="Фентези стиль для MyBB форума Fairy Fantasy">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/2617/51195.jpg" class="postimg">
</a>

<div id="cover-block">
Дата: 23.04.2012<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Стоимость: 580р<br>
Бесплатный дизайн<br>
Описание: Фентези стиль для MyBB форума Fairy Fantasy<br>
В наличии три варианта расцветки и таблица для фиолетового варианта стиля.
</div>

</div>

<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Фиолетовый стиль - страница списка тем"><img src="https://forumupload.ru/uploads/0007/e3/f7/2617/491560.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/460252.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/474263.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/386674.jpg" 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;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
</style>[/html]

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

От автора
Большая просьба: не удаляйте копирайт FD.
Копирайт совсем скромный и сделан текстом. Если совсем мешает, то измените его стиль через #FD_copyright {....}
Еще хочется сказать, что стиль не самый быстрый - графики достаточно много и сделана она не экономично. Зато вы можете сами с помощью макета переделать дизайн, если появится желание сделать стиль более легким.
При выявлении ошибок пишите комментарии, будем исправлять.

ГРАФИКА
Выдержана темная цветовая гамма в фентези-стиле. Макет делался с использованием готового клипарта и бесплатных артов из сети.
В наличии три варианта реколора стиля и элементов: фиолетовый, зеленый и красный.
В полном архиве стиля есть все исходники и PSD.

ВЕРСТКА
Дизайн исполнен с окантовками форумных таблиц и информационных блоков, также "тело" форума отделяется от фона текстурой.
Сам стиль подгружается целиком и полностью через HTML-верх.
Для фиолетового дизайна создана стилизованная таблица.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Герда (12.09.2015 04:15:25)

+14

2

Заметила, если использовать скрипт разделения тем на блоки, то дизайн будет отображаться таким образом

скрин 1

http://uploads.ru/t/M/E/Y/MEYax.jpg

Можно ли как-нибудь убрать/заменить белые полоски, чтобы все выглядело красиво?

И еще в заголовке темы можно ли немного "поднять" надписи "ответить" и "страница" (на скрине обозначены красным) 

скрин 2

http://uploads.ru/t/e/v/Y/evYu4.jpg

+2

3

Физ написал(а):

Можно ли как-нибудь убрать/заменить белые полоски, чтобы все выглядело красиво?

в скрипте разделения тем на важные и простые есть свои CSS-настройки.
кинь ссыль на форум - я подскажу, что менять в скрипте.

кнопочки ща подниму

0

4

вот ссылка http://fraterlupus.mybb.ru/

0

5

Герда
у меня горизонтальная прокрутка, не айс :(
http://uploads.ru/t/J/s/C/JsCh6.jpg

+1

6

Физ
обнови CSS-код который вверх над вставлять - поправила кнопки и убрала нижнюю прокрутку у низких разрешений.

Физ написал(а):

вот ссылка http://fraterlupus.mybb.ru/

а скрипт-то там стоит?
если да, то можешь какую-нить тему в разделе "архив" выделить, чтоб я могла покопаться в настройках, плз?

0

7

Герда написал(а):

обнови CSS-код который вверх над вставлять - поправила кнопки и убрала нижнюю прокрутку у низких разрешений.

Обновила

Герда написал(а):

а скрипт-то там стоит?
если да, то можешь какую-нить тему в разделе "архив" выделить, чтоб я могла покопаться в настройках, плз?

Выделила тему "Квест" Морской волк" и если будет проще, то скидываю сюда сам скрипт. Он под спойлером

Код:
[spoiler="..."]<!--Начало разделение на блоки-->
<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="Важные темы"
im.style.color="#0000FF"
im.style.backgroundColor="#FFFFFF"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="Темы форума"
normal1.style.color="#0000FF"
normal1.style.backgroundColor="#FFFFFF"
normal1.colSpan="4"
}}}
</script>
<!--Конец разделение на блоки-->[/spoiler]

0

8

попробуй:

Код:
<!--Начало разделение на блоки-->
<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="Важные темы"
im.style.color="#c7bf8e"
im.style.backgroundColor="#000000"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="Темы форума"
normal1.style.color="#c7bf8e"
normal1.style.backgroundColor="#000000"
normal1.colSpan="4"
}}}
</script>
<!--Конец разделение на блоки-->

ваще (если вдруг не понравится мой вариант) в скрипте есть вот такие строчки:

...
im.innerHTML="Важные темы"
im.style.color="#0000FF"
im.style.backgroundColor="#FFFFFF"
...
normal1.innerHTML="Темы форума"
normal1.style.color="#0000FF"
normal1.style.backgroundColor="#FFFFFF"
...

синее - текст (можно поменять на свой)
красное - цвет текста
зеленое - цвет фона

Физ написал(а):

Обновила

стопудоф не обновлен.

+1

9

Герда
спасибо большое) Очень красивый дизайн, я на него до сих пор налюбоваться не могу)

0

10

Физ
да он по статье делался...
поэтому уж очень недоделанный. так что, пиши - наверняка там еще найдется что-нибудь, что нужно допилить. http://uploads.ru/i/K/Z/U/KZUwI.gif
пока дизайн поместился всего-то в 50 с лишним строчек кода http://uploads.ru/i/6/p/i/6pin5.gif

0

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

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


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

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."