Простые табы на чистом CSS

preview_player
Показать описание
В этом видео Вы увидите создание простых табов на чистом CSS.
Буду рад, если вы поддержите видео лайком! А также подписывайтесь на канал, чтобы не пропустить следующих видео!

Музыка:
1.NOIXES - Only U (Magic Free Release).
2. Onur Ormen - Sahara (Magic Free Release).

#tabscss, #табынаcss, #табыcsshtml, #tabs, #табы
  1. WebbeW
  2. tabs css
  3. табы на css
  4. табы css html
  5. css табы
  6. табы
Рекомендации по теме
Простые табы на 0:05:47

Простые табы на чистом CSS

Простые вертикальные табы 0:07:07

Простые вертикальные табы на чистом CSS

Простые табы на 0:13:16

Простые табы на HTML и CSS. Как это сделать?

Как сделать табы 0:01:00

Как сделать табы за 1 минуту? html, css, js. #программирование #frontend #web...

Табы (вкладки) для 0:10:47

Табы (вкладки) для сайта на CSS

Как сделать табы 0:26:33

Как сделать табы на: чистом CSS / чистом JS / грязном jQuery?

Как сделать ТАБЫ 0:11:25

Как сделать ТАБЫ у себя на сайте новичку? Cамый простой способ! HTML, CSS, JS....

Простые табы на 0:08:54

Простые табы на HTML, CSS, Jquery

Вкладки на CSS 0:15:40

Вкладки на CSS

Верстка табов на 0:02:28

Верстка табов на сайте (HTML CSS JS)

Tabs | HTML 0:01:00

Tabs | HTML CSS

Простой переключатель на 0:06:28

Простой переключатель на CSS

Создание вкладок (табов). 0:24:15

Создание вкладок (табов). Урок 1

табы на javascript 0:08:37

табы на javascript

Создание простых вкладок 0:18:10

Создание простых вкладок (табов) на JS

Делаем универсальные ТАБЫ 0:12:54

Делаем универсальные ТАБЫ с АКТИВНОЙ вкладкой! HTML, CSS, JS....

Делаем простые табы 0:06:09

Делаем простые табы на JQuery (1 способ)

jQuery вам не 0:07:13

jQuery вам не нужен. Accorion на чистом CSS. Pure css Accordion

Web фишки. Делаем 0:10:51

Web фишки. Делаем складные табы (аккордеон)

JS: создание табов 0:33:10

JS: создание табов | ПРАВИЛЬНЫЙ подход | Class tabs | Масштабируем решение!...

Как сделать табы 0:11:35

Как сделать табы и что такое тосты на Materialize CSS, Подробный видео курс по Materialize CSS #20...

Табы на чистом 0:12:12

Табы на чистом JavaScript. Native Javascript Tabs

Создаем простые табы 0:04:45

Создаем простые табы на JQuery (способ 2)

Вкладки (табы) на 0:15:19

Вкладки (табы) на HTML, CSS, JS

Комментарии
Автор

Гениальность в простоте. Подсмотрел табы у чувака у которого четверть миллиона подписчиков. Результат говно. Он делал их на ссылках из-за чего при клике на таб, экран перескакивал на высоту содержимого Таба, что дико раздражало. Правил это через JS, но и тут баги не заканчивались, ибо табы не отображались при запуске страницы из-за чего через тот же JS нужно было имитировать клик. Но и тут была лажа ибо табы были встроены в другой объект и их было несколько и они были взаимосвязаны. Так просто не расскажешь, тут видеть надо. Короче, как я только не извращался, но что то не работало. Увидил твои Табы и прозрел. Применил твой метод и все заработало. Спасибо тебе! Продолжай свою работу на ютуб. Твой канал явно недооценён.

BboyMidnigth
Автор

Я не знаю почему у тебя первым отображается tabone, когда у меня отображается tabthree.

Исправляется это путем удаления checked="checked" у второй и третьей вкладки(tabtwo и tabthree), поскольку это приводит к тому, что изначально отображается последний элемент, так как все они имеют установленное значение "checked".

m_mallk
Автор

Подскажи пожалуйста как сделать такое же. только горизонтальные если?

karkusha_gameshow