Tab

+30
3.6K
Решил вот сделать таб-закладки на сайте.Выдернул скрипт со старого своего проекта ну и вставил на новый проект.В стиле css не стал менять классы, лень как-то было, и оставил старые.
Начнем разборку полетов.
в css вашего шаблона вставляем
  1. .userinfo .shadetabs, .userinfo .shadetabs li { padding: 0; margin: 0; list-style: none; background: none; }
  2.  
  3. .userinfo .shadetabs {
  4. display: block;
  5. height: 27px;
  6. padding-left: 0px;
  7. overflow: hidden;
  8.  
  9. }
  10. .userinfo .shadetabs li { float: left; }
  11.  
  12. .userinfo .shadetabs li a {
  13. float: left;
  14. width: 160px; height: 27px;
  15. line-height: 29px;
  16. text-decoration: none !important;
  17. color: #393939;
  18. font-size: 13px;
  19. background: #f4f4f3 url("/templates/ваш-шаблон/images/userinfo_tabs.png") no-repeat right -27px;
  20. text-align: center;
  21. }
  22.  
  23.  
  24. .userinfo .shadetabs li a.selected { line-height: 27px; color: #c9553f; background: url("/templates/ваш-шаблон/images/userinfo_tabs.png") no-repeat right top; }
  25.  
  26. .userinfo .tabcontent{ display: none; padding: 10px 0; }
  27.  
  28. @media print {
  29. .userinfo .tabcontent {
  30. display:block !important;
  31. }
  32. }
  33.  
  34. .userinfo .shadetabscont {
  35. background-color: #fff;
  36. border: 1px solid #cecece;
  37. padding-top:1px;
  38.  
  39. }
Иллюстрациязакидываем в папку вашего шаблона с картинками.
Файл moduletab.php бросаем в includes/myphp.
Файл tabcontent.js кидаем в любое место (прописывать между <head></head> не надо, путь редактируется в moduletab.php).
Теперь бежим в админ.центр в Модули.
Создаем новый модуль в котором выбираем название, позицию и вставляем внешний скрипт {ФАЙЛ=moduletab.php}.
Впринципе все.
Не забудьте только отредактировать все пути в файлах под свои нужды, а в moduletab.php поставить свои позиции для выводимых модулей.Количество вкладок (по горизонту) ограничивается только шириной вашего браузера.
Ну и не забываем про исходники файлов.Скачать
0
13 лет назад #
Полезная штуковина smile
Нужно будет попробовать сделать)
Не совсем понял про
Автор:
Создаем новый модуль в котором выбираем название ,позицию и вставляем внешний скрипт {ФАЙЛ=moduletab.php}.
0
Александр Александр 13 лет назад #
В админке во вкладке Модули кликаем на Создать-добавить модуль.В открывшейся странице заполняешь поля Название модуля,Позиция.В поле Тип модуля выбираем Пользовательский(новый).В поле Содержимое модуля Вставить Внешний скрипт и вствляем {ФАЙЛ=moduletab.php}.
0
reload reload 13 лет назад #
Вопрос не ради упрека, а интереса ради:
Чем ваши таб закладки отличаются от этих
http://instantcms.ru/catalog/item54.html
Если есть какие то отличительные плюсы - перечислите их пожулуйста.
Спасибо.
0
Александр Александр 13 лет назад #
Если честно не знаю,потому что не ставил по вашей ссылке.
0
Максим Шорин Максим Шорин 13 лет назад #
Вчера как раз мне понадобилось дублировать вот эти закладки, но то ли терпения не хватило, толи мозгов, короче не вышло.
+2
Николай Николай 13 лет назад #
Тем они уже лучше, что не будут перекрывать таб вкладки профиля. Классы у них вроде из тех, что нету в стилях, значит не будет накладываться друг на друга, ничто слетать не будет.
0
alexbabo alexbabo 13 лет назад #
Тем лучше что никаких конфликтов не вызывает,старые табы не мог использовать из за конфликтов с такими компонентами как подарки,оценки,подсказка пользователя и ещё многое другое,так что спасибо,поставил и доволен.
0
Дмитрий Дмитрий 13 лет назад #
А что надо прописать чтобы содержимое появилось?
Олег Васильевич я Олег Васильевич я 13 лет назад #
Комментарий удален
0
Cep}I{ Cep}I{ 13 лет назад #
Спасибо, очень удобный скриптик ;)
0
Tagil-Rulit Tagil-Rulit 13 лет назад #
При копировании файлов в папку с шаблоном, появился запрос на замену файла styles.css . Данный файл уже существует, его замена плачевно скажется на шаблоне под названием - (otdohnul) Подскажите пожалуйста, как быть?
0
maia maia 13 лет назад #
Скопируйте все из нового файла и добавьте в старый.
0
Ingvarruss Ingvarruss 12 лет назад #
Не пойму что нужно прописать, чтобы появилось содержимое вкладок. Может кто подскажет?
0
Ingvarruss Ingvarruss 12 лет назад #
Разобрался
0
Ingvarruss Ingvarruss 12 лет назад #
У кого нибудь получилось клонировать их?
0
SE7EN SE7EN 12 лет назад #
Это да, бло бы неплохо клонировать этот модуль.

Еще от автора

Каталог файлов в универсальном каталоге-продолжение...
Понадобилось вот мне сделать на сайте каталог файлов.Нашел хороший вариант Каталога файлов.Но...
Создание валидной бегущей строки.
Захотелось вот мне как-то "оживить" сайт и решил сделать вывод новых фотографий в виде бегущей строки ,но чаще всего, когда нам нужно было с
Безопасность админ.центра.
Доброго времени суток, уважаемые! Это моя первая запись (надеюсь не последняя),поэтому прошу строго не судить. И так,приступим к защите нашего админ.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.