Меняем цвета сайта в зависимости от предпочтений посетителя - Страница 3 - Форум
Включить музыку | Суббота, 10 Дек 2016, 4.08.15| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 3 из 4«1234»
Архив - только для чтения
Форум » Корзина » Архив » Шпаргалка и скрипты » Меняем цвета сайта в зависимости от предпочтений посетителя (дизайн сайта)
Меняем цвета сайта в зависимости от предпочтений посетителя
neddДата: Пятница, 26 Дек 2008, 1.44.53 | Сообщение # 1
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Расскажу об одном нечасто встречающемся приеме.

Посетители сайта Bioecolog.ru могут выбирать цветовую гамму сайта.

Если не сообразили о чем идет речь, можно зарегистрироваться на сайте,
выбрать зеленый или синий цвет и посмотреть, что происходит.

Теперь расскажу как это просто делается.

Создаем четыре таблицы стилей с именами style0.css, style1.css, style2.css, style3.css

Кстати, если перекрашиваете стандартную таблицу стилей, лучше ее сохранить
под именем style0.css.

В форме входа забиваем под паролем такие строки

Quote
Дизайн:
Code


<select name="flag" size="1">
<option value="1" style="background-color:#999999" selected>GREEN</option>
<option value="0">минимум</option>
<option value="1">зеленый</option>
<option value="2">розовый</option>
<option value="3">синий</option>
</select>

И наконец делаем быструю замену участков шаблонав и ставим вместо
предустановленной таблицы стилей свою, т.е. должно стоять

Quote
Code
<link rel="stylesheet" href="http://bioecolog.ru/icss/style$SPEC_FLAG$.css" type="text/css" media="screen" />

Надеюсь, что надо менять путь до таблицы стилей на свой, объяснять не надо.

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

Всем успехов в творческих экспериментах с дизайном и с Наступающим!

 
LianaДата: Четверг, 22 Янв 2009, 4.52.57 | Сообщение # 11
Майор
Группа: Пользователи
Город: Москва
На форуме с: 25 Дек 2008
Награды: 0
Сообщений: 55
< >
Статус:
~ Мои награды ~
mersii
 
БелчонкаДата: Пятница, 23 Янв 2009, 4.38.19 | Сообщение # 12
Admin
Группа: Администраторы
Город: Almaty
На форуме с: 13 Дек 2007
Награды: 57
Сообщений: 5754
< >
Статус:
~ Мои награды ~
nedd, Артём сутки искала и не нашла этот скрипт.Всё теперь есть три дизайна на весь сайт,не только на форуме,вот только скрипта нету ,чтоб можно было выбрать дизайн не выходя и заново при входе.Если можешь помоги.По верхней ссылке твоей ничего не разобрала,всё на английском там.

 
oleffДата: Пятница, 23 Янв 2009, 11.36.03 | Сообщение # 13
Майор
Группа: Проверенные
Город: Рига
На форуме с: 21 Дек 2008
Награды: 6
Сообщений: 70
< >
Статус:
~ Мои награды ~
Важно!
Скрипт производит замену CSS, поэтому все настройки "красоты", должны быть именно в нем. Все, что написано не в CSS, а в коде HTML, останется неизменным.

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

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://buslaev.net.ru/'+diz+'.css">');    

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

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

Этот код ставим там где вам надо

Code
Выберите дизайн сайта:
<select name="mdiz">
<option value="styles1" selected="selected">Темный</option>
<option value="styles2">Светлый</option>
</select>

<input type="button" name="save" onclick="dizsave(); return true;" value="Сохранить" />


http://allbest.ucoz.lv
Файлы, конкурсы, топы, аукционы, достижения
 
neddДата: Пятница, 23 Янв 2009, 3.08.01 | Сообщение # 14
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Я давал ссылку на архив, в архиве в папке chap15 примерпереключателя стилей...

По теме:

Самая полная версия менялки стилей, на русском - http://designformasters.info/posts/body-switcher

Еще один вариант - http://www.jstoolbox.com/2008/04/05/sozdanie-pereklyuchatelya-stilej

Сообщение отредактировал Кэт - Вторник, 17 Ноя 2009, 7.18.45
 
neddДата: Пятница, 23 Янв 2009, 3.09.56 | Сообщение # 15
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Для komu-za-40 надо по другому smile

Quote
<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://komu-za-40.ucoz.ru/icss/'+diz+'.css">');

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

Quote
Выберите дизайн сайта:
<select name="mdiz">
<option value="style1" selected="selected">Темный</option>
<option value="style2">Светлый</option>
</select>

<input type="button" name="save" onclick="dizsave(); return true;" value="Сохранить" />

 
Форум » Корзина » Архив » Шпаргалка и скрипты » Меняем цвета сайта в зависимости от предпочтений посетителя (дизайн сайта)
Страница 3 из 4«1234»
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016