[FAQ] Шаблон форума, CSS и html, где что "ковырять"

[Rayden]

пожалуйста направьте в нужное русло

Девушка, открываете газету бесплатных объявлений и ищете что-то типа "исправляю неправильный прикус по фотографии".
А мы тут анализируем КОД. Где ваш код? Где ссылка на ваш форум? И что это за откровенно дурацкий рисунок, на котором ничего нужного не видно, зато 70% занимает белое пространство. Ваша фамилия Малевич? Это первое.
Второе, в этой теме обсуждатся общие вопросы редактирования шаблонов форума. А поддержка конкретного мода - в другом разделе. В том числе и установка этого мода на сторонние стили (кстати, стиль вы тоже не указали).

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

[Ekler]

Я даже не обижусь. Сама про все забыла...
http://club-sp.ru пользователь test пароль 111111
стиль prosilver
Общие ответы правда не нужны, я уже тягаю его который день - и он меня уже бесит. И я знаю что Вам мои предположения не нужны - но чую прокладкой между клавиатурой и стулом что где в стиле надо копать.
ЗЫ рисунок и впрямь подурацки выглядит

[Rayden]

Это я там тему создал.
Вы чем смотрите?
Ие8 - проблемы нет
ФФ 3.5.7 - проблемы нет
Опера 10.10 - проблемы нет
Сафари 4.0.4 - проблема есть
Хром 4.0.чегото.. - проблема есть.

Совет остается тот же:

находите css тех элементов, что налезают друг на друга и увеличиваете им вертикальные отступы.

Вы при установке мода где-то добавляли вот такую строку:

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

<dl style="clear: left;">

Точнее две строки, у вас же два заголовка добавляется.
Их нужно исправить примерно на это:

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

<dl style="clear: left;margin: 10px 0;">

10 px -это от балды, надо на деле смотреть.

[Ekler]

Спасибо.
Смотрю Хромом ( вот пес смердявый...)
Да добавляла даже знаю где.
Все поняла. Спасибо большое. Низкий поклон.

[Rayden]

Вы сначала попробуйте, а то вдруг в других браузерах уедет.
Возможно надо будет не верх и низ увеличивать. а только низ - margin: 0 0 10px 0;
Надо пробывать.

Добавлено спустя 56 секунд:
И десятка по идее слишком много, возможно хватит 5 или даже 3.
Десятка - это чтоб эффект виден был

[dle]

Подскажите как можно изменить длину форума - http://demo.phpbb3styles.net/1Game А то он узкий какой то((

[Палыч]

dle
Он не узкий. Он фиксированный.
stylesheet.css

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

#wrap { 
width: 956px;
min-width: 650px;

[Egoz]

Файл colours.css

Код: Выделить всё
.headerbar {
background-color: #12A3EB;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}

заменил в хедере на свою картинку.
Убираю в админке лого и хедер уменьшается по высоте.

bg_header.jpg

Подскажите пожалуйста в каком файле и месте надо прописать высоту хедера чтоб отображался весь рисунок?
Не тут случайно:

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

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

вот что значит самому попробовать прежде чем спрашивать. добавил в файле colours.css в .headerbar высоту height:

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

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.jpg");
	color: #FFFFFF;
	height: 188px; - высота моего файла бекграунда
}

и все заработало.
Только вот как ссылку теперь в хедере (сейчас она в виде маленького прямоугольника невидимого в левом верхнем углу) убрать или сделать ее на весь бекграунд? Но тогда как?

[Nekstati]

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

#logo {
    display: none;
}

[Egoz]

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

[Nekstati]

Да, убрать.

Всю картинку ссылкой делать не надо, там же ещё форма поиска на её фоне. Попробуйте так:
\styles\prosilver\template\overall_header.html

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

<div id="site-description" onclick="location.href='{U_INDEX}';" style="cursor: pointer;">

[Egoz]

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

[Nekstati]

До предпоследней буквы — это чтобы ссылка не налезла на блок поиска. А по высоте можете ссылку растянуть, задав в common.css нужную высоту для #site-description.

[Буржуй]

подскажите пожалуйста как прописать два кремлина
<div id="kremlin"> левый
<div id="kremlin"2> правый
на одной строке, всё уже перепробывал заколебался :cry:

подскажите в чем проблема, как сделать что бы тигр не наежал ??

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

<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: {S_CONTENT_DIRECTION};">
        	<a id="top" name="top" accesskey="t"></a>
        	<div id="page-header">
        		<div class="headerbar">
        			<div class="inner"><span class="corners-top"><span></span></span>

        			<div id="kremlin">
				<br style="clear: both;" />

        			<div id="site-description">
        				<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 ) and not ( S_MENU_ENABLED and S_MENU_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 -->
        <!-- IF S_MENU_ENABLED -->
            <span class="corners-bottom" style="height:0px;"></span></div></div>
    <div id="menu" style="clear:both;<!-- IF S_MENU_MARGIN -->margin-top: -3px;<!-- ELSE -->margin-top: -4px;<!-- ENDIF -->;background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_bg.gif') repeat-x;">
    	<div class="inner">
    	<span class="menu_corner-left" style="background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_corner.gif') no-repeat;"></span>
    	<span class="menu_corner-right" style="background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_corner_right.gif') no-repeat;"></span>
    <!-- IF S_DISPLAY_SEARCH and S_MENU_SEARCH -->
    	<div id="top-search" style="<!-- IF S_MENU_ALIGN == 'right' -->float: left;<!-- ELSE -->float: right;<!-- ENDIF -->background: transparent url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_search.gif') no-repeat scroll 0 0;">
    		<form action="{U_SEARCH}" method="post" id="search">
    		<fieldset>
    			<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="menu_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}';" /> 
    			{S_SEARCH_HIDDEN_FIELDS}
    		</fieldset>
    		</form>
    	</div>
    <!-- ENDIF -->
    	<ul>
    	<!-- BEGIN menu -->
    		<li class="menu_button" style="float:{S_MENU_ALIGN};"><a href="{menu.BUTTON_URL}" title="{menu.BUTTON_NAME}"<!-- IF menu.BUTTON_TARGET --> rel="external"<!-- ENDIF --> style="font-weight:{S_MENU_WEIGHT};text-transform:{S_MENU_TEXT_TRANSFORM};">{menu.BUTTON_NAME}</a></li>
    	<!-- END menu -->
    	</ul>
    <!-- ENDIF -->
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
       
        		<div class="navbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<ul class="linklist navlinks">
        				<li class="icon-home"><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>
        				<!-- 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 -->
							<!-- 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>
        
        	</div>
        
        	<a name="start_here"></a>
        	<div id="page-body">
        		
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
				<div id="information" class="rules">
        			<div class="inner"><span class="corners-top"><span></span></span>
        				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        		<!-- ENDIF -->

[Nekstati]

Буржуй, если вам нужно только вставить эту картинку, то дополнительный див не нужен. Найдите

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

<div class="headerbar">
<div class="inner">

и сделайте так:

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

<div class="headerbar">
<div class="inner" style="background: url(http://тигррр.png) top right no-repeat">