Блог Марса Магафурова
Способы заработка в сети интернет
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Смена фона с запоминанием на cookie для Ucoz
marsmag1997Дата: Суббота, 17.06.2017, 14:33 | Сообщение # 1
Администратор
Сообщений: 155
Награды: 0
Репутация: 32767
Статус: Offline
Здравствуйте, дорогие друзья! Данный скрипт, позволяет выбрать фон,пользователю, который сохранится в куках, до тех пока, вы их не почистите. Смена фона, позволяет, пользователю выбрать, оптимальный для него фон, что позволяет, администратору сайта, задерживать посетителя и проводить, время на сайте с удовольствием.

Установка

1)Скачиваем архив и создаем папку fon на сайте, затем загружаем содержимое папки 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)Копируем код и вставляем в таблицу стилей(CSS) в самый низ.
.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;}
Все, установка завершена, поздравляю! Если возникают вопросы, пишите, поможем разобраться
 
kostyanikolayДата: Воскресенье, 02.02.2020, 01:22 | Сообщение # 2
Гость
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline
Очень удобно.спасибо.
 
  • Страница 1 из 1
  • 1
Поиск: