Всё для Online игр и даже больше!
 
 
  • Страница 1 из 1
  • 1
Форум » Все Для Ucoz'a » Скрипты для ucoz » Смена фона на сайте с запоминанием на cookie для uCoz
Смена фона на сайте с запоминанием на cookie для uCoz
artimДата: Пятница, 16.01.2015, 18:29 | Сообщение # 1
Группа: Администраторы
Сообщений: 395
Награды: 4
Репутация: 4

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


Установка

1. Заливаем папку "fon" и все её содержимое в корень сайта.

2. Вставить в то место, где будет кнопка выбора фона:


Код
<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>

3. Это кидаете в стили:

Код
.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;}


На этом все...

СКАЧАТЬ 
Прикрепления: 3494132.png(114.5 Kb)

Оффлайн
faaakДата: Суббота, 05.12.2015, 16:54 | Сообщение # 2
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Good  smile


______________________________
Всегда прав!
Оффлайн
Форум » Все Для Ucoz'a » Скрипты для ucoz » Смена фона на сайте с запоминанием на cookie для uCoz
  • Страница 1 из 1
  • 1
Поиск: