Владимир Коротеев
Был на сайте: 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

Тестовый сайт для изучения jQuery

Тестовый сайт для изучения jQuery Сверстал этот HTML+CSS сайт по принципам блочной вёрстки, чтобы испытывать на нём разные методы веб-технологий. Использую его для изучения и тестирования jQuery и jQuery UI. Каждая страница посвящена какому-либо одному методу этих технологий. Дейст…

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

Сайт-визитка Сайт-визитка. Делался при тренировках по изученным курсам веб-дизайна. Заменял рисунки, менял структуру, и т.д.. Исправную работу сайта можно проверить по приложенной ссылке.

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

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

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

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