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

[Заместитель]

Что за мод выводит название темы?

В смысле, я честно признаюсь, специалист не великий, если можно сформулируйте вопрос на уровне "Для чайников"

[Татьяна5]

Заместитель
В стандартном phpBB названия тем на главной не выводятся. Чтобы выводились - вы выполнили некоторую инструкцию (установили мод). Как называлась эта инструкция?

[владимир1983]

И ссылку на форум дайте.

[Заместитель]

В стандартном phpBB названия тем на главной не выводятся. Чтобы выводились - вы выполнили некоторую инструкцию (установили мод). Как называлась эта инструкция?

Если я правильно понял то сборка называлась phpBB BB3x Standart

[Заместитель]

И ссылку на форум дайте.

http://www.ohrana-86.ru/forum/

[владимир1983]

сборка называлась phpBB BB3x Standart

Как достали уже эти говносборки...
Заместитель мы не оказываем поддержки по сборкам, за поддержкой обращайся к авторам сборки.

[Заместитель]

Заместитель мы не оказываем поддержки по сборкам, за поддержкой обращайся к авторам сборки.

ну извините, не знал

[Серый_Ветер]

форум:
1 стиль subsylver2 - выпадающий список отображения работает на ура. то есть отображается...
2 - не отображается... вернее идет отображение внутри этого блока...
3 - тоже самое что и выше...

блок регистрации справа. он же модуль ulogin

регистрация работает... глючит только отображение.

посоветовали z-index, сделал так:
сделал так(исходный код на сервере)

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

<form action="{S_LOGIN_ACTION}" method="post">
<div style="z-index:2;">
{$LR_BLOCK_H_L}<a href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{$IMAGE_SRC}" width="{$IMAGE_WIDTH}" height="{$IMAGE_HEIGHT}" alt="" />&nbsp;<!-- ENDIF -->{$TITLE}</a>{$LR_BLOCK_H_R}
        <span class="genmed">{L_USERNAME}:</span><br />
        <input type="text" tabindex="1" name="username" id="username" value="" class="inputbox autowidth" /><br /><br />
        <span class="genmed">{L_PASSWORD}:</span><br />
        <input type="password" tabindex="2" id="password" name="password" class="inputbox autowidth" />
        <!-- IF S_DISPLAY_FULL_LOGIN -->
                <br /><br />
                <!-- IF S_AUTOLOGIN_ENABLED -->
                        <input type="checkbox" class="radio" name="autologin" tabindex="3" /> <span class="gensmall">{L_UM_LOG_ME_IN}</span><br />
                <!-- ENDIF -->
        <!-- ENDIF -->
        <!-- IF S_SHOW_REGISTER and S_REGISTER_ENABLED -->
                <br /><a href="{U_REGISTER}">{L_UM_REGISTER_NOW}</a><br />
        <!-- ENDIF -->
        <br />
        <input type="hidden" name="redirect" value="{U_PORTAL}" />
        <input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" />
        <div style="float:left; z-index:1;" id="uLogin" x-ulogin-params="display=small&fields=first_name,last_name,email,photo&optional=bdate,country,city&providers={ULOGIN_SHOWN}&hidden={ULOGIN_HIDDEN}&redirect_uri={ULOGIN}"></div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}
</div>

в браузере:

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

<form action="./ucp.php?style=3&mode=login" method="post">
<div style="z-index:2;">
<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;"><a href="./ucp.php?style=3&mode=login"><img src="./styles/l2hell/theme/images/portal/portal_user.png" width="16" height="16" alt="" />&nbsp;Личное меню</a></dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">
	<span class="genmed">Имя пользователя:</span><br />
	<input type="text" tabindex="1" name="username" id="username" value="" class="inputbox autowidth" /><br /><br /> 
	<span class="genmed">Пароль:</span><br />
	<input type="password" tabindex="2" id="password" name="password" class="inputbox autowidth" /> 
				
		<br /><br />
		
			<input type="checkbox" class="radio" name="autologin" tabindex="3" /> <span class="gensmall">Запомнить меня</span><br />
		
		<br /><a href="./ucp.php?style=3&mode=register">Зарегистрироваться!</a><br />
	
	<br />
	<input type="hidden" name="redirect" value="./portal.php?style=3" />
	<input type="submit" name="login" tabindex="5" value="Вход" class="button1" />
	<div style="float:left; z-index:1;" id="uLogin" x-ulogin-params="display=small&fields=first_name,last_name,email,photo&optional=bdate,country,city&providers=vkontakte,odnoklassniki,mailru,facebook&hidden=other&redirect_uri=http%3A%2F%2Fppp-static-96.tis-dialog.ru%2Fucp.php%3Fstyle%3D3%26amp%3Bmode%3Dregister"></div>
</div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />
</div>
</form>

все равно не робит...
как исправит сие недоразумение?

[Пчелкин]

Рисую...
В posting_editor.html есть такой код (кусок)

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

<script type="text/javascript">
// <![CDATA[
	onload_functions.push('apply_onkeypress_event()');
// ]]>
</script>

<fieldset class="fields1">
	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->

В него необходимо вставить два инклуда вот в таком виде -

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

   <!-- IF S_EDIT_REASON -->
	<!-- IF S_IMGTOATTACH -->
    <!-- INCLUDE img_to_attach.html -->
	<!-- ENDIF -->
	<!-- ENDIF -->
	
  	<!-- IF S_TOPIC_SEO -->
	<!-- INCLUDE seo_viewtopic.html -->
	<!-- ENDIF -->

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

snap1377.jpg

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Здесь же выводится превью назначенного цвета фона сообщения...

snap1378.jpg

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Одно угнетает - края блоков не копируют края таких же блоков в других местах...Тоесть выглядят безобразно...

snap1377.jpg

Это понятно почему...блоки находятся внутри класса

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

<div class="panel"<!-- IF not S_DISPLAY_PREVIEW and POST_BGCOLOR --> style="background-color:#{POST_BGCOLOR}"<!-- ENDIF --> id="postingbox">
	<div class="inner"><span class="corners-top"><span></span></span>

который из файла posting_layout.html облаживает весь файл posting_editor.html

Делаю хитрость и оба блока исключаю из класса <div class="inner">
То есть в файле posting_editor.html перед вставленными блоками разрываю класс ...а после блоков - восстанавливаю его...
Получился вот такой код в posting_editor.html

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

<script type="text/javascript">
// <![CDATA[
	onload_functions.push('apply_onkeypress_event()');
// ]]>
</script>

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

    <!-- IF S_EDIT_REASON -->
	<!-- IF S_IMGTOATTACH -->
    <!-- INCLUDE img_to_attach.html -->
	<!-- ENDIF -->
	<!-- ENDIF -->
	
  	<!-- IF S_TOPIC_SEO -->
	<!-- INCLUDE seo_viewtopic.html -->
	<!-- ENDIF -->

<div class="panel"<!-- IF not S_DISPLAY_PREVIEW and POST_BGCOLOR --> style="background-color:#{POST_BGCOLOR}"<!-- ENDIF --> id="postingbox">
	<div class="inner"><span class="corners-top"><span></span></span>	
		
<fieldset class="fields1">
	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->

И получаю вот такой вид -

snap1379.jpg

И оба инклуда в порядке и вид формы ПРАВКИ нормальный...
Одно НО!!! Превью назначенного фона сообщения теперь почти не видно...Оно ограничено только блоком с названием операции (новая тема, правка, ответ -полный)...

Вот так выглядит верх формы "Новая тема" (видно что превью цвета фона почти не видно... -

snap1380.jpg

А так форма полного ответа -

snap1382.jpg

Вобщем с превью фона сообщения - пролет... Честно скажу - на ХТМЛ буке как-то ничего не нашел (случай видно особый)...
Сам мнооооого что перебрал - от ХТМЛ до КСС...
Но видно что-то недопетриваю....

Как убить двух зайцев?

Хотелось бы первый вариант с размещением двух инклудов сразу привести в нормальный вид с нормальными краями...но....
Что-то не выходит....помогите....плис....
Эти переплетения этих четырех файлов друг в друге окончательно сломали мозги....

Добавлено спустя 6 минут 44 секунды:
А.... забыл...сами инклуды -
img_to_attach.html

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

<div class="forumbg" style="z-index: 99999;">
<div class="inner" style="z-index: 99999;">
<span class="corners-top" style="z-index: 99999;"><span></span></span>
	
	<table class="table1" cellspacing="1">
		<thead>
				<tr>
					<th align="center">
						{L_IMG_TO_ATTACH}
					</th>
				</tr>
			</thead>
		<tbody>
			<tr class="bg2">
				<td>
	
	            	<fieldset id="buttons" class="submit-buttons">
		            	<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingsub').style.display='block';" class="button1 default-submit-action" />&nbsp;
	                    <input type="submit" tabindex="9" name="upload" value="{L_IMG_TO_ATTACH}" class="button1" title="{L_IMG_TO_ATTACH_TITLE}"/>	
		            	<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingsub').style.display='block';" class="button1 default-submit-action" />&nbsp;
	            	</fieldset>
					
	                <fieldset id="processingload" class="submit-buttons" style="display:none;">
	            		<img src="{ROOT_PATH}images/loader.gif" width="128" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="<!-- IF S_IN_UCP -->{L_PM_LOAD_SENDING}<!-- ELSE -->{L_LOAD_SENDING}<!-- ENDIF -->" disabled="disabled" />&nbsp;
            		</fieldset>
					
	            	<fieldset id="processingsave" class="submit-buttons" style="display:none;">
	             		<img src="{ROOT_PATH}images/loader.gif" width="128" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="<!-- IF S_IN_UCP -->{L_PM_DRAFT_SENDING}<!-- ELSE -->{L_DRAFT_SENDING}<!-- ENDIF -->" disabled="disabled" />&nbsp;
	            	</fieldset>
					
            		<fieldset id="processingprev" class="submit-buttons" style="display:none;">
	            		<img src="{ROOT_PATH}images/loader.gif" width="128" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="<!-- IF S_IN_UCP -->{L_PM_PREVIEW_SENDING}<!-- ELSE -->{L_PREVIEW_SENDING}<!-- ENDIF -->" disabled="disabled" />&nbsp;
	            	</fieldset>
					
	             	<fieldset id="processingsub" class="submit-buttons" style="display:none;">
	            		<img src="{ROOT_PATH}images/loader.gif" width="128" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="<!-- IF S_IN_UCP -->{L_PM_POST_SENDING}<!-- ELSE -->{L_POST_SENDING}<!-- ENDIF -->" disabled="disabled" />&nbsp;
	            	</fieldset>		
				
				</td>
			</tr>
		</tbody>
	</table>
<span class="corners-bottom" style="z-index: 99999;"><span></span></span>
</div>
</div>

И seo_viewtopic.html

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

<div class="forumbg" style="z-index: 99999;"><div class="inner" style="z-index: 99999;"><span class="corners-top" style="z-index: 99999;"><span></span></span>
	
	<table class="table1" cellspacing="1">
		<thead>
				<tr>
					<th align="center">
						{L_TAGS}
					</th>
				</tr>
			</thead>
		<tbody>
			<tr class="bg2">
				<td>
                <!-- IF not S_PRIVMSGS and S_NEW_MESSAGE -->
			   
                <!-- IF U_TOPIC_SEO_DESC -->   
	         	<div align="center">
                    <dt><label for="topic_seo_title">{L_TOPIC_SEO_TITLE}:</label></dt>
                    <dd><input type="text" name="topic_seo_title" id="topic_seo_title" size="100" value="{TOPIC_SEO_TITLE}" maxlength="255" class="inputbox autowidth" /></dd>
  				</div>	
			   
 	         	<div align="center">
                    <dt><label for="seo_desc">{L_TOPIC_SEO_DESCRIPTION}:</label></dt>
	            	<dd><textarea name="seo_desc" id="seo_desc" rows="3" cols="30" class="inputbox">{SEO_DESC}</textarea></dd>
  				</div>
                <!-- ENDIF -->
	
            	<!-- IF U_TOPIC_SEO_KEY -->
  	         	<div align="center">
                   <dt><label for="seo_key">{L_TOPIC_SEO_KEYWORDS}:</label>{L_TOPIC_SEO_KEY_EXPLAIN}</dt>
                   <dd><input type="text" name="seo_key" id="seo_key" size="100" value="{SEO_KEY}" maxlength="255" class="inputbox autowidth" /></dd>
  				</div>
                <!-- ENDIF -->
	
             	<!-- ENDIF -->
	
             	<!-- IF not S_PRIVMSGS and not S_NEW_MESSAGE and U_SEO_POST_KEY -->
 	         	<div align="center">
                  <dt><label for="seo_post_key">{L_POST_SEO_KEYWORDS}:</label>{L_POST_KEYWORD_EXPLAIN}</dt>
                  <dd><input type="text" name="seo_post_key" id="seo_post_key" size="100" value="{SEO_POST_KEY}" maxlength="255" class="inputbox autowidth" /></dd>
 				</div>
                <!-- ENDIF -->
				
				</td>
			</tr>
		</tbody>
	</table>
	<span class="corners-bottom" style="z-index: 99999;"><span></span></span></div>
</div>

Добавлено спустя 11 минут 6 секунд:
При втором варианте с красивыми блоками и разорванным классом <div class="panel" при предварительном просмотре готового сообщения при назначенном цвете фона сообщения - фон не показывается...

snap1384.jpg

При первом варианте без разрыва класса, но с рваными краями блоков инклудов - показывается...

snap1385.jpg

Где я туплю????

[Татьяна5]

Пчелкин
posting_editor.html

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

	</fieldset>
		<span class="corners-bottom"><span></span></span></div>
</div>

<!-- INCLUDE файлы -->

	<div class="panel" id="postingbox2" <!-- IF not S_DISPLAY_PREVIEW and POST_BGCOLOR --> style="background-color:#{POST_BGCOLOR}"<!-- ENDIF -->>
	<div class="inner"><span class="corners-top"><span></span></span>
	<fieldset class="fields1">

posting_buttons.html
Найти

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

function post_bgcolor_change(color_code)
	{
		var postingbox = document.getElementById(<!-- IF S_DISPLAY_PREVIEW -->'preview'<!-- ELSE -->'postingbox'<!-- ENDIF -->);
		if (color_code.length > 0)
		{
			postingbox.style.backgroundColor = '#' + color_code;
		}
		else
		{
			postingbox.style.backgroundColor = '';
		}
	}

Заменить на

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

	function post_bgcolor_change(color_code)
	{
		var postingbox = document.getElementById(<!-- IF S_DISPLAY_PREVIEW -->'preview'<!-- ELSE -->'postingbox'<!-- ENDIF -->);
		var postingbox2 = document.getElementById(<!-- IF S_DISPLAY_PREVIEW -->'preview'<!-- ELSE -->'postingbox2'<!-- ENDIF -->);
		if (color_code.length > 0)
		{
			postingbox.style.backgroundColor = '#' + color_code;
			postingbox2.style.backgroundColor = '#' + color_code;
		}
		else
		{
			postingbox.style.backgroundColor = '';
			postingbox2.style.backgroundColor = '';
		}
	}

[Пчелкин]

</fieldset>

О!!!! Ошибка что и этот класс не разорвал??? Вот млин....точно протупил...
Как это я забыл про поля блоков...

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

postingbox2.style.backgroundColor

Татьяна5 этим вы перекинули нахрапом действие условия background-color:#{POST_BGCOLOR} на следующее поле в блоке правки или продолжили его в следующий класс ?

Добавлено спустя 21 минуту 37 секунд:
Ааааа... понял...новое поле с новым классом с управлением из javascript ....афигеть!!! Как все просто...

Добавлено спустя 54 минуты 14 секунд:
Красотень.... гы... Татьяна5 " Да хранить Вас тот, кто должен ЭТО делать!!!

Правка -

0999.jpg

Полный ответ -

1000.jpg

Новая тема -

1001.jpg

[m-31]

Здравствуйте
Хочу вывести иконку поднятия темы(пример на картинке)
В viewforum пытался добавить

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

<li class="icon-bump"><a href="./posting.php?mode=bump&f=460&t=1700&hash=84224eec" title="Поднять тему">Поднять тему</a></li>

В

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

.icon-bump {
background-image: url("./styles/prosilver/theme/images/icon_bump.gif"); меняю на свою картинку 
}

Но ничего не выходит
Подскажите пожалуйста в каком направлении копать
Заранее спасибо !

[Sheer]

А кеш чистил? А набор изображений обновлял?

[m-31]

Sheer,кеш чистил и набор изображений обновлял.
Sheer, действие которые я сделал правильны или я что - то упустил ?
Заранее спасибо !

[MIT]

Но ничего не выходит

Что это значит? Конкретнее.

В viewforum пытался добавить

Куда? Конкретнее.