Главная » 2011 » Март » 16 » Сонник на ajax (Скрипты для ucoz)
16.03.2011, 14:38

Сонник на ajax



Сонник для ucoz, на ajax.

Установка:

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

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

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

Копируем скрипт сонника:

Code
<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 {
  zoom:1px;
  }
  .clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
  .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.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;"><a href="http://sonnik20.com">Сонник от sonnik20.com</a></div>  

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

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

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

Готово!

Смотрите скриншот как должно быть

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 2835 | Добавил: bdsoft | Рейтинг: 4.0/1 |
Теги: AJAX, Сонник
Всего комментариев: 4
0  
1 Атом   (18.03.2011 23:48) [Материал]
Аватар пользователя
Интересная штукенция biggrin

0  
2 настя   (21.03.2011 23:29) [Материал]
Аватар пользователя
а по чему вылазиет

Please, reinstall sonnik code from http://sonnik20.com cry


0  
3 antisept -Infoscript Team-  (22.03.2011 08:15) [Материал]
Аватар пользователя
хм..., у меня все норм. Скинь сайт в ЛС.

0  
4 RaDo^^   (22.03.2011 18:14) [Материал]
Аватар пользователя
И у меня всё норм!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]