Наш опрос
Ваш возраст?
Всего ответов: 71
Случайный анекдот
88 Сессия в техническом вузе больше напоминает сбор подписей в поддержку кандидатов в инженеры.
Статистика
Онлайн всего: 6
Гостей: 6
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 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 редактор
Автор: Prosvetekvator
Просмотров: 9475
27.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
+

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022