Решил вот сделать таб-закладки на сайте.Выдернул скрипт со старого своего проекта ну и вставил на новый проект.В стиле css не стал менять классы, лень как-то было, и оставил старые.
Начнем разборку полетов.
в css вашего шаблона вставляем
закидываем в папку вашего шаблона с картинками.
Файл moduletab.php бросаем в includes/myphp.
Файл tabcontent.js кидаем в любое место (прописывать между <head></head> не надо, путь редактируется в moduletab.php).
Теперь бежим в админ.центр в Модули.
Создаем новый модуль в котором выбираем название, позицию и вставляем внешний скрипт {ФАЙЛ=moduletab.php}.
Впринципе все.
Не забудьте только отредактировать все пути в файлах под свои нужды, а в moduletab.php поставить свои позиции для выводимых модулей.Количество вкладок (по горизонту) ограничивается только шириной вашего браузера.
Ну и не забываем про исходники файлов.Скачать
Начнем разборку полетов.
в css вашего шаблона вставляем
.userinfo .shadetabs, .userinfo .shadetabs li { padding: 0; margin: 0; list-style: none; background: none; } .userinfo .shadetabs { display: block; height: 27px; padding-left: 0px; overflow: hidden; } .userinfo .shadetabs li { float: left; } .userinfo .shadetabs li a { float: left; width: 160px; height: 27px; line-height: 29px; text-decoration: none !important; color: #393939; font-size: 13px; background: #f4f4f3 url("/templates/ваш-шаблон/images/userinfo_tabs.png") no-repeat right -27px; text-align: center; } .userinfo .shadetabs li a.selected { line-height: 27px; color: #c9553f; background: url("/templates/ваш-шаблон/images/userinfo_tabs.png") no-repeat right top; } .userinfo .tabcontent{ display: none; padding: 10px 0; } @media print { .userinfo .tabcontent { display:block !important; } } .userinfo .shadetabscont { background-color: #fff; border: 1px solid #cecece; padding-top:1px; }
Файл moduletab.php бросаем в includes/myphp.
Файл tabcontent.js кидаем в любое место (прописывать между <head></head> не надо, путь редактируется в moduletab.php).
Теперь бежим в админ.центр в Модули.
Создаем новый модуль в котором выбираем название, позицию и вставляем внешний скрипт {ФАЙЛ=moduletab.php}.
Впринципе все.
Не забудьте только отредактировать все пути в файлах под свои нужды, а в moduletab.php поставить свои позиции для выводимых модулей.Количество вкладок (по горизонту) ограничивается только шириной вашего браузера.
Ну и не забываем про исходники файлов.Скачать
Реклама #
13 лет назад #
Нужно будет попробовать сделать)
Не совсем понял про
Александр 13 лет назад #
reload 13 лет назад #
Чем ваши таб закладки отличаются от этих
http://instantcms.ru/catalog/item54.html
Если есть какие то отличительные плюсы - перечислите их пожулуйста.
Спасибо.
Александр 13 лет назад #
Максим Шорин 13 лет назад #
Николай 13 лет назад #
alexbabo 13 лет назад #
Дмитрий 13 лет назад #
Олег Васильевич я 13 лет назад #
Cep}I{ 13 лет назад #
Tagil-Rulit 13 лет назад #
maia 13 лет назад #
Ingvarruss 12 лет назад #
Ingvarruss 12 лет назад #
Ingvarruss 12 лет назад #
SE7EN 12 лет назад #