Форма входа
Категории
| Шаблоны для uCoz [18] |
| Виды материалов [10] |
| Мини профили [7] |
| Мини чаты [8] |
| Виды комментариев [14] |
| Формы входа [3] |
| Информеры [33] |
| Украшения [16] |
| Меню сайта [5] |
| Кнопки [27] |
| Шапки сайта [3] |
| Медиа [19] |
| Переключатели [8] |
| Разное [65] |
| Формы поиска [9] |
| Скрипты [46] |
| Игры на сайт [6] |
| Аякс (Ajax) окна [1] |
| PHP скрипты [3] |
Материал
Главная » 2013 » Май » 27 » Форма поиска для юкоз
« Предидущий | ID: 231 | Следующий »
20:46 Форма поиска для юкоз |
 Сегодня нашел очень красивую форму поиска для сайта uCoz в трех цветовых вариантах - это черная форма поиска с оранжевой кнопкой, оранжевая форма поиска с черной кнопкой и синяя форма с серой кнопкой поиска. Итак начнем все по порядку. Установка: Скачайте и разпакуйте архив, в нем вы найдете три папки: black, blue и orange закачиваем изображения любой одной из понравившейся вам папки, в файловый менеджер в папку forma В css сохраняем вот этот код: Код .searchForma {background: url('/forma/1.png') no-repeat; width:227px; height: 33px;border: 0px; font-family: Tahoma, Verdana, Arial; color: #757575; font-size: 10pt; padding: 5px 0px 5px 8px;} .searchButton {background: url('/forma/2.png') no-repeat; width: 40px; height: 33px;border: 0px;} .searchButton:hover {cursor: pointer} В место где хотите видеть форму поиска ставим: Код <form onsubmit="document.getElementById('sfSbm').disabled=true" method="get" style="margin:0px" action="/search/"> <input type="text" name="q" maxlength="30" size="30" value="Введите слово для поиска.." onfocus="if(this.value=='Введите слово для поиска..')this.value=''" onblur="if(this.value=='')this.value='Введите слово для поиска..'" class="searchForma" /><input type="submit" value="" class="searchButton" id="sfSbm"/> <input type="hidden" name="t" value="0"> </form> |
| Всего комментариев: 3 | |||
| |||
Статистика