• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Анимированные Табы на одном CSS
Анимированные Табы на одном CSS
workman
Пятница, 08 Апреля 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Отличные закладки для сайта, которые будут открывать полную информацию по той или иной форме. Применение Анимированные Табы могут быть на любом интернет ресурсе, так как тематика у них общая, что полагает под собой, это любая тема, но безусловно лучше познавательная. Будем использовать элементы input для связи с элементами div с классом content. В контейнере content содержатся все закладки. Для каждого элемента создаем элемент label. Все метки будут стилизованы как закладки.



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



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



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


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

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


Сообщение отредактировал
workman - Пятница, 08 Апреля 2016, 12:28
Страна: (RU)
Kosten
Пятница, 08 Апреля 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
А вообще для чего они, но немного представляю, но просто редко на ресурсах их видел, или просто не замечал.
Страна: (RU)
Kosten
Пятница, 08 Апреля 2016 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Нашел демонстрацию, теперь понятно для чего можно применить.

Прикрепления: 1291482.png (136.2 Kb)
Страна: (RU)
workman
Пятница, 08 Апреля 2016 | Сообщение 4
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, Хорошо можно применить для комментариев например. Поставить комменты сайта и комменты ВК
Страна: (RU)
tsakonter
Суббота, 09 Апреля 2016 | Сообщение 5
Оффлайн
Пользователи
Сообщений:220
Награды: 0
workman, а вы где то на сайте уже делали, что то найти не могу, просто попадалась, а можно сделать на три, это свои от сайта, потом в контакте и фейсбук, если не сложно можете написать скрипт.
Страна: (RU)
workman
Суббота, 09 Апреля 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
tsakonter, Пропишу только позже немного. Выполняю заказ человеку

Сообщение отредактировал
workman - Суббота, 09 Апреля 2016, 22:29
Страна: (RU)
Kosten
Суббота, 09 Апреля 2016 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
tsakonter, есть на сайте, workman, писал скрипт, но там под 2 комментария.
Страна: (RU)
workman
Суббота, 09 Апреля 2016 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
но там под 2 комментария
Да я могу прописать хоть по 10 комментов в одном блоке ... ))) Просто сейчас немного нет времени.
Страна: (RU)
Kosten
Суббота, 09 Апреля 2016 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Цитата workman ()
Да я могу прописать хоть по 10 комментов в одном блоке

Разве кто то сомневался. cool
Страна: (RU)
workman
Суббота, 09 Апреля 2016 | Сообщение 10
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
Разве кто то сомневался.

Не поверишь братишка ... Но есть и такие )))
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Анимированные Табы на одном CSS
  • Страница 1 из 1
  • 1
Поиск: