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

Объявление

Абсолютный ролевой каталог Эдельвейс

Объединяем ТРПГ вне зависимости от площадки их проведения.
Удобная мобильная версия и понятная система рейтингов.

На сайт

Акция! Индивидуальный дизайн бесплатно

Доработаем макет под ваш проект;
Сверстаем и оснастим;
По желанию сделаем мобильную версию.

Подробнее

Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от команды FD

Спойлеры и обсуждение

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

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

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

Подробнее

PROMOTION: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you have a desire to help us make our project better:
Become a moderator
SuggestionsReviews

Details
Голосование! "О чём думает новогодняя ёлка?" 🎄🎄🎄 Пожалуйста, отметьте работы которые вам понравились.
Голосование! Интерфейс и взаимодействие! Просьба проголосовать за понравившийся вариант.
⚡ Объявляется поиск верстальщика и дизайнера в команду ForumD! Узнать детали и подать заявку. ⚡
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :) If you're english-speaker and want you use our forum, switch to the russian language. That is temporary, until the works with multi-language option will be over. Sorry for the inconvenience.

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

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


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


Установка нескольких стилей без подгрузки файлов

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

1

portfoliopost

FDteam-portf

freepost

https://forumupload.ru/uploads/0007/e3/f7/6822/899471.jpg

Скрипт установки нескольких стилей с общей разметкой в css-стилях ("свой стиль" на форумах Mybb.ru)

Дата: 21.05.2020

Платформа: любая

Автор: satsana

Стоимость: БЕСПЛАТНО

https://i.imgur.com/zGKq8k3.gif https://i.gyazo.com/46159ca388ec04e1bbb29cf623dd88f9.png

код и описание

Скрипт служит для установки нескольких стилей в форму "Свой стиль" без необходимости подгрузки и замены стилевых файлов.
Устанавливает класс для элемента body. Предполагает наличие общей разметки у всех установленных стилей, смену стилевых настроек отдельных элементов (как правило, это цвета фона, шрифта и рамок, картинки бэкграунда) в зависимости от выбранного пользователем стиля.
По умолчанию кнопки устанавливаются в начало body, однако по желанию их можно разместить и в других блоках. Например, в #html-header (html-верх) или сделать их выпадающим списком главного меню.

Код скрипта устанавливается в блок "HTML верх" (в разделе "Формы"):

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

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

Список доступных стилей и соответствующих им классов хранится в переменной styleList, заполняется по образцу, приведённому в начале скрипта. Вы можете оставить название стиля пустым, если не хотите отображения надписей и предпочитаете оформление кнопок стилем. Также вместо текстовой надписи вы можете использовать любые html-теги, например, сразу добавить кнопку-картинку:

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

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

Примерный стиль для расположения кнопок в левом верхнем углу форума (может быть размещён в своём стиле или в блоке <style>...</style> перед скриптом):

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

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

Пример стилизации кнопок через css:

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

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

Для того, чтобы кнопки добавились не в тело форума, а в блок #html-header, разместите в форме html-верх следующий код:

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

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

Для размещения кнопок смены стиля в виде выпадающего списка главного меню, нужно добавить дополнительный пункт меню:

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

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

Обратите внимание, что для корректного отображения такого списка вам нужно будет стилизовать выпадающее меню.

Switch-переключатель. Демо:

https://i.imgur.com/zGKq8k3.gif

Скрипт:

Код:
<!-- Смена стиля, (с) ForumD.ru, satsana, модификация от Fumuse -->
<script type="text/javascript">
const styleList = [{
	class: 'day',
	name: 'День'
},
{
	class: 'night',
	name: 'Ночь'
}];

function getCookie(a) {
	return (a = document.cookie.match(new RegExp("(?:^|; )" + a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") + "=([^;]*)"))) ? decodeURIComponent(a[1]) : void 0
}

function setStyle(a) {
	$("body").attr("class", a);
	selStyle = a;
	document.cookie = "selStyle=" + a + "; max-age=2592000";
}

let selStyle = getCookie("selStyle");
selStyle && setStyle(selStyle);

function darkLight () {
	if (styleList[1]["class"] === selStyle) {
    $('#checkBox').prop("checked", false);
    setStyle(styleList[0]["class"]);
	} else {
    $('#checkBox').prop("checked", true);
    setStyle(styleList[1]["class"]);
	}
}

$(document).pun_mainReady(function () {
	if ($("#stylelist").length || $("body").prepend('<ul id="stylelist"></ul>')) {
    $("#stylelist").append('<label class="switch">\n' +
    '<input type="checkbox" onclick="darkLight();" id="checkBox" ' +
    (styleList[1]["class"] === selStyle ? 'checked' : false) + '>\n' +
    '<span class="slider"></span>\n' +
    '</label>');
	}
});
</script> <!-- Смена стиля - END -->

Стиль (с codeopen):

Код:
/*TOGGLE COLORS*/
.dark {
  background: #545454;
  color: #efefef;
}
p {
  background: none !important;
}
/*SWITCH*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  align-self: center;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider {
  border-radius: 30px;
}

.slider:before {
  border-radius: 50%;
}

Если вы пытаетесь установить блок с кнопками смены стиля в подвале или хотите использовать скрипт на другой платформе, и кнопки не появляются - найдите в коде скрипта pun_mainReady и замените на ready.

Стиль, используемый по умолчанию, пишется как обычно, без указания стилевого класса, и размещается в полях "своего стиля". Для изменения стилевых настроек отдельных элементов нужно добавить эти настройки в стиль ниже основных с добавлением в начало селектора стилевого класса.
Допустим, вы собираетесь использовать два стиля: Светлый с классом light и Тёмный с классом dark. По умолчанию выбрали светлый стиль. Все его настройки прописываются как обычно, без указания класса light. По умолчанию вы прописываете фон и цвет шрифта для какого-то элемента так, как он должен выглядеть в светлом стиле. Для примера возьмём блок объявления:

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

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

Для того, чтобы эти параметры изменились в тёмном стиле, дописываем чуть ниже, добавив в начало селектора класс .dark:

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

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

Если стилей больше двух - дальше по тому же принципу дописываем настройки для остальных. И так для всех элементов, отображение которых будет меняться в разных стилях. Если в отдельном стиле какой-то элемент не меняется - ничего не прописывайте, будут использованы настройки по умолчанию.
Исключение составляет элемент body, для него стилевой селектор будет выглядеть так: body.dark {}. А также элемент html - изменить его настройки с помощью этого скрипта не получится, поэтому воздержитесь от прописывания в нём фонов и цвета шрифта.

Очевидный момент на который будет не лишним указать: если у вас в коде есть перечисление нескольких селекторов через запятую (например .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {}), то стилевой селектор надо ставить в начале строки и после КАЖДОЙ запятой (например .dark .punbb .formsubmit input, .dark .punbb .formsubmit a, .dark .punbb .formsubmit span {})

Желаю всем хорошего настроения и прекрасных дизайнов!

+14

2

По идее можно дать наверно ссылку на кузнечик? Как демо реализации
2-е Подсказать что стили для отдельных частей можно рисовать в отдельных файлах независимо и подгружать через  @import (ибо длинные файлы в Админке читать весьма неудобно. особенно с телефона) (Мой пост можешь удалить  :flag:

+1

3

Всё работает, довольно просто установилось! Я зря боялась этого скрипта!
Спасибо огромное!

+3

4

Deff, на Кузнечике на самом деле немного другая реализация. Хотя идея ставить стили не заменой файла, а селектором, родилась именно тогда, тогда же была написана основа для этого. Я с самого начала хотела реализовать это отдельным универсальным скриптом с возможностью ставить кнопки в любое место, но там эта идея в итоге разрослась до того вот кода, который ставит верхнее меню, плюс подгрузка видюшек на главную добавилась. А сейчас вот я решила вернуться к изначальной идее и выложить то, что можно на любой форум поставить.

#p150031,Deff написал(а):

стили для отдельных частей можно рисовать в отдельных файлах

Не. Идея как раз в том, чтобы отдельных файлов не было, а все возможные цветовые решения для одного и того же элемента лежали рядышком, друг за другом в общей форме. Их так редактировать удобнее. Во втором окне стиля обычно только цвета и картинки бэкграундов прописываются, так что кода там немного. Оно не лопнет, если туда несколько цветовых решений вписать. Ну и - это же по сути своей один стиль с общей базовой разметкой. Зачем его на отдельные файлы разбивать и искать эти файлы потом среди загруженного? Имхо, стандартного разделения на разметку и цвета вполне достаточно.
Так-то конечно никто не мешает хоть весь стиль целиком в подключаемый файл воткнуть, если тебе так с ним работать удобнее... Но большинству таки удобнее в окошках в одном месте всё это держать.

#p150035,Automation Baby написал(а):

Всё работает, довольно просто установилось! Я зря боялась этого скрипта!
Спасибо огромное!

И тебе спасибо - за отзыв. : )) Я старалась, чтобы всё было просто и понятно.

+4

5

#p150040,satsana написал(а):

И тебе спасибо - за отзыв. : )) Я старалась, чтобы всё было просто и понятно.

Я бы добавила чтобы убедились что есть вот это в первом окне стиля:

Код:
@import url(style_cs.css);

Такое пояснение для таких как я...

+1

6

#p150072,Automation Baby написал(а):

Я бы добавила чтобы убедились что есть вот это в первом окне стиля:

Ммм... Дело в том, что по умолчанию это там всегда есть, если второе окно стиля используется. Это базовая фишка майбб-дизайнов, штатное подключение второго файла. С этой штукой сталкиваются те, кто пишет стиль с нуля впервые - или владельцы дизайнов, где "цветовое" окно стиля по каким-то причинам не использовалось. Вот на НОЛФ скорее всего импорт был, но ссылался он не на второе окно стиля, а на подключаемые файлы.
В общем, к данному конкретному скрипту эта ситуация не имеет отношения. Фраза "стиль пишется как обычно" - уже предполагает использование этого "импорта".
Добавлено спустя 5 минут 18 секунд: Ты в шаге от того, чтобы стать верстальщиком стилей для майбб.ру! У тебя есть преимущество перед теми, кто уже знает css, но ещё не работал с нашими форумами. Ты знаешь, как подключить второе окно "своего стиля"! ;)

+3

7

satsana
Добра!

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

И у меня вопрос: возможно ли перемещение кнопок-переключалок не в шапку/объявление, а в низ/подвал форума? Переключение не всегда нужно, но и наверх его не всегда удобно втыкать. А внизу эти кнопки (или список) не мешаются и всегда доступны в случае чего )

+2

8

Шиповник
Позвала Сатсану, она сказала вечером ответит.

+1

9

Шиповник, и вам добра! Спасибо за тёплый отзыв. : )

#p164901,Шиповник написал(а):

И у меня вопрос: возможно ли перемещение кнопок-переключалок не в шапку/объявление, а в низ/подвал форума?

Да, это возможно. Я так понимаю, добавлять stylelist в разные места вы уже пробовали, и не сработало именно в подвале? Для преодоления этого недоразумения найдите в коде скрипта pun_mainReady и замените на ready. После этого <ul id="stylelist"></ul> должно срабатывать и в подвале тоже.
Дело в том, что триггер pun_mainReady срабатывает выше него. Это сделано специально для ускорения запуска кодов, которые должны срабатывать после загрузки основного контента форума, но до запуска скриптов в подвале.
Добавлено спустя 8 минут 16 секунд: Это может быть также актуально при установке скрипта на другие платформы, где такого триггера нет. Благодарю за наводку, сейчас добавлю это в описание.

+4

10

satsana
Шикарно! Да, теперь все получилось, благодарю )

Прежде при перемещении stylelist в подвал - он брыкался, сбивал все свои настройки отображения и просто выкидывал себя наверх - в одну линию от края до края браузерного окна ))

+2

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

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


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

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

Теги оформления специальных постов

Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],
Красный пост[block="saledpost"]saledpost[/block],
Синий пост[block="forsalepost"]forsalepost[/block],
Зеленый пост[block="freepost"]freepost[/block],

Пост без профиля[block="no-prof"]no-prof[/block],
Портфолио FD[block="FDteam-portf"]FDteam-portf[/block],

Теги оформления картинок

Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px

Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]
Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]
Продажа[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]
Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Превью: Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px

Блок для превью[block="morepics"],[/block]

Разноцветные картинки-ссылки: Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)

Блок для картинок-ссылок[block="port-block"],[/block]
Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Теги оформления контента

Блок контента спец-поста[block="texts"],[/block]

Обведенный текст[block="details"] [block="det"],[/block] [/block]
Добавить еще блок[block="det"],[/block]

Кнопки[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]
Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]
Оранжевая кнопка[block="store"][url=ссылка]текст,[/url][/block]

добавить работу [block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block]

Иконки:

lock[block="icon material-icons"]lock,[/block]

[block="icon fa-solid fa-sack-dollar"],[/block]

[block="icon fa-solid fa-gift"],[/block]

ТЕГИ (вставить в p-out через пробел)
Тип работы:

под заказ saled,

на продажу forsale,

бесплатно free,



Основная категория:

Вебдизайн dis,

(для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)

Графика graf,

(для графона, НЕ включающего кодинг/скрипты)

Скрипты/коды code,

(для готовых разработок и работы по верстке/кодингу)

Мини-фильтры дизайнов:

адаптивные mob,

ролевые игры frpg,

компьютерные игры game,

нейтральные flat,

Подкатегории:

Дизайн форумов/сайтов fulldis,

(для полных работ по дизайну)

Макеты layout,

(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)

Верстка dis-code,

(для работ по верстке чужих дизайнов или отдельных штук)

Соц-сети/стримы graf-s,

(графон для оформления соцсетей/стримов)

Ролевая графика/арт art,

(для мелкой графики)

Javascript/CSS js,

(для скриптов или выложенных цсс кодов)

Бесплатный диз от FD [block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Платный диз от FD [block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Дизайн от юзеров [block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

ТЕГИ (вставить в p-out через пробел)
Платформа:

MyBB.ru mybb-ru,

Макет (любая платформа) any,



Параметры:

+ PSD psd-in,

(в наличии макет помимо кодов)

+ адаптивка mob,

(есть версия для мобилок)
Тематика:

нейтральные flat,

ролевые игры frpg,

компьютерные игры game,

фентези fant,

аниме anime,

кино/сериалы kino,

стимпанк/киберпанк cyb,

мультфильмы kids,

животные cats,



Цвета:

тёмные darkst,

светлые light,

яркие bright,

добавить скрипт/код [block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block]

Иконки:

[block="icon fa-brands fa-js"],[/block]

[block="icon fa-brands fa-css3-alt"],[/block]

[block="icon fa-regular fa-file-lines"],[/block]

[block="icon fa-solid fa-file-code"],[/block]

[block="icon fa-solid fa-file-invoice-dollar"],[/block]

ТЕГИ (*значение в скобках вставить в SCRBLOCK через пробел)
Тип кода:

скрипт (js)[block="js"]скрипт, js[/block]

css код (css)[block="css"]css код, css[/block]

HTML/CSS шаблоны (shab)[block="shab"]HTML/CSS шаблоны, shab[/block]

Модули/Расширения (global)[block="global"]Модули/Расширения, global[/block]

Платформа:

MyBB.ru (mybb-ru)[block="mybb-ru"]MyBB.ru, mybb-ru[/block]

Любой движок (any)[block="any"]Любой движок, any[/block]

Тип для форума:

Пользователи (users)[block="users"]Пользователи, users[/block]

Профиль (userprof)[block="userprof"]Профиль, userprof[/block]

Доп. поля профиля (adfield)[block="adfield"]Доп. поля профиля, adfield[/block]

Аватары (avatars)[block="avatars"]Аватары, avatars[/block]

Репутация (repa)[block="repa"]Репутация, repa[/block]


Группы (groups)[block="groups"]Группы, groups[/block]

Гoсти (guest)[block="guest"]Гoсти, guest[/block]

Администраторы (admins)[block="admins"]Администраторы, admins[/block]

Модераторы (moders)[block="moders"]Модераторы, moders[/block]


Регистрация (regis)[block="regis"]Регистрация, regis[/block]

Личные сообщения (ls)[block="ls"]Личные сообщения, ls[/block]

Вход (login)[block="login"]Вход, login[/block]

Подписки (subsc)[block="subsc"]Подписки, subsc[/block]


Поиск (search)[block="search"]Поиск, search[/block]

Цитирование (quotes)[block="quotes"]Цитирование, quotes[/block]

Пагинация (pagin)[block="pagin"]Пагинация, pagin[/block]

Опросы (polls)[block="polls"]Опросы, polls[/block]

Смайлы (smiles)[block="smiles"]Смайлы, smiles[/block]


Фикс скриптов QuadroBoards (qbfix)[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]

Страница форума:

На всех страницах (allpages)[block="allpages"]На всех страницах, allpages[/block]

Страницы (созд. в админке) (fpages)[block="fpages"]Страницы (соз. в админке), fpages[/block]


Главная страница (mainpage)[block="mainpage"]Главная страница, mainpage[/block]

Объявление (announ)[block="announ"]Объявление, announ[/block]

Категории (categ)[block="categ"]Категории, categ[/block]

Форумы (forums)[block="forums"]Форумы, forums[/block]

Статистика (stats)[block="stats"]Статистика, stats[/block]


Список тем (topiclist)[block="topiclist"]Список тем, topiclist[/block]

Страница профиля (profpage)[block="profpage"]Страница профиля, profpage[/block]


Тема (topics)[block="topics"]Тема, topics[/block]

Сообщения (posts)[block="posts"]Сообщения, posts[/block]

Контент сообщений (p-content)[block="p-content"]Контент сообщений, p-content[/block]

Рейтинг постов (p-repa)[block="p-repa"]Рейтинг постов, p-repa[/block]

Профиль автора поста (p-prof)[block="p-prof"]Профиль автора поста, p-prof[/block]


Форма ответа (fo)[block="fo"]Форма ответа, fo[/block]

Модификация ФО (fomod)[block="fomod"]Модификация ФО, fomod[/block]

Новые BB-теги (newbb)[block="newbb"]Новые BB-теги, newbb[/block]

Инструментарий спец тем/постов (spesh)[block="spesh"]Инструментарий спец тем/постов, spesh[/block]

Универсальные теги:

Дизайн/стиль (dis)[block="dis"]Дизайн/стиль, dis[/block]

Замена элементов/атрибутов (chan)[block="chan"]Замена элементов/атрибутов, chan[/block]

Загрузка (load)[block="load"]Загрузка, load[/block]

Переадресация (redir)[block="redir"]Переадресация, redir[/block]

Скроллинг (scroll)[block="scroll"]Скроллинг, scroll[/block]


Виджеты (vidjet)[block="vidjet"]Виджеты, vidjet[/block]

Меню (menu)[block="menu"]Меню, menu[/block]

Вкладки (ttabs)[block="ttabs"]Вкладки, ttabs[/block]

Галереи (gall)[block="gall"]Галереи, gall[/block]

Слайдеры (sliders)[block="sliders"]Слайдеры, sliders[/block]

Ротаторы (rotat)[block="rotat"]Ротаторы, rotat[/block]

Таймеры/даты (timers)[block="timers"]Таймеры/даты, timers[/block]

Спойлеры (spoilers)[block="spoilers"]Спойлеры, spoilers[/block]


Реклама (adv)[block="adv"]Реклама, adv[/block]

Изображения (pics)[block="pics"]Изображения, pics[/block]

Медиа (media)[block="media"]Медиа, media[/block]

Ролевые игры (frpg)[block="frpg"]Ролевые игры, frpg[/block]


Hover-эффекты (hover)[block="hover"]Hover-эффекты, hover[/block]

Анимация (anim)[block="anim"]Анимация, anim[/block]

Украшения (decor)[block="decor"]Украшения, decor[/block]

Праздники (seleb)[block="seleb"]Праздники, seleb[/block]


Ограничения/запреты (stops)[block="stops"]Ограничения/запреты, stops[/block]

Антикопирование (nocopy)[block="nocopy"]Антикопирование, nocopy[/block]

Уведомления (notif)[block="notif"]Уведомления, notif[/block]


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