Главное меню форума!

Опубликовано: 8 марта 200817 г

Центрировать и не делить.

То есть убрать в css в ipb-top-right-link и ipb-top-left-link

float: left; и float: right;

Убрать background в этих классах.

Лучше оставить один класс, допустим ipb-top-left-link.

Записать параметр

text-align: center;

в #submenu и .ipb-top-left-link

Затем зайти в skin_global > global_board_header,

Заменить там все ipb-top-right-link на ipb-top-left-link

Контур можно тоже убрать.

Тогда в промежутках лучше установить знак |

Опубликовано: 8 марта 200817 г

Автор

Воспользовался твоим советом и получилось все отвратительно! Вот как я сделал:

Код КСС:

#submenu{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
	text-align: center;
border: 1px solid #d6d1d2;
border-top: 0;
color: #095372; 
margin: 0;
height: 16px;
text-align: right;
}


.ipb-top-center-link
{
background: transparent url(style_images/<#IMG_DIR#>/tile_sub-lite.gif);
	text-align: center;
font-size: 10px;
font-weight: bold; 
letter-spacing: 0.5px;
margin: 0px;
padding: 1px 0 1px 0;
width: auto;
border-left:  1px solid #dce3ee;
}



.ipb-top-center-link a:link, 
.ipb-top-center-link a:visited,
{ 
background: transparent; 
color: #cdd1d2;
padding: 0 6px 0 6px;
text-decoration: none;
}

.ipb-top-center-link a:hover, 
.ipb-top-center-link a:active,

{
background: transparent; 
color: #a3a3a3; 
}

Код глобал:

<!--ipb.javascript.start-->
<script type="text/javascript">
//<![CDATA[
var ipb_var_st			= "{$this->ipsclass->input['st']}";
var ipb_lang_tpl_q1	   = "{$this->ipsclass->lang['tpl_q1']}";
var ipb_var_s			 = "{$this->ipsclass->session_id}";
var ipb_var_phpext		= "{$this->ipsclass->vars['php_ext']}";
var ipb_var_base_url	  = "{$this->ipsclass->js_base_url}";
var ipb_var_image_url	 = "{$this->ipsclass->vars['img_url']}";
var ipb_input_f		   = "{$this->ipsclass->input['f']}";
var ipb_input_t		   = "{$this->ipsclass->input['t']}";
var ipb_input_p		   = "{$this->ipsclass->input['p']}";
var ipb_var_cookieid	  = "{$this->ipsclass->vars['cookie_id']}";
var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}";
var ipb_var_cookie_path   = "{$this->ipsclass->vars['cookie_path']}";
var ipb_md5_check		 = "{$this->ipsclass->md5_check}";
var ipb_new_msgs		  = {$this->ipsclass->member['new_msg']};
var use_enhanced_js	   = {$this->ipsclass->can_use_fancy_js};
var use_charset		   = "{$this->ipsclass->vars['gb_char_set']}";
var ipb_myass_chars_lang  = "{$this->ipsclass->lang['myass_chars']}";
var ajax_load_msg		   = "{$this->ipsclass->lang['ajax_loading_msg_new']}";
//]]>
</script>
<script type="text/javascript" src='jscripts/ips_ipsclass.js'></script>
<script type="text/javascript" src='jscripts/ipb_global.js'></script>
<script type="text/javascript" src='jscripts/ips_menu.js'></script>
<script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script>
<script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script>
<script type="text/javascript">
//<![CDATA[
var ipsclass = new ipsclass();
ipsclass.init();
ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" );
ipsclass.settings['resize_percent']   = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" );
//]]>
</script>
<!--ipb.javascript.end-->
<div class="borderwrap">
<div id="logostrip" align="left"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></div>
<div id="submenu">
	<!--ipb.leftlinks.start-->
	<if="$this->ipsclass->vars['home_url']">
		<div class='ipb-top-center-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-center-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-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></div>
	<div class='ipb-top-center-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-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></div>
	<div class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></div>
	<if="$component_links != """>
		{$component_links}
	</if>
	<div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'>
		<form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post">
			<input type='hidden' name='forums' id='gbl-search-forums' value='all' /> 
			<input type="text" size="20" name="keywords" id='ipb-tl-search-box' />
			<input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" />
			<if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']">
				<br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']}
			</if>
		</form>
		<div style='padding:4px'>
			<a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a>
		</div>
	</div>
	<script type="text/javascript">
		ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' );
		gbl_check_search_box();
	</script>
	<!--ipb.rightlinks.end-->
</div>
</div>
<if="$this->ipsclass->can_use_fancy_js != 0">
<script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script>
<script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script>
<script type="text/javascript" src='jscripts/dom-drag.js'></script>
<div id='get-myassistant' style='display:none;width:400px;text-align:left;'>
<div class="borderwrap">
<div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'>
 <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>
 <div>{$this->ipsclass->lang['myass_title']}</div>
</div>
<div id='myass-content' style='overflow-x:auto;'></div>
</div>
</div>
<!-- Loading Layer -->
<div id='loading-layer' style='display:none'>
<div id='loading-layer-shadow'>
   <div id='loading-layer-inner'>
 	<img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' />
	<span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span>
	</div>
</div>
</div>
<!-- / Loading Layer -->
<!-- Msg Layer -->
<div id='ipd-msg-wrapper'>
<div id='ipd-msg-title'>
	<a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a>   <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong>
</div>
<div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div>
</div>
<!-- Msg Layer -->
</if>
<!-- / End board header -->

Опубликовано: 8 марта 200817 г

А зачем контуры оставили.

И что именно получилось отвратительно?

Постарайтесь изложить словами.

Я не телепат.

Забавно.

В submenu осталось

text-align: right;

Опубликовано: 8 марта 200817 г

Автор

Вот что получилось!!!!

Опубликовано: 8 марта 200817 г

Если компонентов на форуме нет (блоги, галерея и т.д) замените теги

на

Только выпадающее меню не трогайте от поиска.

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

..................................................

Вообще 8-го марта после коньяка советы лучше давать....

Опубликовано: 8 марта 200817 г

Автор

Сделал вот-так вот не помагло!!!

</script>
<!--ipb.javascript.end-->
<div class="borderwrap">
<div id="logostrip" align="left"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></div>
<div id="submenu">
	<!--ipb.leftlinks.start-->
	<if="$this->ipsclass->vars['home_url']">
		<span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span>
	</if>
	<if="$this->ipsclass->vars['csite_on']">
		<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span>
	</if>		
	<!--IBF.RULES-->
	<!--ipb.leftlinks.end-->
	<!--ipb.rightlinks.start-->
	<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></span>
	<div class='ipb-top-center-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>
	<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></span>
	<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></span>
	<if="$component_links != """>
		{$component_links}
	</if>
	<div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'>
		<form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post">
			<input type='hidden' name='forums' id='gbl-search-forums' value='all' /> 
			<input type="text" size="20" name="keywords" id='ipb-tl-search-box' />
			<input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" />
			<if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']">
				<br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']}
			</if>
		</form>
		<div style='padding:4px'>
			<a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a>
		</div>
	</div>
	<script type="text/javascript">
		ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' );
		gbl_check_search_box();
	</script>
	<!--ipb.rightlinks.end-->
</div>
</div>
<if="$this->ipsclass->can_use_fancy_js != 0">
<script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script>
<script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script>
<script type="text/javascript" src='jscripts/dom-drag.js'></script>
<div id='get-myassistant' style='display:none;width:400px;text-align:left;'>
<div class="borderwrap">
<div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'>
 <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>
 <div>{$this->ipsclass->lang['myass_title']}</div>
</div>
<div id='myass-content' style='overflow-x:auto;'></div>
</div>
</div>
<!-- Loading Layer -->
<div id='loading-layer' style='display:none'>
<div id='loading-layer-shadow'>
   <div id='loading-layer-inner'>
 	<img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' />
	<span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span>
	</div>
</div>
</div>
<!-- / Loading Layer -->
<!-- Msg Layer -->
<div id='ipd-msg-wrapper'>
<div id='ipd-msg-title'>
	<a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a>   <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong>
</div>
<div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div>
</div>
<!-- Msg Layer -->
</if>
<!-- / End board header -->

Опубликовано: 8 марта 200817 г

Завтра напишу решение.

Там дивы без параметра float переносят следующую ссылку на новую строчку.

А всякие переменные, типа компонентов, они в дивах в другом месте записаны.

Опубликовано: 9 марта 200817 г

Автор

Завтра напишу решение.
Там дивы без параметра float переносят следующую ссылку на новую строчку.
А всякие переменные, типа компонентов, они в дивах в другом месте записаны.

Все буду ждать!

Опубликовано: 9 марта 200817 г

Автор

Я сделал вот так вот, и все заработало (кроме цвета):

global_board_header:

<!--ipb.javascript.start-->
<script type="text/javascript">
//<![CDATA[
var ipb_var_st			= "{$this->ipsclass->input['st']}";
var ipb_lang_tpl_q1	   = "{$this->ipsclass->lang['tpl_q1']}";
var ipb_var_s			 = "{$this->ipsclass->session_id}";
var ipb_var_phpext		= "{$this->ipsclass->vars['php_ext']}";
var ipb_var_base_url	  = "{$this->ipsclass->js_base_url}";
var ipb_var_image_url	 = "{$this->ipsclass->vars['img_url']}";
var ipb_input_f		   = "{$this->ipsclass->input['f']}";
var ipb_input_t		   = "{$this->ipsclass->input['t']}";
var ipb_input_p		   = "{$this->ipsclass->input['p']}";
var ipb_var_cookieid	  = "{$this->ipsclass->vars['cookie_id']}";
var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}";
var ipb_var_cookie_path   = "{$this->ipsclass->vars['cookie_path']}";
var ipb_md5_check		 = "{$this->ipsclass->md5_check}";
var ipb_new_msgs		  = {$this->ipsclass->member['new_msg']};
var use_enhanced_js	   = {$this->ipsclass->can_use_fancy_js};
var use_charset		   = "{$this->ipsclass->vars['gb_char_set']}";
var ipb_myass_chars_lang  = "{$this->ipsclass->lang['myass_chars']}";
var ajax_load_msg		   = "{$this->ipsclass->lang['ajax_loading_msg_new']}";
//]]>
</script>
<script type="text/javascript" src='jscripts/ips_ipsclass.js'></script>
<script type="text/javascript" src='jscripts/ipb_global.js'></script>
<script type="text/javascript" src='jscripts/ips_menu.js'></script>
<script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script>
<script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script>
<script type="text/javascript">
//<![CDATA[
var ipsclass = new ipsclass();
ipsclass.init();
ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" );
ipsclass.settings['resize_percent']   = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" );
//]]>
</script>
<!--ipb.javascript.end-->
<div class="borderwrap">
<div id="logostrip" align="left"><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></div>
<div id="submenu">
	<!--ipb.leftlinks.start-->
	<if="$this->ipsclass->vars['home_url']">
		<span class='ipb-top-center-link'><a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a></span>
	</if>
	<if="$this->ipsclass->vars['csite_on']">
		<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a></span>
		</if>	
	<!--IBF.RULES-->
	<!--ipb.leftlinks.end-->
	<!--ipb.rightlinks.start-->
	<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a></span>
	<span class='ipb-top-center-link' id="ipb-tl-search"><a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}">{$this->ipsclass->lang['tb_search']}</a></span>
	<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a></span>
	<span class='ipb-top-center-link'><a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></span>
	<if="$component_links != """>
		{$component_links}
	</if>
	<div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'>
		<form action="{$this->ipsclass->base_url}act=Search&CODE=01" method="post">
			<input type='hidden' name='forums' id='gbl-search-forums' value='all' /> 
			<input type="text" size="20" name="keywords" id='ipb-tl-search-box' />
			<input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" />
			<if="($this->ipsclass->input['act'] == 'sf' OR $this->ipsclass->input['act'] == 'st') AND $this->ipsclass->input['f']">
				<br /><input type='checkbox' id='gbl-search-checkbox' value='1' onclick='gbl_check_search_box()' checked='checked' /> {$this->ipsclass->lang['gbl_forum_search']}
			</if>
		</form>
		<div style='padding:4px'>
			<a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a>
		</div>
	</div>
	<script type="text/javascript">
		ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' );
		gbl_check_search_box();
	</script>
	<!--ipb.rightlinks.end-->
</div>
</div>
<if="$this->ipsclass->can_use_fancy_js != 0">
<script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script>
<script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script>
<script type="text/javascript" src='jscripts/dom-drag.js'></script>
<div id='get-myassistant' style='display:none;width:400px;text-align:left;'>
<div class="borderwrap">
<div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'>
 <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>
 <div>{$this->ipsclass->lang['myass_title']}</div>
</div>
<div id='myass-content' style='overflow-x:auto;'></div>
</div>
</div>
<!-- Loading Layer -->
<div id='loading-layer' style='display:none'>
<div id='loading-layer-shadow'>
   <div id='loading-layer-inner'>
 	<img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' />
	<span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span>
	</div>
</div>
</div>
<!-- / Loading Layer -->
<!-- Msg Layer -->
<div id='ipd-msg-wrapper'>
<div id='ipd-msg-title'>
	<a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a>   <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong>
</div>
<div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div>
</div>
<!-- Msg Layer -->
</if>
<!-- / End board header -->

ipb-top-center-link:

#submenu{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
	text-align: center;
border: 1px solid #d6d1d2;
border-top: 0;
color: #095372; 
margin: 0;
height: 16px;
	font-weight: bold; 
}


.ipb-top-center-link
{
background: transparent url(style_images/<#IMG_DIR#>/tile_sub-lite.gif);
	text-align: center;
font-size: 10px;
	color: #FFFFFF;
font-weight: bold; 
letter-spacing: 0.5px;
margin: 0px;
padding: 1px 0 1px 0;
width: auto;
border-left:  1px solid #dce3ee;
}



.ipb-top-center-link a:link, 
.ipb-top-center-link a:visited,
{ 
background: transparent; 
color: #FFFFFF;
padding: 0 6px 0 6px;
text-decoration: none;
}

.ipb-top-center-link a:hover, 
.ipb-top-center-link a:active,

{
background: transparent; 
color: #FFFFFF; 
}

Как мне изменить теперь цвет этих ссылок???

Опубликовано: 9 марта 200817 г

Цвет ссылок или фона?

Фон - меняйте background

Цвет ссылок сейчас у вас белый:

color: #FFFFFF;

Только зачем после

.ipb-top-center-link a:visited

Поставили запятую?

Уберите ее перед открывающейся скобкой - {

Опубликовано: 9 марта 200817 г

Автор

Действительно, это все из-за запятой было!

А теперь как мне добавить вот сюда эту палочку? (как показано на ресунку)

Опубликовано: 9 марта 200817 г

 <span class='ipb-top-center-link'>

Замените на

 <span class='ipb-top-center-link' style="border-right: 1px solid #dce3ee">

Тогда там добавится правый контур.

Войти

Главное меню форума!

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

Account

Navigation

Поиск

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)