- ЛентаСреда 06.11.2024 20:37
in.uCoz.org - создан в помощь uCмастеру и служит для решения проблем возникших у пользователей администрирующих сайты системы uCoz. Все вопросы пишите на форуме в соответствующий раздел
Вы находитесь: Главная » Формы поиска » Форма поиска для юкозПопулярноеНаш опросСлучайный анекдот57 Постоялец гостиницы звонит дежурному по этажу: - Помогите, я со своей тёщей разругался, в номере, теперь она угрожает мне, что выбросится из окна! - Извините, но данный случай является частным, и к нам не имеет, ни какого отношения. Поэтому разбирайтесь с этим сами. - Да я-то разберусь! Но вот только какого чёрта у вас окна не открываются?!СтатистикаОнлайн всего: 1Гостей: 1Пользователей: 0
» Сегодня нас посетили:» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 1
Новых вчера: 1
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296Форма поиска для юкоз
Сегодня нашел очень красивую форму поиска для сайта 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>
Скачать архив 25,49 кб
Скачивать могут только авторизованные пользователи!
Html редактор
Вставте код в поле и нажмите проверить.
Не забывайте указывать путь к файлам и картинкам в скриптах!!!Просмотров: 942827.05.2013
Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка: BB-code: HTML:
« Пред. Форма поиска для юкоз След. »
Всего комментариев: 3
2 Shaxriyor Toshev (Admin7456)
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;} - ВОТ ЗДЕСЬ ОШИБКА, У МЕНЯ НЕ ПОЛУЧАЕТСЯ!
25.05.2014 в 00:16 | Перейти к материалу >-0+
3 Алексей Чубаров (Prosvetekvator)
А что не получается то?
25.05.2014 в 09:13 | Перейти к материалу >-0+
1 Shaxriyor Toshev (Admin7456)
есть ошибка
25.05.2014 в 00:16 | Перейти к материалу >-0+Форма входаМини-чатТоп пользователейProsvetekvator 190 startsmart 72 DoG 24 Reactor 10 HACKER 6 Алена 2 na3uTuB4uk 1 Diz24 1 creat1vex 1 haCker8055 1 Новое на форуме
Комментарии11.06.2022 
02.04.2020
