Tab

Автор: Александр
Опубликовано: 354 дня назад (4 июня 2011)
Блог: Spyver-Blog
Рубрика: Web-дизайн
Редактировалось: 1 раз — 4 июня 2011
Играет: Deathstars
+27
Голосов: 27
Решил вот сделать таб-закладки на сайте.Выдернул скрипт со старого своего проекта ну и вставил на новый проект.В стиле css не стал менять классы,лень как-то было,и оставил старые.
Начнем разборку полетов.
в css  вашего шаблона вставляем
Код PHP:
.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}.
Впринципе все,пример можно глянуть на Script-Portal.
Не забудьте только отредактировать все пути в файлах под свои нужды,а в moduletab.php поставить свои позиции для выводимых модулей.Количество вкладок (по горизонту) ограничивается только шириной вашего браузера.
Ну и не забываем про исходники файлов.Скачать
Каталог файлов в универсальном каталоге-продолжение... | Шаблон VK-style
0 # 4 июня 2011 в 14:50 0
Полезная штуковина smile
Нужно будет попробовать сделать)
Не совсем понял про
Автор:
Создаем новый модуль в котором выбираем название ,позицию и вставляем внешний скрипт {ФАЙЛ=moduletab.php}.
Александр # 4 июня 2011 в 15:12 0
В админке во вкладке Модули кликаем на Создать-добавить модуль.В открывшейся странице заполняешь поля Название модуля,Позиция.В поле Тип модуля выбираем Пользовательский(новый).В поле Содержимое модуля Вставить Внешний скрипт и вствляем {ФАЙЛ=moduletab.php}.
pivua) # 4 июня 2011 в 15:13 0
Вопрос не ради упрека, а интереса ради:
Чем ваши таб закладки отличаются от этих
http://instantcms.ru/catalog/item54.html
Если есть какие то отличительные плюсы - перечислите их пожулуйста.
Спасибо.
Александр # 4 июня 2011 в 15:25 0
Если честно не знаю,потому что не ставил по вашей ссылке.
Максим Шорин # 4 июня 2011 в 19:52 0
Вчера как раз мне понадобилось дублировать вот эти закладки, но то ли терпения не хватило, толи мозгов, короче не вышло.
Николай # 5 июня 2011 в 02:08 +2
Тем они уже лучше, что не будут перекрывать таб вкладки профиля. Классы у них вроде из тех, что нету в стилях, значит не будет накладываться друг на друга, ничто слетать не будет.
alexbabo # 5 июня 2011 в 10:41 0
Тем лучше что никаких конфликтов не вызывает,старые табы не мог использовать из за конфликтов с такими компонентами как подарки,оценки,подсказка пользователя и ещё многое другое,так что спасибо,поставил и доволен.
Дмитрий # 6 июня 2011 в 15:36 0
А что надо прописать чтобы содержимое появилось?
Олег Васильевич я # 1 августа 2011 в 15:47 0
Ставил кто рядом с MAPS ?
Спасибо!
Cep}I{ # 27 ноября 2011 в 20:17 0
Спасибо, очень удобный скриптик ;)
Tagil-Rulit # 12 декабря 2011 в 00:26 0
При копировании файлов в папку с шаблоном, появился запрос на замену файла styles.css . Данный файл уже существует, его замена плачевно скажется на шаблоне под названием - (otdohnul) Подскажите пожалуйста, как быть?
maia # 12 декабря 2011 в 00:34 0
Скопируйте все из нового файла и добавьте в старый.
Ingvarruss # 17 января 2012 в 12:05 0
Не пойму что нужно прописать, чтобы появилось содержимое вкладок. Может кто подскажет?
Ingvarruss # 18 января 2012 в 13:24 0
Разобрался
Ingvarruss # 19 января 2012 в 11:52 0
У кого нибудь получилось клонировать их?