« Скрипт смена фона на сайте, с запоминанием на cookie для uCoz »

Описание материала:

Удобный скрипт, смена фона на сайте с запоминанием на cookie, для сайтов бесплатного конструктора uCoz. В данном скрипты находится девять разных фонов, при нажатие на любой из девяти фонов сайт запоминает его и в следующий раз как Вы решите вернутся на сайт, там будет стоят фон выбранный Вами. Так же администратор сайта который установит данный скрипт, сможет сам легко и просто поменять фоны под себя или просто добавить новые или убрать лишние. Скрипт очень прост в установке и не потребует огромных усилий.

Установка:
1. Скачиваем архив с нашего сайта
2. Загружаем папку fon к себе в корень сайта
3. Ставим данный код, туда где хотите видеть скрипт:

Код
<script src="/fon/cookie.js"></script>  
<div class="ff_fon">  
<a href="#" class="drox"><img alt="fon" title="Сменить фон сайта" src="/fon/ico_panel.png"></a>  
<div class="ff_cell_ff">  
<span class="ff_ugol_ff"></span>  
<div class="ff_content_en">  
<a href="#"><img id="jp1" src="/fon/1.jpg" width="20px" /></a>  
<a href="#"><img id="jp2" src="/fon/2.jpg" width="20px" /></a>  
<a href="#"><img id="jp3" src="/fon/3.jpg" width="20px" /></a>  
<a href="#"><img id="jp4" src="/fon/4.jpg" width="20px" /></a>  
<a href="#"><img id="jp5" src="/fon/5.jpg" width="20px" /></a>  
<a href="#"><img id="jp6" src="/fon/6.jpg" width="20px" /></a>  
<a href="#"><img id="jp7" src="/fon/7.jpg" width="20px" /></a>  
<a href="#"><img id="jp8" src="/fon/8.jpg" width="20px" /></a>  
<a href="#"><img id="jp9" src="/fon/9.jpg" width="20px" /></a>  
</div>  
</div>  
</div>  
<script src="/fon/cok.js"></script>

4. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и ставим код в самый низ:
Код
/* Скрипт смена фона на сайте, с запоминанием на cookie для uCoz */
.ff_fon {  
  float:right;  
  display:block;  
  position:relative;}  

.ff_fon .drox {padding: 0px 7px;}  
.ff_cell_ff, .ff_ugol_ff {width:35px;}  

.ff_cell_ff {  
  left:-999em;  
  z-index:998;  
  position:absolute;  
  margin: 0 -2px 0 auto;}  
   
.ff_content_en {  
  margin:0;  
  width:35px;  
  text-align:center;  
  overflow:hidden;  
  background:#333;}  

.ff_content_en a:link,  
.ff_content_en a:visited {  
  float:left;  
  width:35px;  
  padding: 5px 0px 3px 0px;  
  border-bottom: 1px solid #888;}  

.ff_content_en a:hover {background:#5f5f5f;}  
.no_bb:link,  
.no_bb:visited {border-bottom:none!important;}  
   
.ff_fon:hover .ff_cell_ff{  
  top:27px;  
  right:0;  
  left:auto;}  

.ff_ugol_ff {  
  height:7px;  
  top: -7px;  
  position:absolute;  
  background:url(/fon/ugolok.png) no-repeat center bottom;}
/*-------------------------*/

Готова!


Скачать ( Размер архива 339.6 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

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


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1037 | Загрузок: 37


Поделиться в соц. сетях:

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

Комментариев к материалу: 0
avatar