HTML and CSS

HTML and CSS

{Лаборатория экстремальной web-верстки...}

Простые закладки на JavaScript

Простые закладки на JavaScript

Душа юзера всегда любит необычные вещи, дай только поиграть. Хотя назвать необычным то, что вам сегодня прелагаю можно назвать с большой натяжкой.

Такие фишки встречаются довольно часто, что ж отдадим дань "гламуру" и мы.

Ценность, как всегда вызывает известные сомнения, но в прогулках по паутине, взгляд нет, нет, да и зацепится.

Навороченных решений создаваемых с помощью целых библиотек, в которых возможно многое, с запасом на будущее не признаю, во всем должен быть разумный подход, поэтому минимальный размер скрипта, основной упор на оформление.

Пара скриншотов, покажет, как на одном и том же скрипте можно сделать две разновидности простейших вкладок-закладок.

tabs_01 tabs_02

На примерах посмотрите более подробно, как оно и что.

Замечу, автором скрипта не являюсь, линк на первоисточник утерян, а так как в программировании ничего не смыслю, то возможность его редакции с целью довести до ума, только приветствуются.


RSS лента ВСЕГО блога с комментариями RSS лента ВСЕГО блога БЕЗ комментариев RSS лента этой КАТЕГОРИИ с комментариями RSS лента этой КАТЕГОРИИ и БЕЗ комментариев RSS лента ЭТОГО ПОСТА с комментариями к нему

02 февраля 2009, 00:25
№ 1Без темы
Я бы заменил в примере с вертикальными табами стили для dl:
c
margin: 0 100px 0 0;
на
padding: 0 100px 0 0;
чтобы блок растягивался на всю ширину, включая закладки.
02 февраля 2009, 16:34
№ 2Есть и такой...
...вариант :)
Пустое место под меню, при большой высоте контейнера отведенного под контент, не понравилось.
На любителя :)
gordi
07 марта 2009, 00:32
№ 3Можно легче
А зачем столько кода то? Я и не понимаю ничего в нём...
Есть решение на порялок легче. Наверно нужно в жаваскрипте вообще ничего не смыслить, чтобы пользоваться самыми простыми решениями. Или читать умные сайты :) на вашем например уму разуму постоянно набираюсь...
Вот. Посмотрел у Forsimple и обработал напильником...
http://sitestroy.com/examples/tabs/tabs.html
Работает при наведении, мне так больше нравится, но можно и по клику сделать.
07 марта 2009, 13:00
№ 4Все можно...
Но у меня все статьи идут с продолжением :)
А это вступительная часть к не большому сервису, который планирую сделать.
Поэтому все зависит от задачи, что поставлена, предложенный мной вариант, может и не самое лучшее решение, но меня полностью устраивает :)
gordi
Адрес заметки: http://trifler.ru/blog/post_1233512737.html
Ваш комментарий к статье:



cod


Примечание:
Обязательные для заполнения поля помечены карандашом
email при указании не будет опубликован.
Адреса с http:// преобразуются в ссылки автоматически
Теги запрещены
English German French Spanish Italian Japanese
  • Programming V. Lasto
  • Designer S. Gordi
  • Created in 0,02239 seconds
  • © 2007-2010