Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Анимированные Табы на одном CSS
Анимированные Табы на одном CSS
workman
Дата: Пятница, 08.04.2016, 12:25 | Сообщение # 1
Гл. Модератор
Сообщений:1696
Награды: 8


Отличные закладки для сайта, которые будут открывать полную информацию по той или иной форме. Применение Анимированные Табы могут быть на любом интернет ресурсе, так как тематика у них общая, что полагает под собой, это любая тема, но безусловно лучше познавательная. Будем использовать элементы input для связи с элементами div с классом content. В контейнере content содержатся все закладки. Для каждого элемента создаем элемент label. Все метки будут стилизованы как закладки.



Разметка HTML для всех примеров одинакова.



CSS стили для ДЕМО 1



CSS стили для ДЕМО 3


CSS стили для ДЕМО 4

Прикрепления: 9137408.png(155Kb)


Сообщение отредактировал
workman - Пятница, 08.04.2016, 12:28
Страна: (RU)
Kosten
Дата: Пятница, 08.04.2016, 15:28 | Сообщение # 2
Администраторы
Сообщений:15800
Награды: 51


А вообще для чего они, но немного представляю, но просто редко на ресурсах их видел, или просто не замечал.
Страна: (RU)
Kosten
Дата: Пятница, 08.04.2016, 15:30 | Сообщение # 3
Администраторы
Сообщений:15800
Награды: 51


Нашел демонстрацию, теперь понятно для чего можно применить.

Прикрепления: 1291482.png(136Kb)
Страна: (RU)
workman
Дата: Пятница, 08.04.2016, 16:14 | Сообщение # 4
Гл. Модератор
Сообщений:1696
Награды: 8


Kosten, Хорошо можно применить для комментариев например. Поставить комменты сайта и комменты ВК
Страна: (RU)
tsakonter
Дата: Суббота, 09.04.2016, 22:13 | Сообщение # 5
Пользователи
Сообщений:217
Награды: 0


workman, а вы где то на сайте уже делали, что то найти не могу, просто попадалась, а можно сделать на три, это свои от сайта, потом в контакте и фейсбук, если не сложно можете написать скрипт.
Страна: (RU)
workman
Дата: Суббота, 09.04.2016, 22:27 | Сообщение # 6
Гл. Модератор
Сообщений:1696
Награды: 8


tsakonter, Пропишу только позже немного. Выполняю заказ человеку

Сообщение отредактировал
workman - Суббота, 09.04.2016, 22:29
Страна: (RU)
Kosten
Дата: Суббота, 09.04.2016, 22:28 | Сообщение # 7
Администраторы
Сообщений:15800
Награды: 51


tsakonter, есть на сайте, workman, писал скрипт, но там под 2 комментария.
Страна: (RU)
workman
Дата: Суббота, 09.04.2016, 22:38 | Сообщение # 8
Гл. Модератор
Сообщений:1696
Награды: 8


Цитата Kosten ()
но там под 2 комментария
Да я могу прописать хоть по 10 комментов в одном блоке ... ))) Просто сейчас немного нет времени.
Страна: (RU)
Kosten
Дата: Суббота, 09.04.2016, 23:22 | Сообщение # 9
Администраторы
Сообщений:15800
Награды: 51


Цитата workman ()
Да я могу прописать хоть по 10 комментов в одном блоке

Разве кто то сомневался. cool
Страна: (RU)
workman
Дата: Суббота, 09.04.2016, 23:52 | Сообщение # 10
Гл. Модератор
Сообщений:1696
Награды: 8


Цитата Kosten ()
Разве кто то сомневался.

Не поверишь братишка ... Но есть и такие )))
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Анимированные Табы на одном CSS
Страница 1 из 11
Поиск: