лого и ссылки под ним

[Tarantella 0]

Не помню где точно, или у вас или на ibresource тема где описывается как сделать лого форума и те ссылки что под ним с одним фоном,в одном стиле!

Тему эту найти не могу!

Опишите,пожалуйста,если не трудно!

[Ant_ 0]

Всё выше написанное правится в Админцентр > Внешний вид > Ваш стиль > Изменить HTML шаблоны > skin_global (глобальные шаблоны) > работаем с global_board_header (Шапка форума)

 

Сам логотип. (По дефолту logo4.gif)

<div class="borderwrap">
<div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.jpg' style='vertical-align:top' alt='Логотип форума' border='0' /><!--ipb.logo.end--></a></div>

 

Ссылки под лого.

Левая сторона: Главная (home_url), Портал (act=home), Правила (<!--IBF.RULES-->),

Правая сторона: Календарь (act=calendar), Пользователи (act=Members) Помощь (act=Help)

 

Сам код:

<div id="submenu">
	<!--ipb.leftlinks.start-->
	<if="$this->ipsclass->vars['home_url']">
		<div class='ipb-top-left-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></div>
	</if>
	<if="$this->ipsclass->vars['csite_on']">
		<div class='ipb-top-left-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></div>
	</if>		
	<!--IBF.RULES-->
	<!--ipb.leftlinks.end-->
	<!--ipb.rightlinks.start-->
	<div class='ipb-top-right-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></div>
	<div class='ipb-top-right-link' id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></div>
	<div class='ipb-top-right-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></div>
	<div class='ipb-top-right-link'><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></div>

 

В каскадных стилях лого правим в "#logostrip" и "#logographic"

#logostrip{

background: #7f909c url(<#IMG_DIR#>/tile_back.gif) Фон шапки

height: 108px;

border: 1px solid #FFF;

border-bottom: 0;

margin: 0;

padding: 0;

}

 

#logographic{

background: transparent url(<#IMG_DIR#>/logo4.gif) no-repeat left; /*Сам логотип */

cursor: pointer;

height: 115px; /*Правим размер для корректного отображения*/

margin: 0;

padding: 0;

}

 

А ссылки правим в классе #submenu{

 

Там всё и так понятно,если нет,то пишите.

 

Да и рекомендую эти ссылки

_http://www.invisionpower.com/files/css_guide_pro/

_http://www.invisionpower.com/files/css_guide_classic/