PWS Tabs jQuery Plugin - Табы со множеством вкладок на форуме
Вложений: 8
PWS Tabs jQuery Plugin ИНСТРУКЦИЯ ПО КАСТОМИЗАЦИИ ВО ВКЛАДКАХ Следует придумать название кастомной темы - theme: 'new_name', а в стиле [style] дописываем это же название с точкой в начале, после .pws_tabs_container, вот так: .pws_tabs_container.new_name PWS Tabs - адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3. Тыкаешь по закладочке и спойлер раскрывается. Очень компактно и красиво. (readme.ru и примеры example.html внутри архива pwstabs.zip)
Синтаксис - если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). Кнопки в расширенном режиме редактирования:
Код:
[TOPTIONS="effect: 'scale', defaultTab: '1', containerWidth: '100%', tabsPosition: 'horizontal', horizontalPosition: 'top', verticalPosition: 'left', theme: 'pws_theme_grey'"]Уникальное_название_Таба_безпробелов[/TOPTIONS]После создания табов необходимо удалить все переносы на новую строку! Как это выглядит: По таблице берём нужные функции и вписываем через запятую по очереди в TOPTIONS:
Если вы вкладываете ещё один "Таб" во вкладку, следует вставлять полный код Табов - toptions, tname, tend. Не забывайте указывать уникальное имя ID нового таба new_name в названии новой темы и в стилях, иначе будет подхватываться настройка внешнего Таба. Также можно воспользоваться онлайн-генераторами для создания закладок. Копируем получившийся код и редактируем под закладки: 1) .button заменяем на .pws_tabs_container.название-темы ul.pws_tabs_controll li a{и далее берем из кода...} 2) .button:hover заменяем на .pws_tabs_container.название-темы ul.pws_tabs_controll li a:hover {и далее берем из кода...} 3) .button:active заменяем на .pws_tabs_container.название-темы ul.pws_tabs_controll li a.pws_tab_active {и далее берем из кода...} как выглядит результат Ещё пятёрка лучших онлайн-минифи-деминифи (Online JavaScript/CSS/HTML Compressor):
<!-- Глобальные параметры на весь контейнер --> [style].pws_tabs_list{background:transparent}.pws_tabs_container.new_name{background-color:#61BEBC;border-radius:8px 8px 0 0}.pws_tabs_container.new_name ul.pws_tabs_controll{width:100%;text-align:center}.pws_tabs_list.new_name{background:transparent}[/style] Расшифровка параметров: Код:
.pws_tabs_container.new_name { /* Родительский элемент, отвечает за параметры контейнера, как "Декор" снаружи */Дочерние элементы принимают свойства от Родительского. Если у родителя указаны параметры, то это распространяется на все дочерние, если у дочерних не указано иное. Все дочерние элементы считаются по иерархии и подчиняются по нарастающей, например: Код:
.pws_tabs_container.new_nameТо есть, что написано в предыдущем уровне, то не нужно повторять в последующих, они подхватятся от Родителя. А если нужно что-то изменить, то в Дочернем уровне меняем, как например можно задать цвет сразу на активную и неактивную вкладки, а если у активной другой цвет, то там меняем на свой. иногда бывает, что Родительские настройки не меняются в дочерних, в таких случаях нужно насильно заставить это сделать, приписав к параметру !important;, вот так: background: #61BEBC !important; <!-- Заголовок активной вкладки --> [style].pws_tabs_container.new_name ul.pws_tabs_controll li a.pws_tab_active {background:#1C354A;color:#FAE4ED;text-shadow: 1px 1px 2px #730F34;font-size:16px;font-weight:700;padding:5px 20px;margin-right:10px;}[/style] Расшифровка параметров: Код:
{<!-- Содержимое открытой вкладки --> [style].pws_tabs_container.new_name .pws_tabs_list {background:#1C354A;color:#fff;text-shadow: 1px 1px 2px #730F34;padding:10px;}[/style] Расшифровка параметров: Код:
{<!-- Заголовок неактивной вкладки --> [style].pws_tabs_container.new_name ul.pws_tabs_controll li a {background:#274B69;color:white;font-size:0.9em;font-weight:700;padding:5px 5px;margin-right:20px}[/style] Расшифровка параметров: Код:
{<!-- Заголовок при наведении --> - эту строчку просто копируем и вставляем стиль к вашему табу, этот текст написан для расширения строки, чтобы она не сужалась при открытии вкладки. [style].pws_tabs_container.new_name ul.pws_tabs_controll li a:hover{background:#203F57;color:#fff}[/style] Расшифровка параметров: Код:
{PWS Tabs jQuery Plugin позволяет прикреплять иконки к названиям вкладок. Эта возможность появилась благодаря подключению другого популярного плагина веб-иконок Font Awesome. Подробнее об его функциях здесь. Как подключить иконку к названию вкладки?
Это общий код стилей для всего Таба (без вложенных вкладок). В коде забиты практически все возможные параметры. Стилей всего 4 - Активная, Содержимое, Неактивные, При наведении. Не забываем изменять название темы .new_name в стилях вкладок. [style].pws_tabs_container.new_name ul.pws_tabs_controll li a.pws_tab_active{background:#1C354A;color:#FAE4ED;text-shadow: 1px 1px 2px #730F34;font-weight:700;padding:5px 20px;margin-right:3px;}.pws_tabs_container.new_name .pws_tabs_list{background:#1C354A;color:#fff;text-shadow: 1px 1px 2px #730F34;padding:20px;}.pws_tabs_container.new_name ul.pws_tabs_controll li a{background:#2D5779;color:white;padding:5px 20px;margin-right:3px;}.pws_tabs_container.new_name ul.pws_tabs_controll li a:hover{background:#203F57;color:#fff;}[/style] Так удобнее сразу скопировать весь код стилей и удалять ненужное или править, чем вспоминать и дописывать. Так же в помощь онлайн-сервисы по подбору сочетаний цветов: paletton.com и sessions.edu PWS Tabs Plugin поддерживает Font Awesome |
Там, по идее, табы-вкладки.
|
Yoti, И так на многих сайтах, например тут. Для всякого софта табы-вкладки очень удобно и красиво.
Хотелось бы и тут. |
Вот типа такого скрипта https://goo.gl/zTwP2L
|
Цитата:
|
Вот посмотрел ещё другие дизайны, остановился ещё на нескольких:
|
Ну вы пля прям художники с навыками программистов.
|
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
Не пойму, что не так? |
ты про адаптивный?
|
in1975, у меня так же было. Но когда я заполнил немного текстом первую вкладку Адаптивну, тогда эти выползающие надписи пропали.
Ну главное завелось и работает! :good: Теперь нужно только с функциями и оформлением разобраться. Что-то мне не нравится этот белый фон. А потом придётся ещё попариться, нарисовать кнопки для панели редактирования, залить их, вставить коды в шаблоны и написать к кнопкам инструкцию по использованию :) Смотри первый пункт. А кавычки одинарные нужны! |
опять дело в уникальном имени? Смотри первый пункт. А кавычки одинарные нужны! |
ErikPshat, а если сослаться на несуществующую вкладку, то текста по умолчанию не будет.
|
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
На содержимое не смотри, как тебе общий фон? Вроде норм работает и декор и вкладки. |
А вообще в декоре тоже смотрится отлично, получается как одни моноблок.
Только декор думаю лучше скрывать, т.е. отступы от таба убирать. Ну это на вкус и цвет дизайнера. Насчёт margin действительно в некоторых разделах форум игнорирует любые твои настройки. Сделал ещё пару тем первых cyan и violet. Залить побаловаться? |
Цитата:
|
Вложений: 1
pws_theme_cyan - в таблице этот цвет не был указан и в шаблоне его не было, добавлено.
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
pws_theme_dark_cyan - в таблице этот цвет не был указан, добавлено. PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
|
циан норм, а вот виолет мне кажется немного глаза режет. Может потемнее?
|
in1975, то есть, цвет фона сделать цветом вкладок, а вкладки сделать цветом фона.
Добавил выше для сравнения стандартный Light Cyan и Light Violet. Они на белом фоне. А декор мне понравился, он ещё не даёт разъезжаться адаптивной вкладке. |
Цитата:
Светлые темы с белым нормально выглядят. |
in1975, ну просто у нас вначале было всё логично. Один тег мы вставляем несколько раз между другим тегом, как и должно быть.
А теперь у нас получается нелогично, хотя более проще. Это мы с тобой понимаем, а вот vash придёт и нифига не поймёт, не говоря уже о простоюзерах :) Ты сам хоть пробовал конструкцию и понял, как она работает и удобно ли? Ну ладно, тогда теперь переименовываем теги так:
А я ещё не спал и сделал все DARK темы и ещё добавил тему BLACK :) залью попозже... |
Цитата:
Цитата:
Здесь текст, содержимое первой вкладки Здесь текст, содержимое второй вкладки Здесь текст, содержимое третьей вкладки Здесь текст, содержимое второй вкладки Здесь текст, содержимое третьей вкладки Ну а чего повторяться? :) Поэтому просто удалил :). Кстати, сделай пожалуйста тему с бекграундом под цвет форума. Хотя бы 1 |
Вложений: 1
Цитата:
PWS Tabs jQuery Plugin PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.(readme.ru внутри архива pwstabs.zip)
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу). [tname="effect:scale, defaultTab:1, containerWidth:100%, tabsPosition:horizontal, horizontalPosition:top, verticalPosition:left, theme:pws_theme_grey"] [tab-name="Название_вкладки_1"]Содержимое_вкладки_1[/tab-name] [tab-name="Название_вкладки_2"]Содержимое_вкладки_2[/tab-name] [tab-name="Название_вкладки_3"]Содержимое_вкладки_3[/tab-name] [/tname] После создания табов необходимо удалить все переносы на новую строку! Font Awesome v4.7
|
ErikPshat, классно, но как-то ты странно сделал. В некоторых темах pspx есть тени к шрифту, в некоторых нет. Оставь уж без теней шрифт. Если будет у кого-то желание, он может сделать тени через декор. И странно это смотрится, название закладки без теней, текст внутри с ним.
{background-color:#E7E7E7;color:#000;text-shadow: 0 1px 0 #000} |
Цитата:
Я это к чему: какое практическое применение данной темы кроме того, что это интересно узкому кругу людей, профессионально занимающихся оформлением сайтов? Я вас не ругаю, мне действительно хочеться понять это. |
vash, Краткое оформление большого объема сообщения.
А по поводу заморачивания. Можно не заморачиваться и на обычные ббкоды. Тут вопрос лени, а не применимости :) |
vash, в принципе темы создают практически только модераторы, поэтому вполне пригодится это в оформлении шапки. И причём у нас функционал по бб-кодам в панели редактирования и оформления тем значительно превышает многие другие форумы Powered by vBulletin®. На некоторых форумах даже спойлера нет )))
|
Вот сейчас переделываю эту тему, поскольку спойлер слишком длинный.
|
Урааа, помощь пришла, администратор сервера viper откликнулся и залил файлы на сервер к нам на форум.
За что ему ОГРОМНАЯ благодарность. Я уже подключил напрямую скрипты и библиотеку jQuery и удалил из шапки лишние теперь вложения. Но пока CSS у нас ещё в разработке, а в том архиве была стандартная CSS стилей, то пока она остаётся подключённой из вложения. |
Вложений: 2
ErikPshat, классно, тему передел. Если что, старая редакция у меня есть.
Надо подумать вот о чем, если удалять /br то названия игр будут друг рядом с другом. Что делать? :) |
А у нас кстати есть ББ-код секретный стилей CSS (сделано для таблиц Excel). Синтаксис ББ-кода вот такой (без опций):
|
Добавим в заголовок? Довольно прикольно :) кстати, бекграунд можно и не ставить на 1 место |
in1975, O_o, круто! :good: Ну напиши инструкцию. Фотиком фотал?
Зачем тогда картинки кнопок нужны, кода можно написать кнопку текстом :D А я тем временем немного уже подправил тему, 5 сек, лешко и быстро: https://www.pspx.ru/forum/showthread.php?t=106439 Не думал, что так всё просто получится, просто по порядку брал стили отсюда из шапки и быстренько навалял. Ну ты её потом можешь по своему вкусу поправить. Только шире на 1 пиксел букву или отступ от буквы - в экран не влезает алфавит, имей в виду. |
ErikPshat,
in1975, вы нашли друг друга. Вы товарищи по интересам. ) |
|
Цитата:
Вот здесь мне дизайн понравился: https://www.shareicon.net/tag/css Там слева тоже есть вкладки, но они раскрываются и закрываются. И добавил кнопку для стилей https://www.pspx.ru/forum/cleardoc/editor/css.gif в расширенную панель редактирования. |
Вложений: 1
LIGHT THEMES PSPx THEMES DARK THEMES |
ErikPshat, кстати, про закругление углов надо добавить в шапку. Названия тем не забудь добавить.
тестовое оформление темы. оцени, позитивные замечания приветствуются. Фон картинку убирать не хочу, говорю сразу :) то что в дополнительно перенесу в соответствующие разделы (вкладки) |
in1975, отличная задумка, как баян смотрится :good:. Только жаль контейнер перекрывает основную картинку бэкграунда. Думаю это можно пофиксить параметром background: transpsrent; (прозрачность).
|
ErikPshat, то что искал!!! Блин, как же я мучался без этого!!!
:thank_you: :yahoo: |
Цитата:
Блин, я тебе написал большую портянку, как и что сделать и ещё много чего, чтобы потом не забыть добавитьь в шапку. А потом взял случайно и не удержал CTRL, нажал ссылку и страница ушла на другой адрес. При возврате назад ничего не сохранилось :( Вот есть ещё недокументированные параметры: Код:
.pws_tabs_container.new_name { /* Родительский элемент, отвечает за параметры всего контейнера, как "Декор" снаружи. */Короче, я думаю ты понимаешь, что Дочерние элементы принимают свойства от Родительского. Если у родителя указаны параметры, то это распространяется на все дочерние, если у дочерних не указано иное. Все дочерние элементы считаются по иерархии и подчиняются по нарастающей, например: Код:
.pws_tabs_container.new_nameТо есть, что написано в предыдущем уровне, то не нужно повторять в последующих, они подхватятся от Родителя. А если нужно что-то изменить, то в Дочернем уровне меняем, как например можно задать цвет сразу на активную и неактивную вкладки, а если у активной другой цвет, то там меняем на свой. иногда бывает, что Родительские настройки не меняются в дочерних, в таких случаях нужно насильно заставить это сделать, приписав к параметру !important;, вот так: background: #61BEBC !important; |
| Текущее время: 17:27. Часовой пояс GMT +3. |
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot
PSPx Forum - Сообщество фанатов игровых консолей.