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
|
Очень удобно.спасибо.
|
|
| |