[in1975]

PWS Tabs jQuery Plugin

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

• PWS Tabs jQuery Plugin - плагин табов на оффсайте от автора Александр Чижов из Екатеринбурга.
• Исходники и релизы новых версий на GitHub

PWS Tabs Plugin поддерживает Font Awesome...

По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:

Опция	Умолчания	Описание	Доступные настройки	Тип
effect	scale	Эффект переключения	scale/slideleft/slideright slidetop/slidedown/none	строка
defaultTab	1	Активная вкладка	ID вкладки, начинается с 1 (1,2,3..)	число
containerWidth	100%	Ширина контейнера	Любое значение размера (1,2,3../px,pt,em,%,cm..)	строка
tabsPosition	horizontal	Расположение вкладок	horizontal/vertical	строка
horizontalPosition	top	При расположении по горизонтали	top/bottom	строка
verticalPosition	left	При расположении по вертикали	left/right	строка
theme	''	Темы оформления вкладок	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	строка
responsive	false	!!БЕТА!! Адаптивные вкладки	true/false	строка
rtl	false	По правому краю	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

• Font Awesome v4.7 - это такой шрифт, где вместо букв иконки в векторной графике SVG, не теряющие качества при масштабировании.
• Тут можно выбирать Названия иконок и тут Примеры их использования.
• Исходники и релизы новых версий на GitHub
• Здесь можно посмотреть всё то же самое на русском.

PWS Tabs jQuery Plugin

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

• PWS Tabs jQuery Plugin - плагин табов на оффсайте от автора Александр Чижов из Екатеринбурга.
• Исходники и релизы новых версий на GitHub

По таблице берём нужные функции и вписываем через запятую по очереди во второй тег:

Опция	Умолчания	Описание	Доступные настройки	Тип
effect	scale	Эффект переключения	scale/slideleft/slideright slidetop/slidedown/none	строка
defaultTab	1	Активная вкладка	ID вкладки, начинается с 1 (1,2,3..)	число
containerWidth	100%	Ширина контейнера	Любое значение размера (1,2,3../px,pt,em,%,cm..)	строка
tabsPosition	horizontal	Расположение вкладок	horizontal/vertical	строка
horizontalPosition	top	При расположении по горизонтали	top/bottom	строка
verticalPosition	left	При расположении по вертикали	left/right	строка
theme	''	Темы оформления вкладок	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	строка
responsive	false	!!БЕТА!! Адаптивные вкладки	true/false	строка
rtl	false	По правому краю	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

• Font Awesome v4.7 - это такой шрифт, где вместо букв иконки в векторной графике SVG, не теряющие качества при масштабировании.
• Тут можно выбирать Названия иконок и тут Примеры их использования.
• Исходники и релизы новых версий на GitHub
• Здесь можно посмотреть всё то же самое на русском.

На содержимое не смотри, как тебе общий фон? Вроде норм работает и декор и вкладки.