Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Шапка форума,для скина IP Pro

Опубликовано:

Много просматривал в интернете и на этом форуме,но нигде не нашел подробной и пошаговой инструкции.Что нужно? Делаю логотип,вставляю....он попадает в крайний,верхний,левый угол форума....Все бы хорошо но что делать если правая,верхняя часть остается другого цвета....иными словами...мне нужно сделать один большой и длинный логотип на всю длину шапки...Возможно?

 

"Фисана" пожалуйста не серчайте если что не так,может описание этому уже было,но я не встречал....Были описания и инструкции про "резиновые" логотипы итд а про это не было :)

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

Опубликовано:

Лого в коде - logo4.gif.

Вы мне писали, что являетесь сертифицированным специалистом MicroSoft?

 

Так вот представьте, что вы в своих родных виндах кладете новый файл в папку "Мои рисунки", а в пути в реестре для программы, куда влепили свой рисунок вместо заставки, заменяете старое название, если оно поменялось.

 

Вот тут то же самое.

Не винда на своем компе, а FTP сервер (тоже может быть на винде).

Не папка "Мои рисунки", а папка картинок скина на сервере, название и путь подскажет правая кнопка мыши при нажатии на старое лого или любую кнопку в скине.

Не реестр, а код шаблона.

  • 2 недели спустя...
Опубликовано:
  • Автор

Нет фиксированных размеров для шапки? Вы даже в пособии написали варьирующиеся размеры.Кстати,еще вопрос.У стандартного скина есть рамка вокруг шапки а у лого у лого который я создал нет рамки,лого как бы вылазиет за пределы с обеих сторон

Опубликовано:

А в чем вопрос?

Опубликовано:
  • Автор
А в чем вопрос?

Вопрос в том что как же сделать рамку для логотипа? Подобную той что стандартная и какими размерами все-таки должна обладать шапка,подразумевается фиксированный размер а не от ...до ....

Опубликовано:

1. Контур в css в классе logostrip.

2. Не поняла смысла. Стандартная шапка тянущаяся по ширине, а совсем не фиксированная. Логотип там картинкой, размер тупо можно посмотреть в ее свойствах, использовав правую кнопку мыши. Высота прописана в logostrip.

Все тысячу раз обсуждалось на форуме. Не отнимайте, пожалуйста, время.

Опубликовано:
  • Автор

#logostrip
{
height: auto;
margin: 0;
padding: 0;
text-align: left;
}

 

Вот логострип.

<!--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 id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src=’style_images/<#IMG_DIR#>/3_logo4.gif’ style=’vertical-align:top’ alt=’IPB’ border=’0‘ width=’100%’ /><!--ipb.logo.end--></a></div>
<div id="submenu">
	<!--ipb.leftlinks.start-->
	<div id='submenu_left'>
	<if="$this->ipsclass->vars['home_url']">
		<a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a>
	</if>
	<if="$this->ipsclass->vars['csite_on']">
		<a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a>
	</if>	
	<!--IBF.RULES-->
	</div>
	<!--ipb.leftlinks.end-->
	<!--ipb.rightlinks.start-->
	<div id='submenu_right'>
		<a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a>
		<a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}" id="ipb-tl-search">{$this->ipsclass->lang['tb_search']}</a>
		<a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a>
		<a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a>
		<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>
	</div>
	<!--ipb.rightlinks.end-->
</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"; return false;' title='{$this->ipsclass->lang['myass_close']}'>[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 -->

Вот шаблон.Картинку поместил в styleimages.Что неправильно то? шапка вообще не отображается...

Опубликовано:
Вот шаблон.Картинку поместил в styleimages.Что неправильно то? шапка вообще не отображается...

height: auto - не правильно. Указываете реальную высоту.

 

Название логотипа -- 3_logo4.gif ?

Опубликовано:
  • Автор
height: auto - не правильно. Указываете реальную высоту.

 

Название логотипа -- 3_logo4.gif ?

 

реальная высота это 68 пикселей?

Опубликовано:

Реальная высота Вашей картинки для лого. В дефолтных скинах она равна 68px.

Опубликовано:
  • Автор
Реальная высота Вашей картинки для лого. В дефолтных скинах она равна 68px.

 

http://ipb-ru.net/ipb-logo-fluid.html

 

 

Тут Вы говорите что надо 68 сменить на ауто. :)

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

Опубликовано:

Там я пишу для резинового варианта ЛОГОТИПА – картинка на всю шапку. Чтобы масштабировалось без искажений.

А Вы тут говорите про стандарт и "фиксацию".

Не отнимайте время, лучше читайте форум и документацию по ipb.

 

А то терпение кончится и принудительно отправлю в читатели на месяц.

Опубликовано:
  • Автор
Там я пишу для резинового варианта ЛОГОТИПА – картинка на всю шапку. Чтобы масштабировалось без искажений.

А Вы тут говорите про стандарт и "фиксацию".

Не отнимайте время, лучше читайте форум и документацию по ipb.

 

А то терпение кончится и принудительно отправлю в читатели на месяц.

 

А я про какой логотип? Тоже про резиновый да.Просто мало того что он не растягивается,так еще и Вы сами себе противоречите.Я говорил про рамку,пусть будет резиновый лого,что ему мешает быть в рамке? Читать то тут нечего по этому поводу,потому и не читал.Вы покажите где про это написано,а почитать если на то пошло можно не только тут...

 

п.с не надо пугать меня баном.

Опубликовано:

Перечитайте свои посты.

Например:

Подобную той что стандартная и какими размерами все-таки должна обладать шапка,подразумевается фиксированный размер а не от ...до ....

Вас абсолютно невозможно понять. Слов много, а знаний никаких, в том числе и базовых знаний о форуме.

Еще раз повторяю, читайте форум.

В тегах все о css найдите, и читайте.

Хотите резиновый логотип, соблюдайте инструкцию в статье, как это сделали сотни других людей.

И у них не возникло вопросов.

 

Еще немного, и подумаю, что Вы издеваетесь надо мной.

Опубликовано:
  • Автор

Я делал все по инструкции однако в итоге лого не растягивался.Вот я и решил задать тут.Сегодня сам копался и без подсказок нашел примерно в чем проблема.Чуть позже когда все завершу,тут повешу чтобы все видели,реально уверен что у многих была проблема такая.

Опубликовано:

IteX, Вы уверены, что у Вас именно ЛОГОТИП в шапке, а не логотип + фоновая картинка?

 

У меня, кстати, была такая проблема с флеш-логотипом, поскольку он не может, как я понимаю, растягиваться или вообще уходить от назначенных при производстве флеш-ролика размеров. Но я и флеш прикрутил всё же :rolleyes:

Изменено пользователем 2x2

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

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

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.