Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

В этом разделе пользователи форума могут только оставлять сообщения в темах.
Перед отправлением сообщений, пожалуйста, прочитайте правила форума.
В темах раздела задавайте вопросы правильно и, соблюдайте знаки препинания.

  Reply to this topicStart new topicStart Poll

> Форма поиска в шапке форума, © Dron
Dron
Отправлено: Июл 6 2010, 23:27
Quote Post


admin of ipb.su
Group Icon

Группа: Пользователи
Сообщений: 6 040
Пользователь №: 3
Регистрация: 27-Октября 07
Из: г.Псков
Member Offline

Репутация: 133




Данное дополнение позволяет добавить в шапку форума (по правому краю от логотипа) форму поиска по форуму.
Пример работы дополнения: Тут.

Установка.
1 Идем в текущий используемый стиль скина и в конец добавляем это:
Код
.search_forminput, .textinput, .radiobutton, .checkbox { font-size: 13px; font-family: verdana, background-color: #FFF; color: #222; border: 1px solid #222; font-weight: normal }
.search_input { background-color: #FFF; color: #222; border: 1px solid #222 }
.search_title { font-size: 15px; font-family: verdana; color: #FFF; font-weight: bold }
СОХРАНЯЕМ


2. Далее идем: АЦ -- Скины и шаблоны -- Html-шаблоны -- Настройка html -- Глобальные шаблоны (Global HTML elements) -- Board Header (logo, links, etc)
Там ищем:
Код
<div id='logostrip'>
и сразу после, добавляем это:
Код
<div style="float:right;padding:25px">
<span class='search_title'>Поиск: </span><form action="{ibf.script_url}act=Search&amp;CODE=01" method="post">
<input type='hidden' name='forums' id='gbl-search-forums' value='all'>
<input type='text' size='30' class='search_input' name='keywords' id='ipb-tl-search-box' value='Введите текст...' onfocus="if (this.value == 'Pesquisar...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Pesquisar...';}"/>
<input type='submit' value='Найти' class='search_forminput' /></form>
</div>
СОХРАНЯЕМ

Готово.

Это сообщение отредактировал Сергей - Авг 29 2011, 07:21


--------------------

Мой блог: Блог Dron'а
E-mail: dron@ipb.su.
ICQ: 263635213.
-----------------------------------------------------------------------
user posted image

-----------------------------------------------------------------------
Вопрос/Ответ на тему IPB.SU
-----------------------------------------------------------------------
user posted image - Отблагодари, если я помог.
Top
Hero
Отправлено: Авг 28 2011, 18:16
Quote Post


Пользователь
Group Icon

Группа: Пользователи
Сообщений: 160
Пользователь №: 2 724
Регистрация: 30-Октября 10
Member Offline

Репутация: 5




Найдена несовместимость. Если ставить данную модификацию, то в написания сообщений, выдача предупреждений и т.д. пишется всегда жирным и черным текстом. Скорей всего несовместимость с новой формой ответа.
Top
Сергей
Отправлено: Авг 29 2011, 06:50
Quote Post


<? echo"Кодер" ?>
Group Icon

Группа: Пользователи
Сообщений: 1 610
Пользователь №: 1 411
Регистрация: 5-Апреля 09
Member Offline

Репутация: 75




Попробуй поставить такой код в CSS (Стили):
Цитата
.search_forminput, .textinput, .radiobutton, .checkbox { font-size: 13px; font-family: verdana, background-color: #FFF; color: #222; border: 1px solid #222; font-weight: normal }
.search_input { background-color: #FFF; color: #222; border: 1px solid #222 }
.search_title { font-size: 15px; font-family: verdana; color: #FFF; font-weight: bold }

.textinput - отвечает за окно ввода сообщений.
font-weight: normal - нормальный (не жирный) текст.
Top
Hero
Отправлено: Авг 29 2011, 07:14
Quote Post


Пользователь
Group Icon

Группа: Пользователи
Сообщений: 160
Пользователь №: 2 724
Регистрация: 30-Октября 10
Member Offline

Репутация: 5




Мне то не надо. Я случайно нашел. Хотел пол года назад отписать...
Это для пользователей, нужно поправить шапку)
Top
Сергей
Отправлено: Сен 12 2011, 15:35
Quote Post


<? echo"Кодер" ?>
Group Icon

Группа: Пользователи
Сообщений: 1 610
Пользователь №: 1 411
Регистрация: 5-Апреля 09
Member Offline

Репутация: 75




Улучшаем стиль для формы поиска в шапке форума.

Админ-Центр -> Скины и шаблоны -> Стили -> Напротив нужного стиля нажимаем "Редактировать".

В самый конец окошка вставляем:
Код
#searchbar {
float:right;
margin:20px 15px;
position:relative;
}

#searchbar .search-input{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fff;
border:0px;
width:240px;
padding:1px;
}

#searchbar .search-button{
position:absolute;
top:0px;
right:0px;
color:#202b33;
border:0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fff;
border-left:1px solid #ddd;
}

#searchbar .search-button:hover{
background:#edf3f6;
}

Обновляем шаблон.

Админ-Центр -> Скины и шаблоны -> HTML Шаблоны -> Настройка HTML -> Глобальные шаблоны (Global HTML elements) -> Board Header (logo, links, etc) - Редактировать.

Ищем в окошке код:
Код
<div id='logostrip'>

И после него вставляем код:
Код
<div id='searchbar'>
<form action="index.php?act=Search&CODE=01" method="post">
<input type="hidden" name="forums" value="all"/>
<input class="search-input" type="text" name="keywords" value="Введите слово для поиска..." onfocus="this.value=''">
<input class="search-button" type="submit" value="Поиск">
</form>
</div>

Обновляем шаблон.

Аналогию такой формы поиска можно посмотреть на данном форуме (в скине Default):
user posted image
Top
VikingIst
Отправлено: Фев 20 2016, 17:10
Quote Post


Пользователь
Group Icon

Группа: Пользователи
Сообщений: 127
Пользователь №: 6 368
Регистрация: 19-Февраля 16
Member Offline

Репутация: -3




А как можно изменить размер этой формы ? Что бы стала больше
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Reply to this topicStart new topicStart Poll