Пятница, 17.05.2024, 11:40
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Ноябрь 2009  »
    ПнВтСрЧтПтСбВс
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Ноябрь » 24 » Несколько дизайнов на сайте
    16:37
    Несколько дизайнов на сайте
    Наверное есть такие люди, которые хотят сделать несколько дизайнов для своего сайта.
    С помощью скрипта, показанного ниже, это можно реализовать.

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

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

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

    Code
    <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) лежат в корне сайта.

    Далее, в тело сайта ( СЮДЫ ) вставляем это:
    Выберите дизайн сайта:

       [/code]
    *Выберите дизайн сайта: - Напишите че угодно, можно удалить.
    *"styles1" и "styles2" - имена ваших листов стилей (CSS), обратите внимание, пишется без ".css"
    *Темный и Светлый - названия ваших дизайнов, для пользователей.

    Категория: скрипты для ucoz сайта | Просмотров: 308 | Добавил: CCUMC | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]