[FAQ] Как поставить счетчик (баннер) в стиль в phpBB3

[Tikhon]

Всё получилось. Спасибо большое, мужики! Особенно Gisher! :)

[nphonix]

А как поставить свой FLASH баннер???

[Rayden]

htmlbook.ru

[Egoz]

Всем здравствуйте.
Искал в этой теме ответ, видел подобный вопрос, но не увидел чтоб на него ответили.
Суть такова. Надо вставить баннер в хедер, так чтоб ничего не съезжало.
Правил файл overall_header.html, но единственное чего добился, баннер вставлялся под лого и названием форума, или под формой Поиска, притягивая ее при этом к низу хедера, увеличивая его, хедера, высоту намного.
А мне надо как на моих вложениях. Или под названием форума или посередине между Лого и Поиском или под формой Поиска, но чтоб сам Поиск остался на своем месте, а баннер под ней.
Смотрите вложения.
Еще, заодно, интересует 3-й вариант: Поиск перенести в строку где фраза "Список форумов", а на место Поиска баннер сисметрично Лого.
Спасибо.

[Rayden]

htmlbook.ru
изучай блочную верстку и свойство float
Или в раздел рекрутинг.

конкретные пацаны пошли, из всех волшебных слов знают только "мне надо"

[Egoz]

Rayden
а htmlbook.ru меня тоже научит в каком месте кода файла overall_header.html вставить код моего баннера, сверстанного div'ами?

примерно так получается?

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

<div class="banner">код_моего_баннера</div>

а подскажите тогда в каком css-файле описывать class="banner"
он будет выглядеть примерно так?

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

.banner { 
	width: ***px; 
	background: ***0; 
	padding: ***px; 
	border: ***; 
	float: ***; 
	position: ***; 
	top: ***px; 
	left: ***px; 
            }

[rxu]

Egoz
Фактически - да, ибо overall_header.html - это обычный HTML код.
И еще: если хотите получить какую-то помощь в подобных вопросах, то, как минимум, хотя бы приводите собственный код, с которым имеются проблемы. Иначе становится непонятно, что вообще требуется. Делать что-то за кого-то полностью мало кто возьмется.

[Egoz]

rxu
спасибо. уже понял свою ошибку.
подскажите еще class="banner" описывается через <style type="text/css"> или через какой-то css-файл стиля форума? и какие параметры в .banner будут лишние, если я хочу вставить обчную гифку 468px*60px?

На этом форуме баннер в хедере вставлен через: <div id="banner_top">, а где можно посмотреть как описывается id="banner_top"?

[crash]

и какие параметры в .banner будут лишние, если я хочу вставить обчную гифку 468px*60px?

если хотите получить какую-то помощь в подобных вопросах, то, как минимум, хотя бы приводите собственный код

[rxu]

Egoz
Новый класс можете описать, в принципе, в любом из существующих css файлов. Они разделены только для удобства. В общем случае, лучше это делать в common.css.

какие параметры в .banner будут лишние

Этого сказать невозможно, всё зависит от того, что конкретно вы хотите получить.

[Egoz]

crash
rxu
что хочу получить - чуть выше в моем посте во вложениях. первые 2 графических файла.
для меня важно именно расположение, чтоб ничего не ломалось и не полсзло в браузерах.

[Rayden]

а htmlbook.ru меня тоже научит в каком месте кода файла overall_header.html вставить код моего баннера, сверстанного div'ами?

Если хотя бы минимальные способности есть, то да

а подскажите тогда в каком css-файле описывать class="banner"

я все сказал в этой теме Как править или создать стиль

что хочу получить - чуть выше в моем посте во вложениях. первые 2 графических файла.

Дык делай, в чем проблемы? я тебе уже сказал - делаешь float в нужную сторону, затем маргинами и паддингами подгоняешь в нужное место. Какое-то слово не понятно - учи htmlbook.ru

Делать что-то за кого-то полностью мало кто возьмется.

[Egoz]

Rayden
попытался сделать так:
файл common.css

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

.banner {
	margin-bottom: 100px;
	padding-left: 250px; 
	float: left;
}

в файл overall_header.html вставлял код моего баннера

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

<div class="banner"><a href="http://birpuziki.ru" target=_blank><img src="http://birmama.ru/img/birpuziki.gif" border="0" title="Магазин одежды для беременных и кормящих мамочек"></a>
</div>

в разных местах

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

<div class="headerbar"> [b]ТУТ[/b]
			<div class="inner"><span class="corners-top"><span></span></span>
			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<center>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
[b]ТУТ[/b]
				</center>
[b]ТУТ[/b]
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
		<!-- 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" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
[b]ТУТ[/b]
		<!-- ENDIF -->

но пока не совсем получается. в IE так вообще он скачет куда-то.
подскажите как добиться результата расположения как изображено на первом моем вложении?

[Rayden]

Еще раз повторить?

я тебе уже сказал - делаешь float в нужную сторону, затем маргинами и паддингами подгоняешь в нужное место. Какое-то слово не понятно - учи htmlbook.ru

Что такое "не совсем получается" - я не понимаю.
Я вообще не понимаю, чего тебе надо, ибо фраза "как на том рисунке" мне не понятна - там у тебя три рисунка.
Так же я не понимаю, что ты хочешь добиться например margin-bottom: 100px; - нафига? Ни под один рисунок эта команда не подходит.
Я не понимаю, откуда у тебя взялось <center> - эта команда не соответствует xhtml 1.0 strict
Я не понимаю, зачем тебе padding-left: 250px; - нафига делать слева отступ в 250 пикс, если ты хочешь, чтоб баннер был рядом с лого.


А ты видимо не понимаешь, что такое маргины и паддинги.
Если ты искренне думаешь, что тупо вставляя в разные места свой код ты добьешься нужного эффекта, то могу лишь посочуствовать.
Не забывай, что внутренние отступы задаются еще и тому блоку внутрь которого ты вставляешь баннер. Они тоже влияют.

[Egoz]

Rayden
насчет

ибо фраза "как на том рисунке" мне не понятна

я писал

как изображено на первом моем вложении

- помоему всем очевидно что первое вложение это то, что самое верхнее.
поставил

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

position: absolute;

и все встало на место. глянуть можно тут чего я хотел http://forum.birmama.ru/

Добавлено спустя 2 минуты 20 секунд:

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

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