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

Viktar83 · 31 марта 2015

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

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

Изменено 31 марта 2015 пользователем Viktar83

wick · 31 марта 2015

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

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

Изменено 31 марта 2015 пользователем wick

Viktar83 · 03/31/15 15:38

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

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

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

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

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

wick · 03/31/15 15:46

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

wick · 03/31/15 18:14

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

Viktar83 · 04/01/15 09:46

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

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

найти:

#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: .... ; }

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

wick · 1 апреля 2015

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

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

Изменено 1 апреля 2015 пользователем wick

Viktar83 · 1 апреля 2015

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

Изменено 1 апреля 2015 пользователем Viktar83

wick · 1 апреля 2015

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

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

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

мой

Изменено 1 апреля 2015 пользователем wick

wick · 04/01/15 21:51

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

Viktar83 · 2 апреля 2015

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

Для логотипа

#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

Изменено 2 апреля 2015 пользователем Viktar83

wick · 04/02/15 10:08

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

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

у меня

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

Viktar83 · 2 апреля 2015

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

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

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

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

Изменено 2 апреля 2015 пользователем Viktar83

wick · 04/02/15 16:42

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

Viktar83 · 04/02/15 17:07

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

Это в #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);

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

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

Viktar83 73

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

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

wick 2

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

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

Viktar83 73

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

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

wick 2

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

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

wick 2

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

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

Viktar83 73

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

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

wick 2

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

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

Viktar83 73

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

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

wick 2

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

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

wick 2

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

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

Viktar83 73

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

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

wick 2

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

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

Viktar83 73

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

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

wick 2

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

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

Viktar83 73

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

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

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

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

Войти

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

Сообщество