шапка fotoshopiya
Adobe-Photoshop


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Palarius, Bars 
Форум » Для сайтов » Скрипты для Ucoz » Поиск для сайта UCOZ (источник http://romale80.ucoz.ru)
Поиск для сайта UCOZ
TatkaДата: Суббота, 01.10.2011, 21:08 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 94
Статус:
Поиск для сайтов UCOZ взамен стандартному с оформленной формой ввода и кнопкой (нестандартной).
Кроме того в коде формы прописан авторазмер (размер(ширина) будет автоматически изменяться в зависимости от того куда вы его поставите на своём сайте).

Разместите следующий код в том месте своего сайта,где вы хотите видеть поисковую форму:
Code
<form onsubmit="this.sfSbm.disabled=true" method="get" action="/search/"><input name="q" size="20" maxlength="100" class="queryField" style="width: 75%;" type="text"> <input src="../http://romale80.ucoz.ru/shapka/poisk_2.png" title="Найти" align="absmiddle" type="image" height="20" width="65"></form>


А это изображение в форме ввода (по желанию):

Этот код вставляете в CSS в самый низ.
Ссылки на изображения при желании меняете на свои...

Code
/* poisck */
input.queryField {
   background: url(http://romale80.ucoz.ru/shapka/poisk.png) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 23px;}
/* ----------------------- */
Прикрепления: 7307093.png(6Kb)


 
Форум » Для сайтов » Скрипты для Ucoz » Поиск для сайта UCOZ (источник http://romale80.ucoz.ru)
Страница 1 из 11
Поиск:



Вверх страницыНа верх Вверх страницы

Большинство файлов, расположенных на данном ресурсе, были взяты из открытых источников интернета. Все права на материалы, представленные на сайте, принадлежат их авторам, правообладателям и издательствам. Администраторы сайта не притендуют на их авторство! Любая информация, представленная здесь, может использоваться только в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не несут ответственности за использование материалов данного сайта! Входя на сайт вы автоматически соглашаетесь с данными условиями!

Adobe-Photoshop © 2016 - 2024