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

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее
Ищешь чем бы украсить свой форум или сайт к Хэллоуину? 🎃 Мы поможем нарядиться! 🎃

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

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


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


Установка нескольких стилей с разными элементами в html-формах

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

1

[html]<link rel="stylesheet" href="http://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Установка нескольких стилей с разными элементами в html-формах">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/6822/774368.gif" class="postimg">
</a>

<div id="cover-block">
Дата: 12.08.2021<br>
Автор: <a href="/profile.php?id=7032" target="_blank">kozhilya</a><br>
Платформа: MyBB<br>
Бесплатный скрипт<br>
Описание: Скрипт установки нескольких стилей в свой стиль без подгрузки файлов и возможность добавлять и убирать разный контент в html-формах.
</div>

</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;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]

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

Скрипт служит для установки нескольких стилей в формы "Свой стиль" без необходимости подгрузки и замены стилевых файлов. При этом можно добавлять разный контент в html-верх и в html-низ, каждый для своей версии дизайна.

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

Максимально можно подключить 2 разных дизайна с совершенно разной вёрсткой. Для этого, в администрировании, в разделе "Мой стиль", один дизайн (полностью) ставим в одно окошко стиля, другой во второе окошко стиля. Это если речь идёт о форумах на платформе майбба. Если вам этот скрипт нужен для другой платформы - пишите в сообщения в этой теме, попробуем вам помочь.

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

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

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

красным - ставим свои иконки переключения дизайнов.

  • Код нового дизайна надо ставить в администрирование - свой стиль - Структура style.css;

  • Код старого дизайна надо ставить в администрирование - свой стиль - Цвета style_cs.css.

Конечно же у вас дизайны могут называть по-другому. Старый и новый тут для примера.

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

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

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

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

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

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

Например:

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

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

Стили для дизайнов пишутся как обычно, самое главное поставить их в нужные окошки. 

ВНИМАНИЕ! Переключатель дизайнов имеет зависимость от мини-библиотеки для работы с cookie-файлами.
<script src="https://mybb.kozhilya.ru/script/cookie.min.js"></script>

Например, если у вас используются скрипты с document.write, то такие скрипты придётся переписывать (только ту часть с document.write).

Всем хорошего настроение и успехов!
Если у вас есть вопросы или нужна помощь, мы тут и с радостью поможем.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+4

2

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

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

На квадробоардс работает? При помощи пентаграммы, мата и лома чертовски плохо встает.

0

3

Will O The Wisp
Спасибо что указали на ошибку... А что именно не так на квадре?

Добавлено спустя 11 часов 35 минут 45 секунд:
Перед использованием кеш сбрасывали?
Не работает на хттп или хттпс?
Включён какой-нибудь блокировщик рекламы на этой странице?

И дайте ссылку на форум с проблемой, пожалуйста.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

4

Скрипт был протестирован основательно, была выявлена хитрая бага и поправлена автором скрипта @kozhilya

Также обратите внимание:

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

ВНИМАНИЕ! Переключатель дизайнов имеет зависимость от мини-библиотеки для работы с cookie-файлами.
<script src="https://mybb.kozhilya.ru/script/cookie.min.js"></script>

Например, если у вас используются скрипты с document.write, то такие скрипты придётся переписывать (только ту часть с document.write).

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

5

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

ВНИМАНИЕ! Переключатель дизайнов имеет зависимость от мини-библиотеки для работы с cookie-файлами.
<script src="https://mybb.kozhilya.ru/script/cookie.min.js"></script>

По идее, библиотека cookie-файлов не нужна, надо бы пнуть илью, чоб перерисовал под стандартную от майб

Там есть уже

/* $setCookie(a,b,c), $getCookie(a), $deleteCookie(a) */

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

0

6

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

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

Ох, ну теперь можно видеть как меняются стили.

0

7

Will O The Wisp
Обновите код скрипта (он был немного переписан), должно заработать...

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

По идее, библиотека cookie-файлов не нужна, надо бы пнуть илью, чоб перерисовал под стандартную от майб

Я ему передам, хотя странно, не думаю что он просто так написал скрипт не под стандартную майббовскую.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

8

Так, при первом варианте он не цепляет стили из окон. При добавлении второй библиотеки цепляет код, но не стили.

+1

9

#p160057,Will O The Wisp написал(а):

Так, при первом варианте он не цепляет стили из окон. При добавлении второй библиотеки цепляет код, но не стили.

А вы убрали из кодов
@import url(style_cs.css); ?

Библиотеку для куки ставите выше скрипта?

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

10

Will O The Wisp
Добрый день.

Проблема, с которой вы столкнулись, связана с тем, что вы не до конца адаптировали стили.

Классический вариант стилей на MyBB предполагает, что стиль разделён на 2 файла: общий /style.css и цветовой /style_cs.css, который подключается при помощи @import url(style_cs.css); в начале первого окна стилей.

Этот скрипт переключения стилей не совместим с этой философией работы стиля: тут каждый стиль объединён в один файл, что обозначено в описании скрипта:

Для этого, в администрировании, в разделе "Мой стиль", один дизайн (полностью) ставим в одно окошко стиля, другой во второе окошко стиля.

Возможно, это действительно расписано недостаточно хорошо, поэтому обозначу, что вам нужно сделать.

  • Найдите вторые (цветовые) файлы для обоих стилей, так как сейчас они в принципе отсутствуют (что заметно по отсутствию цветов на форуме).

  • Содержимое этого цветового файла вставляете в начало соответствующих стилей - это важно из-за необходимости сохранить специфичность CSS-правил.

  • Из кода обоих стилей удалите строку @import url(style_cs.css);, оно встречается у вас по одному разу в начале каждого окна.


Deff
Я писал свою мини-библиотечку кукисов до появления аналогичной на MyBB, и у меня она чуть более сложная из-за поддержки установки дополнительных параметров, например, samesite и max-age (что не тоже самое, что expires)

+1

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

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


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

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


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