Среда, 15.07.2020, 03:05
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: @Demon@  
Форум » Всё для Ucoz » Дополнения и скрипты для UcoZ » Поиск v.3
Поиск v.3
@Demon@Дата: Воскресенье, 19.04.2009, 15:14 | Сообщение # 1
Администратор
Группа: Администраторы
Сообщений: 282
За 100 Постов Бог сайта и форума За хорошую посещаемость на форуме За супер посещаемость За Генералиссимуса За 1 пост За 5 Постов За 10 Постов
Статус: Offline

Сегодня: 23.02.09. Зашёл на blog uCoz системы и в поле поиска заметил красивую картинку. Не то, что было до этого скрипта, а более красивее и умнее.
Ну так вот. Не смог удержаться и полез копаться.
В итоге многое узнал. НО! Рипать не стал. Другу скинул ссылку на блог и рассказал ему про это.
Он сразу сказал: О! А давай рипнем?
Я отказался, так как опасался, это же blog uCoz системы!
Но он сказал что ему плювать и стал рипать.
В итоге через два часа он мне скинул CSS и HTML CODE этого скрипта.
Я посмеялся то, что он два часа это делал..но ближе к делу.
Я решил поделится со своими дорогими пользователями с этой функцией.
И так...приступим:
Для начало зайдём в панель управления > управление дизайном > таблица стилей (CSS).
И в любое место вставте данные классы CSS:

Code
.searchForm {float: right; width: 260px; position: relative; right: 65px; top: 22px;}
.schQuery {float: left; width: 205px;}
.schBtn {float: right; width: 50px;}
input.queryField {height: 22px; width: 205px; color: #515151; line-height: 22px; font-size: 10pt; background: url('http://iucoz.ru/other/vs2.gif') repeat-x; border-top: 1px solid #008bd4; border-left: 1px solid #008bd4; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
input.searchSbmFl {width: 48px; height: 16px; background: url('http://iucoz.ru/other/button.gif') no-repeat; color: #ffffff; border: none; font-size: 7pt; padding-bottom: 2px; position: relative; top: 3px;}

http://iucoz.ru/other/button.gif - кнопка входа, смотреть пример что выше всего текста.
http://iucoz.ru/other/vs2.gif - фон внутри поля ввода текста в поиск.

За тем в любое место вставьте данный код (где хотите видеть данный поиск):

Code
<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" action="http://iucoz.ru/news/"><div align="center" class="schQuery"><input type="text" name="query" maxlength="30" size="20" class="queryField" /></div><div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div><input type="hidden" name="a" value="13" /></form></div>

http://iucoz.ru/news/ - заменяете на своё.





 
Форум » Всё для Ucoz » Дополнения и скрипты для UcoZ » Поиск v.3
  • Страница 1 из 1
  • 1
Поиск:


X~Rush^Gam1ng* Бесплатный конструктор сайтов - uCoz ||