Перейти к контенту

Проблемы и решения с шапкой форума (2.x.х)


Master

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

Многие часто задают вопросы типа: «Как сделать справа вверху баннер?»

или

«Как вставить флеш лого?»

Здесь я попробую дать ответы на ваши вопросы.

 

Флеш-лого вместо стандартного логотипа форума:

Админцентр -> Шаблоны -> Скин -> Редактировать фрагменты HTML -> all global HTML -> global_board_header

 

Найти:

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>

 

Заменить на:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="[color=#FF0000]ширина ролика[/color]" height="высота ролика">
      <param name="movie" value="ссылка на swf ролик">
      <param name="quality" value="high">
      <embed src="ссылка на swf ролик" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="420" height="40"></embed>
      </object>

 

После сохраняем сделанное :D

 

Вот еще один более простой способ. Вставляем данный код:

<object type="application/x-shockwave-flash" data="<#IMG_DIR#>/имя_файла.swf" width="628" height="73">
<param name="movie" value="<#IMG_DIR#>/имя_файла.swf" />
</object>

 

Вставка баннеры справа от логотипа:

Админцентр -> ВНЕШНИЙ ВИД -> Менеджер стилей -> Щелкаем на иконку, справа от названия стиля -> Изменить HTML фрагменты -> skin_global (Основные HTML фрагменты) -> global_board_header

 

Найти:

<div id="logostrip">
<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>
</div>

 

Заменить на:

<div id="logostrip">

<div style="float:right;padding:5px">{AD_CODE}</div>

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>
</div>

 

{AD_CODE} - код баннера, вставляемый в страничку

Пример:

<a href="http://www.example.com"><img src="http://www.example.com/ad.jpg" alt="Advertisment" width="468" height="60" /></a>

 

Лого слишком большое?

У многих после вставки нового лого верх форума становится некрасивым.

Пример: post-43532-1168343643_thumb.jpg

Смотри размер по вертикали у изображения, затем выставляем нужный размер в CSS. Где это находится? Здесь:

#logostrip{
   background: #3860BB url(style_images/1/tile_back.gif);
   border: 1px solid #FFF;
   height: 68px;
   margin: 0;
   padding: 0;
}

Где height: 68px; и отвечает за размер по вертикали. Выставляем нужный размер в пикселах, заменяя 68 на нужное число.

 

Как сделать логотип по центру?

Опять же заходим в редактирование CSS скина.

Находим код

#logostrip{
   background: #3860BB url(style_images/1/tile_back.gif);
   border: 1px solid #FFF;
   height: 68px;
   margin: 0;
   padding: 0;
}

И заменяем его на такой:

#logostrip{
   background: #3860BB url(style_images/1/tile_back.gif);
   border: 1px solid #FFF;
   height: 68px;
   margin: 0;
   padding: 0;
   text-align: center;
}

Где text-align: center; и отвечает за размещение по центру.

 

Лого одного цвета, а правая часть другого, что делать?

Опять CSS.

#logostrip{
   background: #3860BB url(style_images/1/tile_back.gif);
   border: 1px solid #FFF;
   height: 68px;
   margin: 0;
   padding: 0;
}

Смотрим

background: #3860BB url(style_images/1/tile_back.gif);

Где #3860BB цвет фона, url(style_images/1/tile_back.gif) расположение картинки, которая будет фоновым изображением.

Ссылка на комментарий
Поделиться на других сайтах

  • 2 недели спустя...
  • Ответы 220
  • Создана
  • Последний ответ

Лучшие авторы в этой теме

Лучшие авторы в этой теме

Загружено фотографий

Скины и Шаблоны - HTML шаблоны - Global HTML elements - Board Header (logo, links, etc)

 

Так же хорошая тема по 1.3 про логотипы: Встроить баннер в логотип!

Ссылка на комментарий
Поделиться на других сайтах

Скажите пожалуйста что здесь поменять нужно?

 

<script language='JavaScript' type="text/javascript">
<!--
function buddy_pop() { window.open('index.{ibf.vars.php_ext}?act=buddy&s={ibf.session_id}','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function chat_pop(cw,ch)  { window.open('index.{ibf.vars.php_ext}?s={ibf.session_id}&act=chat&pop=1','Chat','width='+cw+',height='+ch+',resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_posts, per_page )
{
pages = 1; cur_st = parseInt("{$ibforums->input['st']}"); cur_page  = 1;
if ( total_posts % per_page == 0 ) { pages = total_posts / per_page; }
else { pages = Math.ceil( total_posts / per_page ); }
msg = "{ibf.lang.tpl_q1}" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages )  { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0  ) {
if ( userPage < 1 )	 {	userPage = 1;  }
if ( userPage > pages ) { userPage = pages; }
if ( userPage == 1 )	{	 start = 0;	}
else { start = (userPage - 1) * per_page; }
window.location = url_bit + "&st=" + start;
}
}
//-->
</script>

<!--IBF.BANNER-->
<div id='logostrip'>
 <a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>
<!-- IE6/Win TABLE FIX -->
<table  width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a><!--IBF.RULES--></td>
<td align="right">
  <img src="{ibf.vars.img_url}/atb_help.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a>
      <img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Search&f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a>
      <img src="{ibf.vars.img_url}/atb_members.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a>
      <img src="{ibf.vars.img_url}/atb_calendar.gif" border="0" alt="" /> <a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a>
  <!--IBF.CHATLINK-->
  <!--IBF.TSLLINK-->
</td>
</tr>
</table>
<% MEMBER BAR %>
<br />

 

Помогите кто-нибудь плизз!

Ссылка на комментарий
Поделиться на других сайтах

<div id='logostrip'>
 <a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>

Этот код отвечает за логотип.

Ссылка на комментарий
Поделиться на других сайтах

Вставка баннеры справа от логотипа:

 

А если мне надо кусод продолжнеия логотипа сделать?

Потому что когда сделал по твоему методу у меня картинка отстранилась от фона на пару пикселей...некрасиво.

Ссылка на комментарий
Поделиться на других сайтах

у меня IPB 2.1.6 в заголовке форумов выводится >Invision Power Board>название форума>подфорум

 

 

как заменить "Invision Power Board" на название страницы например "Форум"????

 

 

 

только не ругайтесь сильно я 2 й день с IPB работаю.

Ссылка на комментарий
Поделиться на других сайтах

  • 2 недели спустя...

вообщем такая проблема: после смены лого старое лого(или просто синий кусок,разобрать сложно) всеравно остается и его заметно при обновлении страницы. тоесть он находится как бы под моим логотипом :D как зделать чтоб етот синий кусок заменить чтоб его видно небыло? помогите плз)

Заранее спасибо!

Ссылка на комментарий
Поделиться на других сайтах

  • 2 недели спустя...

Можно ли как нибудь вставить свою шапку полностью...у меня на самом сайте есть шапка я её инклужу

на главную страницу и всё можно ли как нибудь её вставить?Что бы не осталось ни лога ни синей полоски...?

Ссылка на комментарий
Поделиться на других сайтах

Тоесть взять этот код

<div id="logostrip">

<div style="float:right;padding:5px">{AD_CODE}</div>

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>
</div>

 

и в поле {AD_CODE} вставить вот {include("header1.php");}

так что ли?

Ссылка на комментарий
Поделиться на других сайтах

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>

Заменить но свой код, но ни в коем случае не include.

Ссылка на комментарий
Поделиться на других сайтах

Вообщем смотри скин там размер лого но оно уменя ваще не отображалось я взял и поставил новое, ток вот оно по краям не доходит до рамок скина!Как мона его растянуть?

 

вот форум... http://megesy.jino-net.ru

Ссылка на комментарий
Поделиться на других сайтах

Зачем у себя вот это вставляли? <height="156"> Причем в нескольких местах с разными значениями. Убрать.

100% выставьте для полного растягивания изображения.

Ссылка на комментарий
Поделиться на других сайтах


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

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.