PSPx форум

PSPx форум (https://www.pspx.ru/forum/index.php)
-   BB-коды форума (https://www.pspx.ru/forum/forumdisplay.php?f=424)
-   -   PWS Tabs jQuery Plugin - Табы со множеством вкладок на форуме (https://www.pspx.ru/forum/showthread.php?t=106817)

in1975 11.05.2017 09:31

Цитата:

Сообщение от ErikPshat (Сообщение 1115008)
более проще. Это мы с тобой понимаем, а вот vash придёт и нифига не поймёт,

То что проще легче понять. И vash тоже.
Цитата:

Сообщение от ErikPshat (Сообщение 1115008)
toptions - так и остаётся.
tname - теперь на втором месте.
tend

Так норм.


Здесь текст, содержимое первой вкладки

Здесь текст, содержимое второй вкладки

Здесь текст, содержимое третьей вкладки






Здесь текст, содержимое второй вкладки

Здесь текст, содержимое третьей вкладки



Ну а чего повторяться? :) Поэтому просто удалил :).

Кстати, сделай пожалуйста тему с бекграундом под цвет форума. Хотя бы 1

ErikPshat 11.05.2017 11:57

Вложений: 1
Цитата:

Сообщение от in1975 (Сообщение 1115014)
Кстати, сделай пожалуйста тему с бекграундом под цвет форума. Хотя бы 1


PWS Tabs jQuery Plugin
PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3.
(readme.ru внутри архива pwstabs.zip)PWS Tabs Plugin поддерживает Font Awesome...
По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:

Опция
Умолчания
Описание
Доступные настройки
Тип
effectscaleЭффект переключенияscale/slideleft/slideright
slidetop/slidedown/none
строка
defaultTab1Активная вкладкаID вкладки, начинается с 1 (1,2,3..)число
containerWidth100%Ширина контейнераЛюбое значение размера (1,2,3../px,pt,em,%,cm..)строка
tabsPositionhorizontalРасположение вкладокhorizontal/verticalстрока
horizontalPositiontopПри расположении по горизонталиtop/bottomстрока
verticalPositionleftПри расположении по вертикалиleft/rightстрока
theme''Темы оформления вкладокpws_theme_cyan/pws_theme_dark_cyan
pws_theme_violet/pws_theme_dark_violet
pws_theme_green/pws_theme_dark_green
pws_theme_yellow/pws_theme_dark_yellow
pws_theme_gold/pws_theme_dark_gold
pws_theme_orange/pws_theme_dark_orange
pws_theme_red/pws_theme_dark_red
pws_theme_purple/pws_theme_dark_purple
pws_theme_grey/pws_theme_dark_grey
строка
responsivefalse!!БЕТА!! Адаптивные вкладкиtrue/falseстрока
rtlfalseПо правому краюtrue/falseстрока
Предварительно: если не писать параметр, то будет автоматически применяться параметр по умолчанию (см. таблицу).

[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 11.05.2017 14:56

ErikPshat, классно, но как-то ты странно сделал. В некоторых темах pspx есть тени к шрифту, в некоторых нет. Оставь уж без теней шрифт. Если будет у кого-то желание, он может сделать тени через декор. И странно это смотрится, название закладки без теней, текст внутри с ним.

{background-color:#E7E7E7;color:#000;text-shadow: 0 1px 0 #000}

vash 11.05.2017 19:25

Цитата:

Сообщение от ErikPshat (Сообщение 1115008)
....Это мы с тобой понимаем, а вот vash придёт и нифига не поймёт, не говоря уже о простоюзерах....

Честно, я конечно за украшательства на форуме. Но есть одно "но" - у нас форум не профессиональный форум программистов, никто так заморачиваться при оформлении своих постов или тем не захочет. Вот пришёл я после работы, пишу сообщения, используя привычные ВВ-коды. :img:
Я это к чему: какое практическое применение данной темы кроме того, что это интересно узкому кругу людей, профессионально занимающихся оформлением сайтов?
Я вас не ругаю, мне действительно хочеться понять это.

in1975 11.05.2017 19:28

vash, Краткое оформление большого объема сообщения.
А по поводу заморачивания. Можно не заморачиваться и на обычные ббкоды. Тут вопрос лени, а не применимости :)

ErikPshat 11.05.2017 20:00

vash, в принципе темы создают практически только модераторы, поэтому вполне пригодится это в оформлении шапки. И причём у нас функционал по бб-кодам в панели редактирования и оформления тем значительно превышает многие другие форумы Powered by vBulletin®. На некоторых форумах даже спойлера нет )))

in1975 11.05.2017 20:03

Вот сейчас переделываю эту тему, поскольку спойлер слишком длинный.

ErikPshat 11.05.2017 20:18

Урааа, помощь пришла, администратор сервера viper откликнулся и залил файлы на сервер к нам на форум.
За что ему ОГРОМНАЯ благодарность.
Я уже подключил напрямую скрипты и библиотеку jQuery и удалил из шапки лишние теперь вложения.
Но пока CSS у нас ещё в разработке, а в том архиве была стандартная CSS стилей, то пока она остаётся подключённой из вложения.

in1975 11.05.2017 20:25

Вложений: 2
ErikPshat, классно, тему передел. Если что, старая редакция у меня есть.

Надо подумать вот о чем, если удалять /br то названия игр будут друг рядом с другом. Что делать? :)

ErikPshat 12.05.2017 07:47

А у нас кстати есть ББ-код секретный стилей CSS (сделано для таблиц Excel). Синтаксис ББ-кода вот такой (без опций):
  • [style].pws_tabs_container ul.pws_tabs_controll li a {border:3px solid #ff0000;color:blue;font-size:18px;font-weight:700;}[/style]
А я про него совсем забыл :) Так что эти стили к табам можно так же применять, нужно только их знать, вернее можно через инспектирование кода отлавливать.

in1975 12.05.2017 19:04

Добавим в заголовок?
Довольно прикольно :)
кстати, бекграунд можно и не ставить на 1 место



ErikPshat 12.05.2017 19:18

in1975, O_o, круто! :good: Ну напиши инструкцию. Фотиком фотал?
Зачем тогда картинки кнопок нужны, кода можно написать кнопку текстом :D

А я тем временем немного уже подправил тему, 5 сек, лешко и быстро: https://www.pspx.ru/forum/showthread.php?t=106439
Не думал, что так всё просто получится, просто по порядку брал стили отсюда из шапки и быстренько навалял.
Ну ты её потом можешь по своему вкусу поправить. Только шире на 1 пиксел букву или отступ от буквы - в экран не влезает алфавит, имей в виду.

vash 12.05.2017 22:07

ErikPshat,
in1975,
вы нашли друг друга. Вы товарищи по интересам. )

in1975 13.05.2017 08:24


ErikPshat 15.05.2017 03:00

Цитата:

Сообщение от in1975 (Сообщение 1115099)
Как иконки добавить во вкладки?

Решено!



Вот здесь мне дизайн понравился: https://www.shareicon.net/tag/css
Там слева тоже есть вкладки, но они раскрываются и закрываются.

И добавил кнопку для стилей https://www.pspx.ru/forum/cleardoc/editor/css.gif в расширенную панель редактирования.

ErikPshat 19.05.2017 08:21

Вложений: 1
LIGHT THEMES
Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

PSPx THEMES
Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

DARK THEMES
Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.
И, шествуя важно, в спокойствии чинном,
Лошадку ведет под уздцы мужичок
В больших сапогах, в полушубке овчинном,
В больших рукавицах... а сам с ноготок!
— Здорово, парнище!— «Ступай себе мимо!»
— Уж больно ты грозен, как я погляжу!
Откуда дровишки?— «Из лесу, вестимо;
Отец, слышишь, рубит, а я отвожу».
(В лесу раздавался топор дровосека.)
— А что, у отца-то большая семья?
«Семья-то большая, да два человека
Всего мужиков-то: отец мой да я...»...

in1975 19.05.2017 08:26

ErikPshat, кстати, про закругление углов надо добавить в шапку. Названия тем не забудь добавить.

тестовое оформление темы. оцени, позитивные замечания приветствуются. Фон картинку убирать не хочу, говорю сразу :) то что в дополнительно перенесу в соответствующие разделы (вкладки)

ErikPshat 19.05.2017 19:25

in1975, отличная задумка, как баян смотрится :good:. Только жаль контейнер перекрывает основную картинку бэкграунда. Думаю это можно пофиксить параметром background: transpsrent; (прозрачность).

in1975 19.05.2017 20:07

ErikPshat, то что искал!!! Блин, как же я мучался без этого!!!
:thank_you: :yahoo:

ErikPshat 19.05.2017 21:24

Цитата:

Сообщение от in1975 (Сообщение 1115335)
ErikPshat, то что искал!!! Блин, как же я мучался без этого!!!

Обалденно получилось! Ещё можно левый ряд вкладок сделать как здесь: https://www.shareicon.net/tag/css

Блин, я тебе написал большую портянку, как и что сделать и ещё много чего, чтобы потом не забыть добавитьь в шапку. А потом взял случайно и не удержал CTRL, нажал ссылку и страница ушла на другой адрес. При возврате назад ничего не сохранилось :(

Вот есть ещё недокументированные параметры:
Код:

.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_container.new_name
.pws_tabs_container.new_name .pws_tabs_list
.pws_tabs_container.new_name ul.pws_tabs_controll
.pws_tabs_container.new_name ul.pws_tabs_controll li
.pws_tabs_container.new_name ul.pws_tabs_controll li a
.pws_tabs_container.new_name ul.pws_tabs_controll li a:hover
.pws_tabs_container.new_name ul.pws_tabs_controll li a.pws_tab_active


То есть, что написано в предыдущем уровне, то не нужно повторять в последующих, они подхватятся от Родителя. А если нужно что-то изменить, то в Дочернем уровне меняем, как например можно задать цвет сразу на активную и неактивную вкладки, а если у активной другой цвет, то там меняем на свой. иногда бывает, что Родительские настройки не меняются в дочерних, в таких случаях нужно насильно заставить это сделать, приписав к параметру !important;, вот так: background: #61BEBC !important;


Текущее время: 17:22. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot
PSPx Forum - Сообщество фанатов игровых консолей.