Форум Сайтостроение Веб-строительство

смена CSS файла по велению пользователя...

Kot Matroskin
На сайте с 29.08.2007
Offline
185
Kot Matroskin
1346

Доброго времени суток.

Требуется дать пользователю возможность менять цветовую гамму сайта. (таблицы, стили и т.п.) Как это можно сделать?

Думал может выбирать какой стиль использовать?... К слову желательно правда чтобы цвет менялся без обновления страницы.

Можете что посоветовать?

Спасибо.

Я пользовался 11 разными хостингами. Есть только один ЛУЧШИЙ: ★ он тут ★ (https://goo.gl/R6v3zH) Пишите в ЛС за скидкой. VPS тоже в наличие ! Рекомендую.
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#1
Kot Matroskin:
Требуется дать пользователю возможность менять цветовую гамму сайта

вариант 1. несколько готовых файлов стилей (перезагрузка).

вариант 2. с помощью JS менять параметры цветов элементов и файлы картинок (без перезагрузки, но страницу нужно верстать с учетом нюансов)

вариант 3. всю страницу генерить через JS/ajax с заменой "налету" всех необъодимых параметров.

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
kil
На сайте с 03.04.2006
Offline
84
kil
#2

Вариант 4. Проще и без заморочек. C помощью javascript переключать нужные таблицы стилей.

Простой пример:


<html>
 <head>
  <link rel=stylesheet type="text/css" href="css1.css" id="mycss">
  <script>
   function selectCss(){
     document.getElementById('mycss').href="css2.css";
   }
  </script>
 </head>
 <body>
  <a href="javascript: selectCss();">Переключить</a>
 </body>
</html>

И два файла:

css1.css


* {color: black;}

css2.css


* {color: red;}

+ доработка по вкусу :)

Kot Matroskin
На сайте с 29.08.2007
Offline
185
Kot Matroskin
#3

kil, большое спасибо - то что надо :)

T.R.O.N, и вам спасибо :)

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#4
kil:
C помощью javascript переключать нужные таблицы стилей.

работает в 50-70% случаев....

Kot Matroskin
На сайте с 29.08.2007
Offline
185
Kot Matroskin
#5
работает в 50-70% случаев....

А поточнее пожалуйста? :)

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#6
Kot Matroskin:
А поточнее пожалуйста?

просто попробуйте на массовых броузерах в разных операционках...

и еще, DOM и наследование, штука более сложная.

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#7

Читайте классику: http://www.alistapart.com/articles/alternate/

kil
На сайте с 03.04.2006
Offline
84
kil
#8
T.R.O.N:
работает в 50-70% случаев....

Проверял на винде и маке: IE + FF + Opera + Safari + Chrome = 97% браузеров в среднем.

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#9

kil, значит все остальные, кроме Вас, дети необразованные...

[Удален]
#10

ммм тема где коты переубеждают друг друга =)))

пис =)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий