Пропустить

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

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

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

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

Сообщение Rayden » 12.02.2010 15:40

Ekler писал(а):пожалуйста направьте в нужное русло

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

А если вам нужны общие ответы, то пожалуйста: находите css тех элементов, что налезают друг на друга и увеличиваете им вертикальные отступы.
Ничего более конкретного по этому рисунку сказать нельзя.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Rayden
Former team member
 
Сообщения: 3841
Зарегистрирован: 27.06.2005 0:07
Благодарил (а): 0 раз.
Поблагодарили: 27 раз.

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

Сообщение Ekler » 12.02.2010 16:03

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

Ekler
phpBB 1.0.0
 
Сообщения: 5
Зарегистрирован: 12.02.2010 15:04
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

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

Сообщение Rayden » 12.02.2010 16:54

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

Совет остается тот же:
Rayden писал(а):находите css тех элементов, что налезают друг на друга и увеличиваете им вертикальные отступы.

Вы при установке мода где-то добавляли вот такую строку:
<dl style="clear: left;">

Точнее две строки, у вас же два заголовка добавляется.
Их нужно исправить примерно на это:
<dl style="clear: left;margin: 10px 0;">

10 px -это от балды, надо на деле смотреть.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Rayden
Former team member
 
Сообщения: 3841
Зарегистрирован: 27.06.2005 0:07
Благодарил (а): 0 раз.
Поблагодарили: 27 раз.

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

Сообщение Ekler » 12.02.2010 16:56

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

Ekler
phpBB 1.0.0
 
Сообщения: 5
Зарегистрирован: 12.02.2010 15:04
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

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

Сообщение Rayden » 12.02.2010 17:00

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

Добавлено спустя 56 секунд:
И десятка по идее слишком много, возможно хватит 5 или даже 3.
Десятка - это чтоб эффект виден был :)
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Rayden
Former team member
 
Сообщения: 3841
Зарегистрирован: 27.06.2005 0:07
Благодарил (а): 0 раз.
Поблагодарили: 27 раз.

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

Сообщение dle » 12.02.2010 20:48

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

dle
phpBB 1.0.0
 
Сообщения: 8
Зарегистрирован: 02.01.2010 23:17
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

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

Сообщение Палыч » 12.02.2010 20:59

dle
Он не узкий. Он фиксированный.
stylesheet.css
#wrap { 
width: 956px;
min-width: 650px;
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
За это сообщение автора Палыч поблагодарил:
ЖоRа ЗдесЬ (05.10.2010 8:31)
Аватара пользователя
Палыч
Просто Палыч
Просто Палыч
 
Сообщения: 9257
Зарегистрирован: 24.05.2006 22:20
Откуда: Питер
Благодарил (а): 3 раз.
Поблагодарили: 283 раз.

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

Сообщение Egoz » 15.02.2010 13:37

Nekstati писал(а):Файл 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; - высота моего файла бекграунда
}

и все заработало.
Только вот как ссылку теперь в хедере (сейчас она в виде маленького прямоугольника невидимого в левом верхнем углу) убрать или сделать ее на весь бекграунд? Но тогда как?
так то оно так, а вот случись что-либо нечто, вот тебе и пожалуйста
Аватара пользователя
Egoz
phpBB 2.0.0
 
Сообщения: 122
Зарегистрирован: 30.12.2005 21:03
Откуда: Биробиджан
Благодарил (а): 10 раз.
Поблагодарили: 3 раз.

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

Сообщение Nekstati » 15.02.2010 15:03

#logo {
    display: none;
}
Аватара пользователя
Nekstati
Лидер поддержки
Лидер поддержки
 
Сообщения: 2181
Зарегистрирован: 19.03.2009 17:43
Благодарил (а): 6 раз.
Поблагодарили: 607 раз.

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

Сообщение Egoz » 15.02.2010 15:09

Это я так понимаю убрать из левого верх. угла лого-ссылку?
А есть вариант как сделать картинку что я использовал на бекграунд - ссылкой как на лого?
так то оно так, а вот случись что-либо нечто, вот тебе и пожалуйста
Аватара пользователя
Egoz
phpBB 2.0.0
 
Сообщения: 122
Зарегистрирован: 30.12.2005 21:03
Откуда: Биробиджан
Благодарил (а): 10 раз.
Поблагодарили: 3 раз.

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

Сообщение Nekstati » 15.02.2010 15:30

Да, убрать.

Всю картинку ссылкой делать не надо, там же ещё форма поиска на её фоне. Попробуйте так:
\styles\prosilver\template\overall_header.html
<div id="site-description" onclick="location.href='{U_INDEX}';" style="cursor: pointer;">
Аватара пользователя
Nekstati
Лидер поддержки
Лидер поддержки
 
Сообщения: 2181
Зарегистрирован: 19.03.2009 17:43
Благодарил (а): 6 раз.
Поблагодарили: 607 раз.

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

Сообщение Egoz » 15.02.2010 15:58

ссылка появилась странным образом. если глянете на мой скрин выше, то вот на нем ссылка занимает площадь слева-направо до предпоследней буквы. а по высоте охватывает расстояние в половину высоты как от формы Поиска и вверх.
вот такие чудеса.
за попытку спасибо, но если это как-то сложно сделать, то пусть у меня остается без ссылки в хедере. не так уж это и страшно наверное :-)
так то оно так, а вот случись что-либо нечто, вот тебе и пожалуйста
Аватара пользователя
Egoz
phpBB 2.0.0
 
Сообщения: 122
Зарегистрирован: 30.12.2005 21:03
Откуда: Биробиджан
Благодарил (а): 10 раз.
Поблагодарили: 3 раз.

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

Сообщение Nekstati » 15.02.2010 16:04

До предпоследней буквы — это чтобы ссылка не налезла на блок поиска. А по высоте можете ссылку растянуть, задав в common.css нужную высоту для #site-description.
Аватара пользователя
Nekstati
Лидер поддержки
Лидер поддержки
 
Сообщения: 2181
Зарегистрирован: 19.03.2009 17:43
Благодарил (а): 6 раз.
Поблагодарили: 607 раз.

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

Сообщение Буржуй » 24.02.2010 14:32

Буржуй писал(а):подскажите пожалуйста как прописать два кремлина
<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 -->
Вложения
йцу.JPG
йцу.JPG (9.16 КБ) Просмотров: 331

Буржуй
phpBB 1.2.1
 
Сообщения: 26
Зарегистрирован: 13.12.2009 16:03
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Предупреждения: 1

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

Сообщение Nekstati » 24.02.2010 16:21

Буржуй, если вам нужно только вставить эту картинку, то дополнительный див не нужен. Найдите
<div class="headerbar">
<div class="inner">

и сделайте так:
<div class="headerbar">
<div class="inner" style="background: url(http://тигррр.png) top right no-repeat">
Аватара пользователя
Nekstati
Лидер поддержки
Лидер поддержки
 
Сообщения: 2181
Зарегистрирован: 19.03.2009 17:43
Благодарил (а): 6 раз.
Поблагодарили: 607 раз.

Пред.След.

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

 

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

Бессрочный конкурс phpBB-ориентированных материалов
FastVPS — надёжный и доступный хостинг для phpBB
Изображение