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

Объявление

Контакты:

Instagram: a.schmidt1895
WhatsApp: +7(938)116-19-35

Подробнее

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Подробнее
Открыта регистрация участников лотереи "Ролевые заявки" за июль. Не пропустите! Cрок регистрации до 10.08!

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

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



Смена стиля/дизайна кнопками

Сообщений 41 страница 46 из 46

1

СМЕНА дизайна (или стиля) кнопочками
Стиль форума/сайта будет меняться по клику на кнопки.

https://forumupload.ru/uploads/0007/e3/f7/2617/21324.gif

Автор: Deff
Платформа: любая
Демо: http://hostjs-mybb2011.narod.ru/ChangeStyle.htm

В Начало HTML верх:

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

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

Сразу следом, - ставим наши кнопки

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

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

Пояснения:
Красным - ссылки на картинки соответствующих кнопок
Коричневым жирным  - ссылки на файлы стиля для этой кнопки
Синим жирным - стиль кнопки после нажатия

Пояснения для пользователей майбб

1. Ссылки на файлы стиля можно брать со своего тестовика или заливать на хостинг
2. Для Заливки Объединённого файла Стиля (и использования уже этой ссылки объединенного файла в скрипте) в админке необходимо удалить целиком в Первом Окне пункт /* A1.1 */

/* A1.1 */
@import url(Ла Ла Ла);

Второе Окно Стиля ставим в любом текстовом редакторе впереди первого и сохраняем объединенный стиль с расширением .css
Итоговый файл с расширением .css заливаем в админке, ccылку вставляем в код соответствующей кнопки


Дополнительные Контейнеры для HTML контента,
подключаемые только к Определенному выбираемому Стилю

Иногда необходимо поставить к каждому стилю свою картинку в каком-либо блоке, вообще сменить весь контент блока или заменить скрипт (к примеру: скрипт установки "Cвоя Картинка к каждой категории" или убрать-поставить: сайдбар, или юзер-панель, или слайдер, либо обрамление чего-то в рамку)

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

<script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L);window.location=document.URL.replace(/#.\d+$/img,"");});</script>


А, в том же месте, где и стоял HTML-код для нужного дизайна (html или cкрипты) - просто обрамляем его в выделенное жирным:

<style alt="http://forum.mybb.ru/style/Mybb_Bend/Mybb_Bend.css" class=OnlyThisStyle>/*

Тут Обрамляемый Код (*cкрипты и HTML  для стиля по ссылке Красным,)

*/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>

Красным жирным - ссылка на Стиль, к которому данный кусок Вашего кода будет подключаться (контейнеров для каждого стиля может быть несколько).

ВНИМАНИЕ!!!: Контейнер не позволяет вставлять код css. Дополнительные Коды css добавляем в стиль сайта/форума (по умолчанию) или в стиль подгружаемого файла стилей по клику на кнопку!

Отредактировано Герда (20.05.2013 07:29:02)

+1

41

Дар Хайо
Это я поняла. Проблема в том, что у меня не сохраняется в формате css.

0

42

Mei написал(а):

Это я поняла. Проблема в том, что у меня не сохраняется в формате css.

Откройте какой нидь произвольный файл css - сохраните на рабочий стол и отредактируйте
К примеру этот http://forumstatic.ru/files/0010/b4/f8/26974.css

0

43

Mei, когда заполните файл в Блокноте, жмете "Сохранить как", а дальше пишите "название файла.css". Именно вручную прописываете вот это ".css".

0

44

Deff
Дар Хайо
Спасибо) Разобралась)

А можно сохранять только коды стиля?А что же делать с теми кодами, что находятся в хтмл-верх и низ?

0

45

Mei, в html-верх/низ - остаются только скрипты. Все элементы относящиеся к стилю должны перекочевать в файлик.

0

46

Доброго.
Поставила скрипт, подключила контейнер — все пашет до пятого клика, потом кнопки просто перестают реагировать. Чищу cookie — снова работает, и снова всего несколько раз. Гость даже не смог открыть второй дизайн. Подскажите, пожалуйста, в чем может быть проблема?

0