Простая смена стилей с запоминанием на куки (cookies) для uCoz

4810
10 из 10
Проголосовало: 2




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

На страницах, где будет использован данный скрипт (Можно в глобальный блок), вставляйте:

Code
<link id="dyncss" rel="stylesheet" type="text/css" href="">  
<script type="text/javascript">  
function setDynCSS(url) {  
if (!arguments.length) {  
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];  
if (!url) return '';  
}  
document.getElementById('dyncss').href = url;  
var d = new Date();  
d.setFullYear(d.getFullYear() + 1);  
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
return url;  
}  
setDynCSS();  
</script>

Следующий код в то место, где будут выводиться картинки для переключения между стилями:

Code
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')">  
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 6

Fox_Mulder
Ответить
0
Fox_Mulder написал: Написано 02 Июня 2012 в 04:24
Комментарий №6
Почему код не работает?

The_Host
Ответить
0
The_Host написал: Написано 28 Декабря 2011 в 19:51
Комментарий №5
А если я хочу что бы два дизайна были вообще не похожими, для них ведь не только css разным должно быть. Что тогда?

John_Cena
Ответить
0
John_Cena написал: Написано 03 Марта 2011 в 12:35
Комментарий №3
А как зделать что бы просто фон менялся?

Вовчик
Ответить
+3
Вовчик написал: Написано 03 Марта 2011 в 23:15
Комментарий №4
в одном css пишешь в .body {background: #000000;} один цвет, в другом css другой .body {background: #ff0000;} и т.д.

DaMaGe
Ответить
0
DaMaGe написал: Написано 02 Марта 2011 в 16:34
Комментарий №2
хрень. Лучше бы с html а не css

7soft
Ответить
+2
7soft написал: Написано 02 Марта 2011 в 12:54
Комментарий №1
Я системным методом попробую сделать с возможностью переключения через админбар... smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2120
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    484
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: