Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Ракот

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

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

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

 

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

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

 

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

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


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

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

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

Найти в коде

....

 

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

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

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

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

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

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


Ссылка на сообщение
а) Нарисовать кнопочки

б)

 

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

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

При необходимости заменить существующие классы, прописав новые в 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>
..........

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

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


Ссылка на сообщение
08/31/08 10:17 (изменено)

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

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

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

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

 

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

Изменено пользователем Ракот

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


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

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

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

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

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

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

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

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

 

 

 

......

 

 

 

 

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

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

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

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


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

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

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


Ссылка на сообщение
08/31/08 22:15 (изменено)

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

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

 

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

Изменено пользователем Ракот

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


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

Нет конечно.

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

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

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

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

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

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

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

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

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

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

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


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

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

 

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

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

 

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

 

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

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


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

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

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

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

И еще.

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

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

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

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

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


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

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

Вы должны быть пользователем, чтобы оставить комментарий

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

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

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

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...