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

Ракот · 08/31/08 08:34

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

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

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

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

Fisana · 08/31/08 09:25

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

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

Найти в коде

....

..здесь длинный код с дочерними div-ами....

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

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

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

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

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

Ракот · 08/31/08 10:02

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

Вот эти два блока перестроить как душе угодно, насколько позволяют Ваши знания верстки. С любыми дополнительными картинками справа.
Можно табличку сделать, можно скомбинировать табличную и блочную верстку.
При необходимости заменить существующие классы, прописав новые в 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>
..........

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

Ракот · 31 августа 2008

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

<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>

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

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

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

Изменено 31 августа 2008 пользователем Ракот

Fisana · 08/31/08 10:28

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

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

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

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

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

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

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

......

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

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

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

Ракот · 08/31/08 11:05

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

Ракот · 31 августа 2008

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

<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;
}

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

Изменено 31 августа 2008 пользователем Ракот

Fisana · 09/02/08 08:33

Нет конечно.

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

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

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

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

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

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

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

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

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

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

Ракот · 09/02/08 14:41

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

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

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

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

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

Fisana · 09/02/08 18:36

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

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

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

И еще.

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

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

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

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

Войти

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

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

Ракот 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Ракот 0

Поделиться сообщением

Ссылка на сообщение

Ракот 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Ракот 0

Поделиться сообщением

Ссылка на сообщение

Ракот 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Ракот 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

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

Создать аккаунт

Войти

Сейчас на странице 0 пользователей

Сообщество