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

Размещение баннеров на главной

Recommended Posts

вот такой код вместо баннера вставьте

<if test="hasHeaderAd:|:$items['adHeaderCode']">{$items['adHeaderCode']}</if>

соответственно код баннера надо вставлять в блок рекламы "Код для добавления в шапку"

 

В общем у меня в итоге получилось так:

 

	<div id='secondary_navigation' class='clearfix'>

		<if test="hasHeaderAd:|:$items['adHeaderCode']">{$items['adHeaderCode']}</if>

                       <if test="countnav:|:count( $items['navigation'] )">
                       <ol class='breadcrumb top ipsList_inline left'>
                           <php>$this->did_first = 0;</php>
                           <if test="switchnavigation:|:!$this->settings['remove_forums_nav'] OR ipsRegistry::$current_application == 'forums'">
                               <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                                   <a href='{parse url="act=idx" seotitle="false" base="public"}' itemprop="url">
                                       <span itemprop="title">{$this->settings['board_name']}</span>
                                   </a>
                               </li>
                               <if test="didfirstnav:|:$this->did_first=1"></if>
                           </if>
                           <foreach loop="navigation:$items['navigation'] as $idx => $data">
                               <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                                   <if test="didfirstappnow:|:$this->did_first"><i class='icon-breadnav'></i></if>
                                    <if test="navigationlink:|:$data[1]"><a href='{parse url="{$data[1]}" base="$data[4]" seotitle="$data[2]" template="$data[3]"}' title='{$this->lang->words['nav_return_to']} {$data[0]}' itemprop="url"></if><span itemprop="title">{$data[0]}</span><if test="closenavigationlink:|:$data[1]"></a></if>
                               </li>
                               <if test="forsuredidfirstnav:|:$this->did_first=1"></if>
                           </foreach>
                       </ol>
		</if>

	    </div>
                   <br />

 

Edited by Viktar83

Share this post


Link to post
Share on other sites

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

 

так как сделав так как Вы написали, выводиться сразу 2 баннера

Edited by wick

Share this post


Link to post
Share on other sites

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

 

так как сделав так как Вы написали, выводиться сразу 2 баннера

А, ну так у Вас он вот тут был, удалите :

<!-- ::: CONTENT ::: -->
               <if test="hasHeaderAd:|:$items['adHeaderCode']">
                   <div class='ipsAd'>{$items['adHeaderCode']}</div>
               </if>

Вы же его хотели перенести выше, вот и останется только тот, что над крошками

  • Upvote 1

Share this post


Link to post
Share on other sites

Всёё, всё суппер )) то что надо, теперь работает как надо, сейчас найду где подвинуть теперь баннер чуть выше к навигации и всё ))) Очень благодарен за помощь!

Share this post


Link to post
Share on other sites

перерыл всё, но так и не нашёл как уменьшить расстояние до панели навигации

 

post-57740-0-61574000-1427825667_thumb.jpg

Share this post


Link to post
Share on other sites

перерыл всё, но так и не нашёл как уменьшить расстояние до панели навигации

верхний отступ

 

 

найти:

#primary_nav {
 background: #1C2431;
 margin: 0 -10px;
 border-radius: 3px 3px 0 0;
 -moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 -o-border-radius: 3px 3px 0 0;
 line-height: 1;
 position: relative;
 top: -20px;
 font-family: "Cuprum" !important;
}

 

исправить на:

#primary_nav {
 background: #1C2431;
 margin: -10px -10px 3px -10px;
 border-radius: 3px 3px 0 0;
 -moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 -o-border-radius: 3px 3px 0 0;
 line-height: 1;
 font-family: "Cuprum" !important;
}

 

 

 

теперь надо поправить скругленные уголки:

 

 

найти:

#content {
 background: #fff;
 padding: 10px 10px;
 border-top: 1px solid #575F6C;
 line-height: 120%;
 margin-top: 1px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

 

исправить на:

#content {
 background: #fff;
 padding: 10px 10px;
 border-top: 1px solid #575F6C;
 line-height: 120%;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 border-radius: 4px;
}

 

в любом месте дописать:

#icon-nav_app_forums a {   border-radius: 3px 0 0 0; }

 

 

 

нижний отступ:

 

 

см. код GlobalTemplate в сообщении 16

<div id='secondary_navigation' class='clearfix'>
...
</div>
<br />

 

надо удалить <br />

 

 

 

А дальше можно через CSS (в любом месте дописать)

#secondary_navigation { margin-top: .... ; margin-bottom: .... ; }

можно будет регулировать отступы

  • Upvote 2

Share this post


Link to post
Share on other sites

)) Благодарю Вас, нижние уголки скруглились ))

 

#primary_nav у меня выглядит так

 

	#primary_nav {
	background: #1C2431; margin: 0 -10px;
	/* background: #1C2431 url({style_images_url}/glow.png) repeat-x scroll center bottom; 
	background: #1C2431 url({style_images_url}/header_bar.png) repeat-x scroll center bottom; */
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); */
	line-height: 1;
	position: relative;
	top: -20px;
	font-family: "Cuprum" !important;
}

Edited by wick

Share this post


Link to post
Share on other sites

#primary_nav у меня выглядит так

 

Беру свои слова про #primary_nav обратно )))

 

Тут достаточно поменять

top: -20px;

на

top: -10px;

 

У #content padding 10px, именно на такое расстояние и надо смещать #primary_nav: top: -10px; !

А -20px смещает его еще выше - вот и получается отступ, который мы никак не могли найти.

 

---

По нижнему отступу - как и писал выше - удалить <br /> - это из-за него нижний отступ

 

---

верхний левый уголок скруглить

дописать #icon-nav_app_forums a { border-radius: 3px 0 0 0; }

как писал выше что-то не то сейчас проверю

вот такая запись правильная

#icon-nav_app_forums > a {   border-radius: 3px 0 0 0; }

Edited by Viktar83
  • Upvote 1

Share this post


Link to post
Share on other sites

Спасибо, поставил 10 вместо 20 и баннер отцентровался нормально, теперь пока отпала нужда убирать </br>

только теперь и логотип уехал выше вместе с поиском )))

 

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

 

post-57740-0-94995300-1427926746_thumb.jpg

 

мой

 

post-57740-0-56705400-1427926756_thumb.jpg

Edited by wick

Share this post


Link to post
Share on other sites

надо придумывать теперь как опустить логотип с поиском )) либо каким то другим способом уменьшать отступы )

Share this post


Link to post
Share on other sites

надо придумывать теперь как опустить логотип с поиском )) либо каким то другим способом уменьшать отступы )

Для логотипа

#logo {
 display: inline;
 float: left;
 margin-top: -15px;
}

например margin-top: -5px;

 

Для поиска, как гость поиск не вижу, но должно быть что-то вроде:

#search { margin: 20px 0; }

то же самое - подобрать отступ

 

Вроде нашел

#search { margin:5px 0; display:inline-block; z-index:10000; top:5px }

Поэкспериментируйте с margin и top

Edited by Viktar83
  • Upvote 1

Share this post


Link to post
Share on other sites

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

 

у разработчика

 

post-57740-0-30965500-1427969260_thumb.jpg

 

у меня

 

post-57740-0-39127300-1427969272_thumb.jpg

 

Подсвечивание меньше размера кнопки вроде как

Share this post


Link to post
Share on other sites

Подсвечивание меньше размера кнопки вроде как

Что имеется в виду?

Размер кнопок одинаковый, а вот цвет другой. Да и не просто однородный цвет, а градиент.

 

По уголку надо подумать... У разработчика тоже не все гладко если присмотреться (просматривается острая часть). Кстати, у Вас изначально этого уголка не было вообще. Да и теней нет, как на сайте у разраба, и цвет другой. Т.е. Ваш стиль чуть отличается. А уголок вечером посмотрим, там просто #content просвечивается. Да и в разных браузерах чуть по-разному смотрится... тут надо подумать.

Edited by Viktar83
  • Upvote 1

Share this post


Link to post
Share on other sites

имел ввиду то, что вокруг синего фона просвечивается чёрный

Share this post


Link to post
Share on other sites

имел ввиду то, что вокруг синего фона просвечивается чёрный

Это в #content {

сверху

border-top: 1px solid #575F6C;

по бокам тень

 

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

  • Upvote 1

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