Форма поиска в prosilver

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
SemenH8
phpBB 1.2.0
Сообщения: 16
Стаж: 17 лет

Форма поиска в prosilver

Сообщение SemenH8 »

Возникла следующая необходимость: переместить форму поиска расположенную в шапке, в нужное мне место на странице форума. Решить эту задачу удалось, однако, получилось не совсем красиво:
9986363.jpg
Как видно из картинки, строка, в которую я перенес форму поиска, слишком широкая. Ширина строки определяется чемто в коде блока формы поиска. Вот и возник вопрос, чем и как ее уменьшить? (ответ искал, долго искал, но никаких результатов...)
Вот код этой строки:

Код: Выделить всё

<ul class="linklist navlinks">
			<li class="leftside">
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
			<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" />
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
			</form>
			</div>
		<!-- ENDIF -->

</li>
			<li class="rightside"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a></li>
</ul>
Подскажите пожалуйста, хотя бы где искать решение этой проблемы.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
MAzZY
Бывший член :)
Сообщения: 2925
Стаж: 21 год 4 месяца
Благодарил (а): 79 раз
Поблагодарили: 69 раз
Забанен: Бессрочно

Re: Форма поиска в prosilver

Сообщение MAzZY »

Насколько я понял, такую высоту даёт class="leftside"
А вообще у Вас как-то несуразно сверстано: надпись справа, поле слева.

Добавлено спустя 1 минуту 21 секунду:
Нет. Это margin-top:30px; в search-box
SemenH8
phpBB 1.2.0
Сообщения: 16
Стаж: 17 лет

Re: Форма поиска в prosilver

Сообщение SemenH8 »

Согласен, это не окончательный вариант... Сейчас попробую воспользоваться вашей подсказкой...

Добавлено спустя 9 минут 3 секунды:
Воспользовался, возможно понял и сделал что то не так:

Код: Выделить всё

...<li class="leftside"  style="height: 20px">...
но в результате, размер строки получился как нужно 20px, однако, поле ввода поисковой фразы (левая сторона) исчезло...?
Может быть class="leftside" просто растягивается формой поиска, вот и вопрос получается, где задается размер формы поиска? (пока ничего не приходит на ум).
А вот, только заметил
MAzZY писал(а):Добавлено спустя 1 минуту 21 секунду:
Нет. Это margin-top:30px; в search-box
отлично, спасибо огромное, исправил, все стало на свои места

Код: Выделить всё

<div id="search-box" style="margin-top:0px">
Последний раз редактировалось SemenH8 08.01.2010 16:46, всего редактировалось 1 раз.
Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 17272
Стаж: 20 лет 4 месяца
Откуда: Красноярск
Благодарил (а): 632 раза
Поблагодарили: 2412 раз

Re: Форма поиска в prosilver

Сообщение rxu »

SemenH8
Найдите этот класс в css файле, и меняйте параметры там.
Изображение
MAzZY
Бывший член :)
Сообщения: 2925
Стаж: 21 год 4 месяца
Благодарил (а): 79 раз
Поблагодарили: 69 раз
Забанен: Бессрочно

Re: Форма поиска в prosilver

Сообщение MAzZY »

Я же сказал - вот здесь мешает <div id="search-box">
Найдите этот класс search-box и уберите margin-top:30px;
SemenH8
phpBB 1.2.0
Сообщения: 16
Стаж: 17 лет

Re: Форма поиска в prosilver

Сообщение SemenH8 »

Нашел, тогда вот такой уточняющий вопросик: его вообще убрать, или достаточно установить 0? Все получилось :)
SemenH8
phpBB 1.2.0
Сообщения: 16
Стаж: 17 лет

Re: Форма поиска в prosilver

Сообщение SemenH8 »

Я установил значение 0:

Код: Выделить всё

#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
вот, что получилось:
lkfg98513.jpg
Вроде все нормально смотрится теперь?
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Аватара пользователя
Fray98rus
Former team member
Сообщения: 442
Стаж: 18 лет 11 месяцев
Откуда: Санкт-Петербург
Благодарил (а): 3 раза
Поблагодарили: 2 раза

Re: Форма поиска в prosilver

Сообщение Fray98rus »

ИМХО, с эстетической точки зрения посередине слишком много пустоты.
SemenH8
phpBB 1.2.0
Сообщения: 16
Стаж: 17 лет

Re: Форма поиска в prosilver

Сообщение SemenH8 »

Согласен, но он еще молод (3 месяца), и в перспективе, в самой верхней строке, будут добавленны ссылки на др. полезные страницы не входящие в структуру форума, в строку поиска, конечно, уже нечего вставлять - пустота, скорей всего так и останется, список форумов - тоже, пустая но только на главной стр. Я пробовал липить форму поиска в разные места, но как-то оно нигде больше не смотрится, правда, в одном месте... - между
Предыдущее посещение: Сегодня
_
_
_
Отметить все форумы как прочтённые

думал поставить, но как то не представляю как это сделать...
Аватара пользователя
veard
phpBB 1.0.0
Сообщения: 7
Стаж: 16 лет 4 месяца
Откуда: Херсон
Благодарил (а): 1 раз

Re: Форма поиска в prosilver

Сообщение veard »

В просильвер хочу опустить форму поиска чуть ниже, где править? подскажите если можно конкретно.
Суета сует!
Аватара пользователя
MIT
Former team member
Сообщения: 2500
Стаж: 17 лет 6 месяцев
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 3 раза
Поблагодарили: 351 раз

Re: Форма поиска в prosilver

Сообщение MIT »

CSS класс #search-box, править надо параметр margin-top. Описание класса находится в файле common.css.
bar
phpBB 1.0.0
Сообщения: 2
Стаж: 16 лет

Как увеличить поиск в теме?

Сообщение bar »

Добрый вечер!
Как мне увеличить поиск? Увеличиваю ее в файле viewtopic_body.html. Но результат нулевой. Уже всю голову сломал. Не подскажите, где и как ее увеличить? Тема prosilver. Заранее спасибо.
b7ddc36c858e.jpg
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Последний раз редактировалось MIT 09.03.2022 0:59, всего редактировалось 1 раз.
Shredder
Former team member
Сообщения: 2266
Стаж: 17 лет 9 месяцев
Благодарил (а): 283 раза
Поблагодарили: 584 раза

Re: Как увеличить поиск в теме?

Сообщение Shredder »

Если речь о увеличении в длину, то:

styles/prosilver/forms.css

Ищи

Код: Выделить всё

input.tiny		{ width: 125px; }
И меняй значение в пикселах.
bar
phpBB 1.0.0
Сообщения: 2
Стаж: 16 лет

Re: Как увеличить поиск в теме?

Сообщение bar »

Все увеличилось как надо. Больше не надо пока нечего. Вам большой +
Microgenius
phpBB 1.4.3
Сообщения: 88
Стаж: 16 лет 4 месяца
Благодарил (а): 11 раз
Поблагодарили: 3 раза

Re: Форма поиска в prosilver

Сообщение Microgenius »

Думаю лучше сюда спросить, чем новую тему создавать.
Подскажите, в каком файле править код, что бы убрать иконку "лупы" из строки поиска?

В css искал - не нашел.

Вернуться в «Стили для phpBB 3.0.x»