Подскажите как добавить "поиск " сразу под шапкой на мой сайт?

голоса: +2

Подскажите как добавить "поиск " на мой сайт: http://websoftik.my1.ru 

Адрес сайта http://websoftik.my1.ru
| Автор: | Категория: Дизайн сайта
А как заменить кнопку "Найти" на свою, сделанную в фотошопе и чтобы моя кнопка (сделанная в фотошопе) действовала когда на нее нажимаешь, как кнопка "Поиск"   сейчас
И чтобы популярные материалы подчеркивались как в той картинке которую я дал!Помогите пожалуйста!

Ответов: 1

голоса: +2
 
Лучший ответ

Перейдите в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Верхняя часть сайта, далее найдите код:

<div class="menu"><a href="http://websoftik.my1.ru/"><font color="#007700">Главная</font></a> <a href="http://websoftik.my1.ru/gb" style="color: rgb(0, 119, 0);">Гостевая книга</a>&nbsp;<a href="http://websoftik.my1.ru/stuff/" style="color: rgb(0, 119, 0);">Онлайн игры</a> <a href="http://websoftik.my1.ru/forum/" style="color: rgb(0, 119, 0);">Форум</a> <a <!--="" <="" cssmenu="">

</a>

<div style="float:right;"> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"><div align="center" class="schQuery"><input type="text" name="q" maxlength="40" size="20" class="queryField"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div></form> </div></div>

Выделенное жирным шрифтом добавить. Далее уже стилизировать данный поиск вот и все.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо! А что означают эти строчки? "maxlength="40" size="20" "
И как немного влево подвинуть этот поиск? Какие цифры отвечают за "правее" или "левее", какие цифры за "ниже" или "выше"?
вот ознакомьтесь - http://htmlbook.ru/html/input/maxlength size там же найдете
выше вы найдете код - <div style="float:right;"> замените на <div style="float:right;width: 200px;">

Дополнительно, чтобы отодвинуть немного кнопку найти от общей формы ввода, найдите в таблице стилей CSS строку номер 338 и замените на:
.pollBut, .searchSbmFl, .commSbmFl, .signButton {margin: 5px;font-size:7pt;background:url('/.s/t/997/3.gif') #6EACCE;color:#FFFFFF;border:1px outset #615E58;}

Я задал новый параметр - margin: 5px; что и задаст расстояние.
Спасибо! А как заменить кнопку "Найти" на свою, сделанную в фотошопе и чтобы моя кнопка (сделанная в фотошопе) действовала когда на нее нажимаешь, как кнопка "Поиск"   сейчас
ЕЩЕ ВОПРОС
У меня теперь сдвинулись влево кнопки "Главная", "Гостевая книга", "Онлайн игры", "Форум"
Помогите пожалуйста!
Сдвинулось, но немного. Мы же вставили на одной горизонтали форму поиска вот и сдвинулось, форма поиска так же занимает пространство по другому никак.

Либо удаляйте форму поиска если вам не нравится, что меню сдвинулось на пару сантиметров.
...