IP.Board:Стили и их настройка в 3.x.x

Материал из CSI

[править] Как удалить боковую панель?

Для удаления боковой панели, необходимо зайти в шаблон Board Index → boardIndexTemplate, найти и удалить:

{parse js_module="hooks"}
{parse variable="sidebar_enabled" default="$show_side_blocks"}

[править] Как переместить боковую панель справа налево?

Для перемещения боковой панели на левую сторону, необходимо зайти в шаблон Board Index → boardIndexTemplate, найти:

		<div id='index_stats' class='right clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>
			<foreach loop="side_blocks:$side_blocks as $block">
				{$block}
			</foreach>
		</div>
	</if>
 
 
	<div id='categories' class='<if test="nosidebar:|:IPSCookie::get('hide_sidebar') == '1' || !$this->templateVars['sidebar_enabled']">no_sidebar</if> clearfix'>

Заменить на:

		<div id='index_stats' class='left clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>			<foreach loop="side_blocks:$side_blocks as $block">
				{$block}
			</foreach>
		</div>
	</if>
 
 
	<div id='categories' class='<if test="nosidebar:|:IPSCookie::get('hide_sidebar') == '1' || !$this->templateVars['sidebar_enabled']">no_sidebar</if> right clearfix'>

Далее нужно зайти в ipb_styles.css, найти:

.sidebar_toggle {
	text-align: right;	
	padding: 0px 3px;
	height: 20px;
	right: 15px;
	position: absolute;
	-moz-outline: 0;
}

И изменить в соответствии выделенной строки:

.sidebar_toggle {
	text-align: right;	
	padding: 0px 3px;
	height: 20px;
	left: 15px;	position: absolute;
	-moz-outline: 0;
}

Найти:

	#open_sidebar.sidebar_toggle {
		right: 0;
		-moz-border-radius-top-right: 0;
		-moz-border-radius-bottom-right: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
	}

И изменить в соответствии выделенной строки:

	#open_sidebar.sidebar_toggle {
		left: 0;		-moz-border-radius-top-right: 0;
		-moz-border-radius-bottom-right: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
	}

[править] Как добавить ссылку в навигационную строку?

Добавление ссылки в навигационную строку

Для добавления ссылки в навигационную строку, необходимо открыть шаблон Global Templates → globalTemplate, найти (примерные строки 286—288):

 </if>
						</foreach>
					</if>

Добавить ниже:

<li id='nav_linkone' class='left'><a href='http://www.****.com'>Ссылка</a></li>

[править] Как заменить разделитель подписи?

Старый разделитель

Новый разделитель

Для того, чтобы изменить разделитель подписи или вообще его заменить, необходимо в ipb_styles.css своего стиля найти:

.signature {
    color: #8e8e8e;
    font-size: 11px;
    border-top: 1px solid #d5dde5;
    padding: 8px;
    margin: 10px 10px 0 6px;
}

Данный селектор отвечает за внешний вид подписи. Шаблон же подписи находится в Global Templates → signature_separator.

Например, если мы хотим вставить изображение, как показано на рисунках справа, нужно в шаблоне найти:

<div class="signature">
    {$sig}
</div>

И, например, заменить на:

<div class="signature">
<img title="User's Signature" src="{style_images_url}/sigseperator.gif" alt="User's Signature" border="0"><br><br />
    {$sig}
</div>

[править] Как исправить панель ответа в IE7?

Баг панели ответа в IE7

В IPB версии 3.0.5 (возможно и в более поздних версиях) имеется баг в отображении панели ответа. Для того, чтобы его устранить, необходимо зайти CSS своего стиля, открыть ipb_ie.css, найти:

#ipboard_body .input_rte {
	margin-top: -191px;    /* 200px - 8px margin - 1px border */
}

И удалить!

[править] Как добавить кнопку «Вверх» в сообщения темы?

В стандартном шаблоне присутствует кнопка «Вверх» («Top») в сообщениях темы, но по умолчанию она скрыта. Чтобы сделать кнопку отображаемой, необходимо в шаблоне Topic View → topicViewTemplate найти код:

<li class='top hide'><a href='#top' class='top' title='{$this->lang->words['back_top']}'>{$this->lang->words['back_top']}</a></li>

и удалить слово hide.

Теперь кнопка появится под профилем пользователя в каждом сообщении.

[править] Ссылки

Тема обсуждения на CSO