Сонник 2.0 → Скрипт сонник для Ucoz, установка

Установка сонника на Ucoz

Заходим в админку сайта на Ucoz.

Открываем Редактор страниц - Управление страницами сайта - Добавить страницу

В поле "Название страницы" пишем "Сонник"

Копируем скрипт сонника: <style type="text/css"> .pageselected {background-color: #FF0000;} .bsonnik-name {font-weight:bold;padding-bottom: 10px;} .sonnikthemes ul{list-style: none outside none;padding: 0px;} .sonnikthemes {width: 150px; float: left;} .sonnikmain {float: right;margin-left: -150px; width: 100%;} .sonnik20-letters ul {list-style: none outside none;padding: 0px;} .sonnik20-letters li {float: left;padding: 1px 3px 2px 4px;display: block;} .s-first-list {float: left;padding-right: 30px;} .s-next-list {float: left;padding-right: 30px;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .sonnik20-content {margin-left: 160px;} .sonnik-pages { padding-top: 10px; } .sonnik-pages a { padding:3px;MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none; } .sonnik-pages a:hover { padding:3px;MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #de1818; } .sonnik-pages a:active { padding:3px;MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #de1818; } .sonnik-pages .pageselected { padding:3px;MARGIN: 2px; COLOR: #6d643c; BACKGROUND-COLOR: #f6efcc; } .sonnik-pages .disabled { DISPLAY: none } </style> <script type="text/javascript" src="http://sonnik20.com/sonnikapi_v0.1.js"></script> <div class="clearfix"> <div class="sonnikmain clearfix"> <div class="sonnik20-content"> <div class="sonnik20-letters clearfix"> По буквам <ul> <li><a class="sonnikapiurl" href="#letter/a">А</a></li> <li><a class="sonnikapiurl" href="#letter/b">Б</a></li> <li><a class="sonnikapiurl" href="#letter/v">В</a></li> <li><a class="sonnikapiurl" href="#letter/g">Г</a></li> <li><a class="sonnikapiurl" href="#letter/d">Д</a></li> <li><a class="sonnikapiurl" href="#letter/e">Е</a></li> <li><a class="sonnikapiurl" href="#letter/zh">Ж</a></li> <li><a class="sonnikapiurl" href="#letter/z">З</a></li> <li><a class="sonnikapiurl" href="#letter/i">И</a></li> <li><a class="sonnikapiurl" href="#letter/y">Й</a></li> <li><a class="sonnikapiurl" href="#letter/k">К</a></li> <li><a class="sonnikapiurl" href="#letter/l">Л</a></li> <li><a class="sonnikapiurl" href="#letter/m">М</a></li> <li><a class="sonnikapiurl" href="#letter/n">Н</a></li> <li><a class="sonnikapiurl" href="#letter/o">О</a></li> <li><a class="sonnikapiurl" href="#letter/p">П</a></li> <li><a class="sonnikapiurl" href="#letter/r">Р</a></li> <li><a class="sonnikapiurl" href="#letter/s">С</a></li> <li><a class="sonnikapiurl" href="#letter/t">Т</a></li> <li><a class="sonnikapiurl" href="#letter/u">У</a></li> <li><a class="sonnikapiurl" href="#letter/f">Ф</a></li> <li><a class="sonnikapiurl" href="#letter/h">Х</a></li> <li><a class="sonnikapiurl" href="#letter/ts">Ц</a></li> <li><a class="sonnikapiurl" href="#letter/ch">Ч</a></li> <li><a class="sonnikapiurl" href="#letter/sh">Ш</a></li> <li><a class="sonnikapiurl" href="#letter/shch">Щ</a></li> <li><a class="sonnikapiurl" href="#letter/e1">Э</a></li> <li><a class="sonnikapiurl" href="#letter/yu">Ю</a></li> <li><a class="sonnikapiurl" href="#letter/ya">Я</a></li> </ul> </div> <div class="sonnik20-welcome"> Добро пожаловать в сонник! Выберете тему сна или первую букву слова того, что вам приснилось. </div> <div class="sonnik20-theme"> <div class="sonnik20-items"></div> <div class="sonnik20-pages"></div> </div> <div class="sonnik20-son"> <div class="bsonnik-name"></div> <div class="bsonnik-text"></div> </div> </div> </div> <div class="sonnikthemes clearfix"> По темам <ul> <li><a class="sonnikapiurl" href="#theme/1">Действие</a></a></li> <li><a class="sonnikapiurl" href="#theme/2">Кошмары</a></li> <li><a class="sonnikapiurl" href="#theme/3">Любовь</a></li> <li><a class="sonnikapiurl" href="#theme/4">Медицина</a></li> <li><a class="sonnikapiurl" href="#theme/5">Наука и техника</a></li> <li><a class="sonnikapiurl" href="#theme/6">Пища</a></li> <li><a class="sonnikapiurl" href="#theme/7">Природа</a></li> <li><a class="sonnikapiurl" href="#theme/8">Развлечения</a></li> <li><a class="sonnikapiurl" href="#theme/9">Религия и мистика</a></li> <li><a class="sonnikapiurl" href="#theme/10">Человек</a></li> <li><a class="sonnikapiurl" href="#theme/11">Предметы, интерьер, строения</a></li> <li><a class="sonnikapiurl" href="#theme/12">Место, территория</a></li> </ul> </div> </div> <div id="bsonnik-foter" style="text-align:right;padding-top:50px;">api <a href="http://sonnik20.com">сонника</a> от sonnik20.com</div>

Нажимаем "Панель HTML кодов"

Вставляем код скрипта сонника в поле "Содержимое страницы"

Нажмите "Сохранить"

Готово!