Шапка по Центру форума

[Пчелкин]

Значит надо по порядку...создать тему..типа - помогите перенести стиль с форума на форум или обратиться в рекрутинг.
И в теме задавать по порядку вопросы..и ждать ответов..А так сразу валом вам ник то не ответит..Ну не инструкцию же отдельную для этого писать только для вас.

[Айдар]

Машик, собственно, код шапки на оформленном форуме не представляет собой ничего сложного:

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

<table id="title-logo-table" cellspacing="0">
		<tr id="title-logo-tr">
			<td id="title-logo-tdl" class="title-logo-tdl">
				<h1 class="title-logo"><span>Этот Загадочный Мир Пчел</span></h1>
			</td>...

Код шаблона overall_header.html, который Вам нужно изменить, наинается с:

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

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>

и заканчивается:

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

</form></div>
		<!-- ENDIF --><span class="corners-bottom"><span></span></span></div></div>

Если Вам нужно оставить стандартное меню просильвера.
Задайте конкретные вопросы. Если Вы не понимаете html, то, пожалуй, Вам сюда: htmlbook.ru.
Либо, как уже отметил Пчелкин, в рекрутинг.

[Машик]

Примерно понял .Вам сюда: htmlbook.ru. Эта ссылка не открылась.Куда вставляются скрипты?

[Warlock75]

Куда вставляются скрипты?

Код шаблона overall_header.html, который Вам нужно изменить

А где тут скрипты то? )))

[Evillurks]

Начал делать форум http://hard.byethost5.com/forum/ и хотел бы узнать как сделать шапку посередине, с лева квадратный баннер повесить, а с права часы круглые?

[Айдар]

Evillurks, Вы эту тему не читали, а просто так написали?

[Sheer]

Айдар
Тут, панимаш.. про баннер квадратный и часы круглые, ну ничё не сказано, а ежели вот часы треугольные надыть будет, чё тогда бедному админу делать? Эх... тяжела жисть морского летчика...

[Сафьен Даруиш]

всем привет ) не могли бы вы по точнее насчет этого?

го заменить на схожий с цветом из градиента, и еще наверно придется создать div, в котором фоном будет служить вертикальная полоска шириной в 1 пиксель равная по высоте картинке-фону "природа-меч" чтобы он repeat-x был и все наверно.

не понял, это как сделать? )у меня то же полоски фона по бокам ..

я сделал так:

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

.headerbar {
	background: #ebebeb none repeat-x 0 0;
        background-repeat: no-repeat;
        background-position: center;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

получилось так:

0e80f3e57e5d.jpg

дальше не вкурил как делать..

[Rei]

Возможно ли сделать так, чтобы название форума и функция поиска располагались на шапке (картинке)?

Подскажите пожалуйста как это реализовать.

Сейчас просто вставил вот это:

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

<img id="Mylogo" src="http://img.fotki.yandex.ru/get/4609/51183015.9/2_ZjKwripxirnaFdIGQCgbXudDlug=_7ab3c_f987ee3_orig" />
<style type="text/css">
#Mylogo {width: 100%; margin: auto;}
</style>

Добавлено спустя 2 минуты 42 секунды:
В overall_header.html

[Nekstati]

Rei, изображение должно быть фоновым для <div id="page-header"> или <div class="headerbar">. http://htmlbook.ru/css/background
Например:

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

<div class="headerbar" style="background: url(header.jpg) no-repeat; height: 200px;">

А <img id="Mylogo"> надо вырезать.

[Rei]

Nekstati
Не понимаю как нужно сделать чтобы получилось то, что написал выше. Если следовать Вашей рекомендации, то так как картинка у меня большая, то не помещается, название форума и поиск размещаются не внизу блока, а вверху. Что мне изменить в коде чтобы изображение было по ширине страницы и название форума с поиском были внизу блока? Подскажите пожалуйста.

Вот так сейчас выглядит overall_header.html

[Nekstati]

Перемещайте название форума и поиск в нужное место средствами CSS. Например:

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

#site-description {
    margin-top: 100px;
}

#search-box {
    margin-top: 129px;
}

Ну или, чтоб было проще, вписывайте эти стили прямо в overall_header.html, например:

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

<div id="site-description" style="margin-top: 100px">

Кстати, вместо картинки в шапке вашего форума я вижу надпись «Фото недоступно».

[Rei]

Благодарю за помощь, но желаемый результат пока не достигнут.

Получилось следующее

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

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar" style="background: url(http://img-fotki.yandex.ru/get/4411/51183015.9/0_7ac49_560d84e2_orig) no-repeat; width: 100%; margin: auto;">

			<div id="site-description" style="margin-top: 300px">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<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" style="margin-top: 329px">
				<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>
		<!-- ENDIF -->

Сейчас фото должно быть доступно. Смотреть.





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

Оригинал:

[Пчелкин]

1.Никак ... резиновых картинок не бывает... бывают резиновые шапки составленные из нескольких сборно-хитрых рисунков..но это уже другая тема.
2. В шапку картинку размером в пол метра? Круто...весь форум весит иногда меньше....

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

h t t p  ://img-fotki.yandex.ru/get/4411/51183015.9/0_7ac49_560d84e2_o r i g

???
3. В шапке картинка ссылкой? Это что-то новое....
А если там, на Яндексе ваша картинка исчезнет? Где потом брать будете? А сколь нам открытий чудных.....

[Rei]

Я человек не опытный. Многих слов не знаю. По этому и поиск мне сильно помочь не может. Если подобным образом

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

<img id="Mylogo" src="http://img.fotki.yandex.ru/get/4609/51183015.9/2_ZjKwripxirnaFdIGQCgbXudDlug=_7ab3c_f987ee3_orig" />
<style type="text/css">
#Mylogo {width: 100%; margin: auto;}
</style>

нельзя растянуть фон, то подскажите другой вариант. Мне не принципиально, на яндексе или на моём сервере будет изображение. Если исчезнет, что маловероятно, то знаю как исправить.

То, что я пытаюсь сделать реально? На сколько это сложно если реально?