Меняем цвета сайта в зависимости от предпочтений посетителя - Форум
Включить музыку | Четверг, 08 Дек 2016, 5.05.25| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 41234»
Архив - только для чтения
Форум » Корзина » Архив » Шпаргалка и скрипты » Меняем цвета сайта в зависимости от предпочтений посетителя (дизайн сайта)
Меняем цвета сайта в зависимости от предпочтений посетителя
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" />

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

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

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

 
БелчонкаДата: Пятница, 26 Дек 2008, 1.59.01 | Сообщение # 2
Admin
Группа: Администраторы
Город: Almaty
На форуме с: 13 Дек 2007
Награды: 57
Сообщений: 5754
< >
Статус:
~ Мои награды ~
Артём спасибо вам за скрипт, вот только марока ,стили менять ,там не только картинки ,но ведь и цвета письменности.
Потом картинки понятно ,можно закачать в папку с файлами и ссылку прописать,а вот с цветами ,это как?

А вообще то мне не понятно ничего из выше написанного,стили менять в css это запаришься их менять и где их сохранить коды со стилями?


 
neddДата: Пятница, 26 Дек 2008, 2.36.23 | Сообщение # 3
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Отвечу на примере вашего сайта.

У Вашего сайта таблица стилей http://komu-za-40.ucoz.kz/_st/my.css. Делаем копию этого файла с именем style0.css.

В CSS таблице есть участки отвечающие за цвета элементов сайта, например, здесь раскраска комментов:

Quote

/* Comments Form Style */
.commTable {background:url('http://komu-za-40.ucoz.kz/imgg/fcom.gif')repeat;border:1px dashed #006600;}
.commTd1 {color:#000000;}

Очевидно, за цвета в CSS-файле отвечает все, что имеет color, за рисунки - background:url(адрес рисунка).

Делаем копии файла style0.css : style1.css, style2.css, style3.css

Теперь обратимся к файлу style1.css. Поиздеваемся над ним вдоволь :)))

Допустим, нам нужно будет в цветовой гамме поменять то, что относится к комментами
Правим в style1.css

Quote

/* Comments Form Style */
.commTable {background:url('путь к другому рисунку')repeat;border:1px dashed #код другого цвета;}
.commTd1 {color:#код другого цвета;}

Коды цветов можно брать в фотошопе или справочниках.

В общем, так можно быстро перекрасить сайт, прописав цвета и рисунки по четырем разным
таблицам и создав 4 варианта раскраски своего сайта )

Создаем папку в файловом менеджере icss, закачиваем туда style0.css и т.д.

При перекраске лучше заменить в управлении дизайном в шаблоне

заменить

Code
<link type="text/css" rel="StyleSheet" href="http://komu-za-40.ucoz.kz/_st/my.css" />

на
Code
<link rel="stylesheet" href="http://komu-za-40.ucoz.kz/icss/style$SPEC_FLAG$.css" type="text/css" media="screen" />

* Т.е. не надо трогать файл http://komu-za-40.ucoz.kz/_st/my.css.
** Перед попытками перекраски надо обязательно внести изменения в шаблон формы входа, указанные выше.
*** Еще раз читаем про пост номер 1. О css смотрите на сайтетут

И вот у нас перекрашенный сайт и каждый посетитель выбирает гамму - готы черный, эмо - розовый фон!

Радуемся, смахиваем пот со лба, наконец перекрасили, посмотрели что получилось и поругали neddа smile

 
neddДата: Пятница, 26 Дек 2008, 2.42.54 | Сообщение # 4
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Quote
стили менять в css это запаришься

Ну.... без труда, не выловишь и рыбку из пруда. Дров не нарубишь, костра в лесу не разожжешь smile
И потом, не все так сложно. wink
 
VoropzДата: Четверг, 08 Янв 2009, 2.38.15 | Сообщение # 5
Рядовой
Группа: Проверенные
На форуме с: 06 Дек 2008
Награды: 0
Сообщений: 8
< >
Статус:
~ Мои награды ~
Может, если сам сделаю, выложу 4 типа: осенний/зимний/весенний/летний (ну, т.е. желтые оттенки/бело-голубые/тут трудно сказать/зеленые)
 
Форум » Корзина » Архив » Шпаргалка и скрипты » Меняем цвета сайта в зависимости от предпочтений посетителя (дизайн сайта)
Страница 1 из 41234»
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

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