На портале уже 570 , зарегистрировано 9843 и написано 803 .
Juiced 2 шаблон для ...
Светлый шаблон для с...
Информер Праздники д...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Несколько дизайнов на сайте uCoz

Несколько дизайнов на сайте uCoz

  • Добавил: Scripts_For_uCoz
  • Дата: 2017-11-18, 10:41 PM
  • Комментариев: 0
  • Просмотров: 2991
Скриншот материала «Несколько дизайнов на сайте uCoz»
Наверное есть такие люди, которые хотят сделать несколько дизайнов для своего сайта.
С помощью скрипта, показанного ниже, это можно реализовать.

Важно!
Скрипт производит замену CSS, поэтому все настройки "красоты", должны быть именно в нем. Все, что написано не в CSS, а в коде HTML, останется неизменным.

Информация о выбранном варианте сайта сохраняется в куки, что избавляет от постоянного сброса настроек.

Итак коды:
Между <head></head> вставляем этот скрипт

<script>
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

var diz = getCookie('mydiz') ? getCookie('mydiz') : 'styles1';
document.write('<link type="text/css" rel="StyleSheet" href="http://paint.3dn.ru/'+diz+'.css">');

function dizsave() {
setCookie('mydiz',document.getElementsByName('mdiz')[0].value, 365);
location.reload();
}
</script>

*'styles1' - название вашего CSS, лучше, если оно будет таким же.
*http://paint.3dn.ru/ - адрес на папку с CSS.
Это скрипт на два дизайна (можно больше) и оба файла CSS (styles1.css и styles2.css) лежат в корне сайта.

Далее, в тело сайта (<body> СЮДЫ </body>) вставляем это:
Выберите дизайн сайта:
<select name="mdiz">
<option value="styles1" selected="selected">Темный</option>
<option value="styles2">Светлый</option>
</select>

<input type="button" name="save" onclick="dizsave(); return true;" value="Сохранить" />   [/code]
*Выберите дизайн сайта: - Напишите че угодно, можно удалить.
*"styles1" и "styles2" - имена ваших листов стилей (CSS), обратите внимание, пишется без ".css"
*Темный и Светлый - названия ваших дизайнов, для пользователей.


Будьте внимательны! Этот материал «Несколько дизайнов на сайте uCoz» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
Материал «Несколько дизайнов на сайте uCoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]