Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Ракот

как вынести #submenu на логотип

Recommended Posts

То есть хотелось бы:

 

а)Сделать графические кнопочки под дизайн шапки

б)Вынести их на шапку с 2ух сторон.

 

Что подскажите?:(

Share this post


Link to post
Share on other sites

а) Нарисовать кнопочки

б) Открыть через редактор админки skin_global > global_board_header

Найти в коде

....

 

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

Можно табличку сделать, можно скомбинировать табличную и блочную верстку.

При необходимости заменить существующие классы, прописав новые в css.

Ну и в коде lang (языковые) переменные заменить на ссылки на Ваши графические кнопочки.

Кроме того, можно задействовать java, если хотите, чтобы при наведении кнопка менялась.

Share this post


Link to post
Share on other sites
а) Нарисовать кнопочки

б)

 

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

Можно табличку сделать, можно скомбинировать табличную и блочную верстку.

При необходимости заменить существующие классы, прописав новые в css.

Ну и в коде lang (языковые) переменные заменить на ссылки на Ваши графические кнопочки.

Кроме того, можно задействовать java, если хотите, чтобы при наведении кнопка менялась.

 

про кнопочки +1 ) я имел ввиду привязку ссылок к изображениям)

 

про табличку,допусим:

 

<div class="borderwrap">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
<td colspan="3"> 
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr> 
	  <td class="tabletopleft"> </td>
	  <td class="tabletopper"> </td>
	  <td class="tabletopright"> </td>
	</tr>
  </table>
</td>
 </tr>
 <tr> 
<td class="tableleft"> </td>
<td class="tablebg" valign="top">
<div class="borderwrap">
<table id="logostrip" width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	  <td valign="top" style="padding:0;"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/8_6_FreeDoom4_copy6-6-6.jpg' alt='IPB' style='vertical-align:top' border='0' width='100%' /><!--ipb.logo.end--></a></td>
..........

так имеете ввиду?

Share this post


Link to post
Share on other sites

Тогда в простейшем варианте это будет так:\

<div class="borderwrap">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
<td colspan="3"> 
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr> 
	  <td class="tabletopleft"> </td>
	  <td class="tabletopper"> </td>
	  <td class="tabletopright"> </td>
	</tr>
  </table>
</td>
 </tr>
 <tr> 
<td class="tableleft"> </td>
<td class="tablebg" valign="top">
<div class="borderwrap">
<table id="logostrip" width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	  <td valign="top" style="padding:0;"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/8_6_FreeDoom4_copy6-6-6.jpg' alt='IPB' style='vertical-align:top' border='0' width='100%' /><!--ipb.logo.end--></a></td>
  <td style="text-align:right; padding:0" valign="middle"><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>
	<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></td> 
<td width="20" style="text-align:right; valign="top"> </td>
	</tr>
  </table></div></td>
<td class="tableright"> </td>
 </tr>
 <tr> 
<td colspan="3">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr> 
	  <td class="tablebotleft"> </td>
	  <td class="tablebottomer"> </td>
	  <td class="tablebotright"> </td>
	</tr>
  </table>
</td>
 </tr>
</table></div>

Однако мох знаний вдимо не хватает или голова другим забита:

как разделить на право и лево, и придать каждой кнопке фиксированое положение на шапке?

 

\\Брр, не это я что то не то сделал, шапка сместилась влево, и спрва на белом фоне кнопки мои)

Edited by Ракот

Share this post


Link to post
Share on other sites

Зачем усложнять?

Сделайте общую таблицу, куда включите и логотип и меню.

В таблице сделайте 3-4 ячейки.

В правой (или двух правых) создайте место для кнопок.

Это может быть табличка, или дивы с определенным форматированием.

В Вашем коде я никакой принципиальной перестройки не вижу.

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

 

 

 

......

 

 

 

 

Нафига Вам это?

Уберите, и перестраивайте только то, что по делу.

А сверху и снизу прилепить украшения можно потом.

Share this post


Link to post
Share on other sites

то есть получается что нужно разбить картинку на части , и в каждой ячейке делать свой фон из кусков тойй самой картинки?

Share this post


Link to post
Share on other sites

получается что самый простой выход это:

<table border="0">
 <tr>
<div id="shapka">
   <div align="left">
<a href="{$this->ipsclass->vars['home_url']}"><img src= 'style_images/1/1.gif' style='vertical-align:left' alt='{$this->ipsclass->vars['home_name']}' border='0' /></a>
  </div>
  <div align="right">
<a href="{$this->ipsclass->base_url}act=home"><img src= 'style_images/1/2.gif' style='top' alt='{$this->ipsclass->vars['home_name']}' border='0' /></a>
  </div>
</div>
 </tr>
</table>

 

и в css:

#shapka
{
height: 294px;
width: 100%;
background: #3E0809 url(http://s46.radikal.ru/i111/0808/5f/e609411c5674.jpg) center no-repeat;
}

 

если не прав- поправьте плз..

Edited by Ракот

Share this post


Link to post
Share on other sites

Нет конечно.

Вы знакомы вообще с версткой или наугад код пишите? В первом вариянте из зимнего скина вытащили просто, не понимая что вытащили.

А сейчас в табличный ряд бездумно дивы засовываете.

Разве можно так неграмотно мешать...

tr - обозначает ряд таблицы

td - ячейки в этом ряду.

Эти элементы обязательны.

Если использовать внутри блоки (div), то они должны прописываться внутри ячеек, а не напрямую в ряду.

Все на самом деле предельно просто.

Достаточно посмотреть любой html справочник.

Справится и ребенок, главное преодолеть лень, почитать, а не угадывать и отнимать время.

Share this post


Link to post
Share on other sites

Фисана пафос вам не к лицу.

 

этот код вполне работает

поправьте плз..

 

это вроде не просьба о лекции на тему правильности вёрстки.я вроде задан простой вопрос,никого не агря и ни в коем случае не пытаясь "отнять" у вас время.

 

вообщем извините, видимо ошибся форумом. Этот ничуть не отличается от ибресурса.

Share this post


Link to post
Share on other sites

На ибресурсе народу тоже надоедает повторять азы.

Читайте справочники по html

В частности о табличной и блочной верстке.

И еще.

И этого в сети вагон и маленькая тележка.

А у нас чисто прикладной форум.

Мы не ставим в свои задачи повторять уже существующие учебники.

Предполагается, что люди должны приходить подготовленные и задавать осмысленные вопросы применительно к IPB.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...