Владимир Коротеев
Был на сайте: 19.03.2023 01:27

Владимир Коротеев Volkort

Паспорт не верифицирован
200
Добавить в закладки

HTML + CSS Вкладки для сайта 

  • 25
  • Опубликовано: 2017-09-10
Добавил такую работу в портфолио на своём сайте после одной из моих ежегодных плановых тренировок по использованию различных веб-технологий. HTML и CSS в том числе.
Раньше я такое делал только с помощью jQuery UI, а теперь же сделал на чистом HTML+CSS, что в РАЗЫ проще и легче, а работает точно так же.
Прописал во вкладках разный контент: текст, рисунки, музыку, видео. К тому же - немного модифицировал код самих вкладок, добавив возможность полного их закрытия.
Чем такой способ гораздо лучше скриптового, узнаете по прикреплённой к примеру ссылке.

Пример реализации

www.dopinform.ru/site25.html
HTML + CSS Вкладки для сайта
Комментариев нет
оставить комментарий могут только авторизованные пользователи
Пожаловаться
Другие работы автора:

Тернарные операторы Успел к Новому Году закончить, и загрузить на свой сайт ещё один интересный (для тех, кто изучает JavaScript) раздел. Там показываю, и подробно объясняю, как работать с тернарными операторами. Даю алгоритмы кода для создания подобных страниц. Конечно…

Сайт-визитка

Сайт-визитка Сделал такой сайт во время одной из плановых тренировок по использованию таблицы стилей CSS

Дизайн лендинга

Дизайн лендинга Кое-что: книга, например, была сделана в фотошоп. Светлые лучи взял из исходника, и доработал в фотошоп. Перепрограммировал из исходника, сделанного в Adobe Muse, в обычный HTML+CSS. Выбросил из 10-ти кодов 9(!), и добавил 2 действительно нужных. П…

Сайт-визитка "Личная страничка"

Сайт-визитка "Личная страничка" Сделал такую страничку для своего сайта, как аналог главной страницы. Для её создания использовал: Фотошоп и JavaScript + jQuery

Интернет-магазин

Интернет-магазин Пример изменения шаблонов HTML+CSS сайтов. Работал над ним, закрепляя полученные навыки в использовании HTML и таблицы стилей CSS. Выбрал для этого один из имеющихся у меня шаблонов интернет-магазинов. Провёл кое-какие изменения в структуре сайта, …

Адаптивная вёрстка

Адаптивная вёрстка Сейчас многие заходят в интернет с мобильных устройств: смартфонов, планшетов, и т.д.. Нашёл в интернете интересный, бесплатный мини-курс адаптивной вёрстки сайтов. Изучил его тщательно, а после тренировок добавил к своему основному сайту ещё один р…

Сайт смешанной вёрстки

Сайт смешанной вёрстки Сделал этот сайт во время очередной плановой тренировки по технологиям HTML и CSS. Содержит, как блочную, так и табличную вёрстки. Изображения для сайта обрабатывал в фотошоп.

Сайт-визитка

Сайт-визитка Аналогично. Создал этот сайт, работая над изменениями шаблонов HTML+CSS сайтов. По составу это небольшой сайт-визитка компании. Проверить его работоспособность в реальном интернете можно по приложенной ссылке.