Переключатель вида материалов для uCoz
Увы, шаблон недоступен для скачивания или покупки, в связи с обращением правообладателя!
По всем вопросам обращайтесь к Администратору.
По всем вопросам обращайтесь к Администратору.
Вид материалов модуля (Управление дизайном » Вид материалов модуля):
Код
<div class="type_1">Другой вид материала</div>
<div class="type_2">Основной вид материала</div>
<div class="type_2">Основной вид материала</div>
Вместо текста «Основной вид материала» вставляйте уже имеющийся у Вас вид материала, а вместо текста «Другой вид материала» вставляйте новый вид.
Переключатель (Управление дизайном » Главная страница модуля/Страница со списком материалов категории):
Код
<div class="view_1" onclick="iseed2()"><a href="javascript:;">Вид первый</a></div>
<div class="view_2" onclick="iseed1()"><a href="javascript:;">Вид второй</a></div>
<div class="view_2" onclick="iseed1()"><a href="javascript:;">Вид второй</a></div>
Вы можете вместо ссылок вставить картинки для переключателя. Вставлять этот код рекомендуется где-нибудь в верхней части шаблона. Обязательно между тегами <body> и </body>.
Скрипт переключателя (Управление дизайном » Главная страница модуля/Страница со списком материалов категории):
Код
<script type="text/javascript" src="http://yraaa.ru/img/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>
<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://yraaa.ru/img/cookie.js желательно загрузить на свой сайт. Код нужно вставить между тегами <body> и </body>.
Код CSS (Управление дизайном » Главная страница модуля/Страница со списком материалов категории):
Код
<style type="text/css">
.view_1 {display:none}
.type_1 {display:none}
</style>
.view_1 {display:none}
.type_1 {display:none}
</style>
Код должен присутствовать там же, где и вставляется переключатель, а можно вставить этот код в Таблицу стилей (CSS). В этом случае без <stylе>.
Теги:
0 Комментариев