Заходите к нам с нового домена - uCoz.co.ua
Total users: 3516

Навигация

New-Info это:
Большой сборник скриптов, шаблонов, меню, макетов для uCoz. Проект New-Info.uCoz.Net не требует от Вас регистрации для скачивание файлов. Также большая часть загружена на наш сервер - это даст возможность скачивать в один клик.

Поиск


Форма входа

Популярные теги

Профиль

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Проверка тИЦ и PR

скачать моды
Переключатель вида материалов для uCoz
Категория: Скрипты / Дата добавления материала: 08.02.2012, 21:26

Скрипт позволит сделать несколько вариантов вида материалов.

Вид материалов модуля (Управление дизайном » Вид материалов модуля):
Code
<div class="type_1">Другой вид материала</div>  
<div class="type_2">Основной вид материала</div>


Вместо текста «Основной вид материала» вставляйте уже имеющийся у Вас вид материала, а вместо текста «Другой вид материала» вставляйте новый вид.

Переключатель (Управление дизайном » Главная страница модуля/Страница со списком материалов категории):
Code
<div class="view_1" onclick="iseed2()"><a href="javascript:;">Вид первый</a></div>  
<div class="view_2" onclick="iseed1()"><a href="javascript:;">Вид второй</a></div>


Вы можете вместо ссылок вставить картинки для переключателя. Вставлять этот код рекомендуется где-нибудь в верхней части шаблона. Обязательно между тегами и .

Скрипт переключателя (Управление дизайном » Главная страница модуля/Страница со списком материалов категории):
Code
<script type="text/javascript" src="http://new-info.ucoz.net/imghost/yraaa/cookie.js"></script>  
<script type="text/javascript">  
function iseed1() {  
$('.view_2').fadeOut(400, function(){$('.view_1').fadeIn(400)});  
$('.type_2').fadeOut(400, function(){$('.type_1').fadeIn(400)});  
setCookie('presee', '0', 1, '/')}  
function iseed2() {  
$('.view_1').fadeOut(400, function(){$('.view_2').fadeIn(400)}); $('.type_1').fadeOut(400, function(){$('.type_2').fadeIn(400)}); setCookie('presee', '1', 1, '/')  
}  
var presee = getCookie("presee")  
if (presee=='0') {  
$('.type_1').show();  
$('.type_2').hide(); $('.view_1').show();  
$('.view_2').hide();  
}  
</script>  


Файл http://new-info.ucoz.net/imghost/yraaa/cookie.js желательно загрузить на свой сайт. Код нужно вставить между тегами и .

Код CSS (Управление дизайном » Главная страница модуля/Страница со списком материалов категории):
Code
<style type="text/css">  
.view_1 {display:none}  
.type_1 {display:none}  
</style>


Код должен присутствовать там же, где и вставляется переключатель, а можно вставить этот код в Таблицу стилей (CSS). В этом случае без