Вопрос по стилизации шапки форума.

Freddy28 · Сообщение **Freddy28** » 02.09.2011 17:13

Всем доброго времени суток.
По статье стилизации http://www.phpbbguru.net/kb/styling/pro ... nge-header я заменил шапку на своё изображение,а когда удалил код поиска в tyles/prosilver/template/overall_header.html ,то в режиме "список форумов" блок под хэдором чуть наслаивается на него т.е. пропало расстояние м/у хэдером и блоком.Подскажите пожалуйста,как исправить?
И второй вопрос: Установив на хэдер изображение с элементами прозрачности расширения png или gif ,при просмотре прозрачность исчезает,а вместо нее белый фон.Получится ли поставить подобное изображение в шапку форума? Спасибо за внимание...

MIT · Сообщение **MIT** » 02.09.2011 17:49

Freddy28 писал(а):как исправить?

Ссылку в студию.

Freddy28 писал(а):при просмотре прозрачность исчезает

При просмотре через что?

Freddy28 · Сообщение **Freddy28** » 02.09.2011 18:00

Ссылку дать не могу,т.к. форум на денвере
При вставке изображения с элементами прозрачности(в моем случае это 2-е картинки по краям,а по середине прозрачность) в прозрачных местах должно быть видно задний план форума(html, body в colours php) например красный цвет фона форума.А на самом деле в шапке в местах прозрачности изображения отображается белый цвет и за ним не видно фон форума.Так и должно быть?

MIT · Сообщение **MIT** » 02.09.2011 18:34

Freddy28 писал(а):colours php

colours.css

Freddy28 писал(а):Ссылку дать не могу

Ничего конкретного, значит, тебе тоже сказать никто не сможет, т.к. ты даже названия стиля не указал. В общем и целом — какому-нибудь блоку в шапке надо добавить внешний (margin) или внутренний (padding) отступ. FireBug (DragonFly) тебе в помощь.

Freddy28 писал(а):А на самом деле в шапке в местах прозрачности изображения отображается белый цвет и за ним не видно фон форума.

Никто не знает что и как ты делаешь. Быть может, у тебя неправильные изображения. Быть может, у тебя древний браузер, который не понимает прозрачности. Быть может у тебя фон задан цветом. Быть может, фон у тебя наследуется от другого селектора. Быть может, у тебя что-то намудрено с z-index`ом. Быть может...

Нутыпонел.

Сообщение **Sheer** » 02.09.2011 19:47

Freddy28 писал(а):Так и должно быть?

В IE? Известная проблема. Поищите по форуму, вроде обсуждалось.
Или тут
http://www.google.ru/search?aq=1&oq=%D0 ... B9+png+ie6
http://www.google.ru/search?aq=1&oq=%D0 ... _pw.&cad=b
http://www.dillerdesign.com/experiment/DD_belatedPNG/

Freddy28 · Сообщение **Freddy28** » 03.09.2011 8:02

MIT писал(а):Никто не знает что и как ты делаешь. Быть может, у тебя неправильные изображения. Быть может, у тебя древний браузер, который не понимает прозрачности. Быть может у тебя фон задан цветом. Быть может, фон у тебя наследуется от другого селектора. Быть может, у тебя что-то намудрено с z-index`ом. Быть может...

Нутыпонел

Половина всего сказанного отпадает.Проблема с прозрачностью в хэдере решена.Цвет фона шапки задаётся в common.css

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

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

Так вот вписав в background: и color: transparent; все получилось.
Есть вопрос,как убрать углы скругления(corners_right и corners_left) только в шапке?
Стиль я использую prosilver в сборке bb3x_pack_expand 3.0.9

MIT · Сообщение **MIT** » 03.09.2011 8:08

Freddy28 писал(а):Половина всего сказанного отпадает.

И тем не менее я угадал.

Freddy28 писал(а):color: transparent;

Свойство color отвечает за цвет текста и не имеет отношения к фону. А текст прозрачным сделать нельзя впринципе.

Freddy28 писал(а):bb3x_pack_expand

Поздравляю

Freddy28 писал(а):как убрать углы скругления(corners_right и corners_left) только в шапке?

Выкинь из overall_header`а куски кода <span class="corners-top"><span></span></span> и <span class="corners-bottom"><span></span></span>, которые находятся внутри блока <div class="headerbar">, а самому блоку припиши класс clearfix, что бы получилось <div class="headerbar clearfix">.

Freddy28 · Сообщение **Freddy28** » 03.09.2011 8:50

MIT писал(а):Выкинь из overall_header`а куски кода <span class="corners-top"><span></span></span> и <span class="corners-bottom"><span></span></span>, которые находятся внутри блока <div class="headerbar">, а самому блоку припиши класс clearfix, что бы получилось <div class="headerbar clearfix">.

Спасибо огромное получилось.
А вот проблема с кодом поиска в шапке

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

        <!-- 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>
        <!-- ENDIF -->

не решилась. После его удаления блок под шапкой наслаивается на шапку вот скрин

Я не очень силен в html ,поэтому прошу помощи.Что надо дописать в overall_header что бы все вернуть на место.Прилагаю свой файл overall_header Помогите пожалуйста...

MIT · Сообщение **MIT** » 03.09.2011 10:02

Как написал в коде, так он тебе и отображает...
Замени

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

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- begin mod: phpBB Statistics -->
<!-- IF S_VIEW_STATS --><li class="icon-faq"><a href="{U_STATS}" title="{L_STATS_EXPLAIN}">{L_STATISTICS}</a></li><!-- ENDIF -->
<!-- end mod: phpBB Statistics -->
<!-- begin mod: phpBB Gallery -->
<li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
<!-- end mod: phpBB Gallery -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- begin mod: Thanks for posts -->
										<!-- IF S_DISPLAY_TOPLIST --><li class="icon-thanks_toplist"><a href="{U_REPUT_TOPLIST}" title="{L_REPUT_TOPLIST}">{L_REPUT_TOPLIST}</a></li><!-- ENDIF -->
				<!-- IF S_DISPLAY_THANKSLIST --><li class="icon-thanks"><a href="{U_THANKSLIST}" title="{L_THANKS_USER}">{L_GRATITUDES}</a></li><!-- ENDIF -->
<!-- end mod: Thanks for posts -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

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

на

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

	</div>
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- begin mod: phpBB Statistics -->
<!-- IF S_VIEW_STATS --><li class="icon-faq"><a href="{U_STATS}" title="{L_STATS_EXPLAIN}">{L_STATISTICS}</a></li><!-- ENDIF -->
<!-- end mod: phpBB Statistics -->
<!-- begin mod: phpBB Gallery -->
<li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
<!-- end mod: phpBB Gallery -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- begin mod: Thanks for posts -->
										<!-- IF S_DISPLAY_TOPLIST --><li class="icon-thanks_toplist"><a href="{U_REPUT_TOPLIST}" title="{L_REPUT_TOPLIST}">{L_REPUT_TOPLIST}</a></li><!-- ENDIF -->
				<!-- IF S_DISPLAY_THANKSLIST --><li class="icon-thanks"><a href="{U_THANKSLIST}" title="{L_THANKS_USER}">{L_GRATITUDES}</a></li><!-- ENDIF -->
<!-- end mod: Thanks for posts -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

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

Freddy28 · Сообщение **Freddy28** » 03.09.2011 10:38

Ну теперь шапка размножилась в низ и их много.Что дает вообще замена этого кода.

Что то не то здесь.Ну что никто не удалял блок поиска из шапки?

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

Вот так должно быть,но это тогда,когда присутствует в overall_header код поиска из шапки,а удалив его по инструкции http://www.phpbbguru.net/kb/styling/pro ... ge-header/ получается,как описано выше.

HAMMER663 · Сообщение **HAMMER663** » 03.09.2011 12:14

в css добавь к изображению no-repeat

Freddy28 · Сообщение **Freddy28** » 03.09.2011 12:19

HAMMER663 писал(а):в css добавь к изображению no-repeat

Это совсем не то.
Проблема решена при помощи дополнительного </div>

phpBB Guru - Официальная русская поддержка форума phpBB

Вопрос по стилизации шапки форума.

Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.

Re: Вопрос по стилизации шапки форума.