Главная » Интересные решения для сайтов uCoz » Ucoz » Разное для ucoz

Материал добавлен 3288 дней, 22 часа, 37 минут, 39 секунд назад

Смена стилей CSS с запоминанием на Cookie


Смена стилей CSS с запоминанием на Cookie
Скрипт не новый, я нашёл его на просторах интернета и решил поделиться с Вами. Суть его заключается в том, что при нажатии на кнопку он подгружает именно изменённые стили. То есть, Вам нужно прописывать не весь CSS для каждого отдельного цвета, а только тот, который необходимо изменить. Я думаю понятно.

Установка

1. Первым делом вставим нижеприведенный код в Верхнюю часть сайта в самый низ:

Код
<link id="change" rel="StyleSheet" href="" />  
<script>  
function changeCSS(url) {  
  if (!arguments.length) {  
  url = (url = document.cookie.match(/\bchange=([^;]*)/)) && url[1];  
  if (!url) return '';  
  }  
  document.getElementById('change').href = url;  
  var d = new Date();  
  d.setFullYear(d.getFullYear() + 1);  
  document.cookie = ['change=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
  return url;  
}  
changeCSS();  
</script>


2. Второй шаг - установим этот HTML-код ниже самого скрипта:

Код
<div class="themes">  
<div class="red" onclick="changeCSS('/red.css')"></div>  
<div class="green" onclick="changeCSS('/green.css')"></div>  
</div>


3. И последнее - CSS-код для стилизации кнопок:

Код
.themes {position: fixed; top: 50px; right: 50px;}  
.themes div {border-radius: 3px; width: 25px; height: 25px; margin-left: 5px; float: left; cursor: pointer;}  
.themes .red {background: #da3c3c;}  
.themes .green {background: #3cda3c;}


По умолчанию я расположил кнопки фиксировано. То есть, они выводятся в правом верхнем углу и прикреплены независимо от прокрутки содержимого сайта.

Вы можете это изменить на свой вкус в строчке .themes {position: fixed; top: 50px; right: 50px;}

Автор материала:
...
Логин на сайте: ...
Группа: ...
Материалов: ...
Статус: ...
О материале:
Дата добавления материала:
06.07.2016 в 11:02
Материал просмотрен: 602 раза
Категория материала:
Разное для ucoz
К материалу оставлено: 0 комментариев




Рекомендую к просмотру

Разное для ucoz - Фоновая картинка ссылкой

Фоновая картинка ссылкой


Разное для ucoz - Когда заходил на сайт как Вконтакте для uCoz

Когда заходил на сайт как Вконтакте для uCoz


Скрипты - CSS Скроллбар для сайтов uCoz

CSS Скроллбар для сайтов uCoz


Скрипты - Анимация вращения для изображения на CSS

Анимация вращения для изображения на CSS



К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Немного информации в комментариях!
1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных, например таких: uCoz.ru, forum.ucoz.ru, blog.ucoz.ru и т.п.)
4. Запрещено флудить и спамить, предлогать услуги (например: "делаю рипы, адаптации на заказ" "помогу с установкой шаблона" и т.д. )

Комментарии к материалу Смена стилей CSS с запоминанием на Cookie
avatar
Close
Здравствуйте Гость
Пожалуйста зарегистрируйтесь или войдите под своим логином на сайт.
Правила чата
Пользователи онлайн1
Мини-чат
+Мини-чат
shazam094
10.11.2016 в 08:50
shazam094
kimdir bormi?
shazam094
shazam094
26.08.2016 в 16:57
shazam094
norm vzlom pochtu proga tawang
shazam094
DemenCo^
25.08.2016 в 16:02
DemenCo^
yaxshi! o'zingchi? okey
DemenCo^
shazam094
24.08.2016 в 20:55
shazam094
qalesiz
shazam094
DemenCo^
07.08.2016 в 10:58
DemenCo^
o'zim shunday qaraolmayapman!
DemenCo^
shazam094
05.08.2016 в 13:56
shazam094
saytni nega bermoq4isiz?
shazam094
shazam094
05.08.2016 в 13:53
shazam094
ok
shazam094
DemenCo^
05.08.2016 в 13:03
DemenCo^
xa myli jo'ralaringga aytib ko'r saytdi!
DemenCo^
shazam094
05.08.2016 в 09:23
shazam094
kerak mas aka qoyin men tuwunmaman unlike wink
shazam094
DemenCo^
05.08.2016 в 00:16
DemenCo^
internedan qqnday qilib ucoz materisl qoshiwni o'rganib olgin senga topshiraman okey
DemenCo^
shazam094
04.08.2016 в 21:15
shazam094
lekin qaray olmasam kerak hali sizdey html css ilarni bilmiman yaxiwsi menga topwirmang
shazam094
shazam094
04.08.2016 в 21:15
shazam094
nma edi aka menga topwirasizmi
shazam094
DemenCo^
04.08.2016 в 11:45
DemenCo^
saytga qarayolsanmi???
DemenCo^
DemenCo^
04.08.2016 в 11:20
DemenCo^
qaray olasanmi?
DemenCo^
LitCo
04.08.2016 в 11:18
LitCo
agar saytga qaray olasanmi?
LitCo
shazam094
04.08.2016 в 11:08
shazam094
yo pul yo
shazam094
LitCo
04.08.2016 в 11:01
LitCo
shazam saytimni sotaman olmaysanmi (200) okey
LitCo
shazam094
04.08.2016 в 08:48
shazam094
aka ingliz tili video uroklar ssilka berin plz torrent ga tortaman
shazam094
LitCo
03.08.2016 в 22:15
LitCo
aa ok! raxmad
LitCo
shazam094
03.08.2016 в 09:24
shazam094
xa akamni profilidan kordim
shazam094
LitCo
02.08.2016 в 16:02
LitCo
UNA912 senmisan?
LitCo
shazam094
02.08.2016 в 11:13
shazam094
bowidan reg qilib bosdim
shazam094
shazam094
29.07.2016 в 21:26
shazam094
bosdim
shazam094
LitCo
29.07.2016 в 19:08
LitCo
boshqatdan reg qilib klass bosib chiq iltimos cry http://nnmuz.com/user/dilshod2747/news/
LitCo
LitCo
29.07.2016 в 19:08
LitCo
shzam
LitCo
LitCo
29.07.2016 в 19:08
LitCo
men yozdim :)
LitCo
shazam094
29.07.2016 в 12:59
shazam094
http://ddh.ucoz.site/forum/35-18-1
shazam094
shazam094
29.07.2016 в 12:59
shazam094
manuni men yozmaganman kim yozgan?
shazam094
shazam094
29.07.2016 в 12:57
shazam094
bosib 4iqdim
shazam094
LitCo
29.07.2016 в 12:17
LitCo
mana men nnmuz.comga qoshgan narsalar ko'rib klass bosib chiq http://nnmuz.com/user/dilshod2747/news/ iltimos
LitCo
LitCo
29.07.2016 в 12:10
LitCo
yoq u onlayn testku! Sertifikat xam onlayn beriladi sen uni ko'chirib olishing mumkun
LitCo
shazam094
29.07.2016 в 09:36
shazam094
sertifikat qolizga berganmi?
shazam094
shazam094
29.07.2016 в 09:33
shazam094
a chiqdi
shazam094
shazam094
29.07.2016 в 09:32
shazam094
chiqmayapdiku
shazam094
LitCo
28.07.2016 в 21:01
LitCo
alooooooooooo!.
LitCo
shazam094
27.07.2016 в 19:02
shazam094
yoq reg qmaganman
shazam094
shazam094
27.07.2016 в 19:01
shazam094
aka menga Adobe after effects CS4 programma ni topib berin ska4at qilaman
shazam094
LitCo
27.07.2016 в 16:52
LitCo
shazam nnmuz.da reg qilganmisan??
LitCo
shazam094
27.07.2016 в 09:57
shazam094
unlike unlike unlike
shazam094
shazam094
26.07.2016 в 19:50
shazam094
meniki animasiyalik sizdiki prostoy tuftaku
shazam094
shazam094
26.07.2016 в 19:41
shazam094
http://forum.livestar.uz/index.php?/profile/310-shohruxshazam/
shazam094
shazam094
26.07.2016 в 19:41
shazam094
davay qoyin avatarni mana meniki http://forum.livestar.uz/index.php?/profile/310-shohruxshazam/
shazam094
LitCo
26.07.2016 в 19:40
LitCo
meniki 4otki seniki aoldin tayyorlangan!
LitCo
shazam094
26.07.2016 в 19:40
shazam094
meniki avatarga mos tuwadi sizdiki esa yoq go livestar.ga koramiz
shazam094
shazam094
26.07.2016 в 19:39
shazam094
axaxaxa
shazam094
LitCo
26.07.2016 в 19:39
LitCo
senikidan zo'r meniki!
LitCo
shazam094
26.07.2016 в 19:39
shazam094
tin
shazam094
shazam094
26.07.2016 в 19:38
shazam094
xa
shazam094
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0