- ЛентаПятница 19.04.2024 17:41
in.uCoz.org - создан в помощь uCмастеру и служит для решения проблем возникших у пользователей администрирующих сайты системы uCoz. Все вопросы пишите на форуме в соответствующий раздел
Вы находитесь: Главная » Формы поиска » Форма поиска для юкозНаш опросСлучайный анекдот86 Мужики поехали на рыбалку. Наловили рыбы, и отправились домой. По приезду решили выпить, перед расходом по домам. Тут один не рассчитал и немного перепил. Несут его товарищи домой, принесли, звонят, дверь открывает жена, смотрит на мужа и говорит: - Батюшки… Андрей, я тебя таким никогда не видела! Муж исподлобья: - …Ну, смотри!...СтатистикаОнлайн всего: 1Гостей: 1Пользователей: 0
» Сегодня нас посетили:» Зарег. на сайте
Всего: 3473
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3293Форма поиска для юкоз
Сегодня нашел очень красивую форму поиска для сайта 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 редактор
Вставте код в поле и нажмите проверить.
Не забывайте указывать путь к файлам и картинкам в скриптах!!!Просмотров: 908827.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 vasilievaleksei 12 Reactor 10 HACKER 6 sarstar 3 Алена 2 Diz24 2 na3uTuB4uk 1 Новое на форуме
Комментарии11.06.2022 
02.04.2020
