Приветствую Вас, Гость! Регистрация RSS

93.191.11.117:27016

Четверг, 18.12.2025
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Как сделать два дизайна на сайте
boOm Дата: Воскресенье, 21.08.2011, 16:08 | Сообщение # 1
Сообщений: 73
Замечания:
Уважение
[ 37 ]
Offline
Как сделать два дизайна на сайте

Наверное есть такие люди, которые хотят сделать несколько дизайнов для своего сайта.
С помощью скрипта, показанного ниже, это можно реализовать.

Важно!
Скрипт производит замену CSS, поэтому все настройки "красоты", должны быть именно в нем. Все, что написано не в CSS, а в коде HTML, останется неизменным.

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

Итак коды:
Между вставляем этот скрипт

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://paint.3dn.ru/'+diz+'.css">');     

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


ОБЬЯСНЕНИЯ
*'styles1' - название вашего CSS, лучше, если оно будет таким же.
*http://paint.3dn.ru/ - адрес на папку с 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="Сохранить" />


*Выберите дизайн сайта: - Напишите чего угодно, можно удалить.
*"styles1" и "styles2" - имена ваших листов стилей (CSS), обратите внимание, пишется без ".css"
*Темный и Светлый - названия ваших дизайнов, для пользователей.
  • Страница 1 из 1
  • 1
Поиск: