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

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

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

03/31/15 13:57 (изменено)

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

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

 

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

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


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

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

 

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

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

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


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

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

 

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

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

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

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

  • Upvote 1

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


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

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

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


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

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

 

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

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


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

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

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

 

 

найти:

#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

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


Ссылка на сообщение
04/01/15 20:03 (изменено)

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

 

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

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

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


Ссылка на сообщение
04/01/15 20:29 (изменено)

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

Изменено пользователем Viktar83
  • Upvote 1

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


Ссылка на сообщение
04/01/15 21:04 (изменено)

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

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

 

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

 

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

 

мой

 

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

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

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


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

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

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


Ссылка на сообщение
04/02/15 09:26 (изменено)

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

Для логотипа

#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

Изменено пользователем Viktar83
  • Upvote 1

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


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

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

 

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

 

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

 

у меня

 

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

 

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

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


Ссылка на сообщение
04/02/15 11:12 (изменено)

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

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

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

 

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

Изменено пользователем Viktar83
  • Upvote 1

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


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

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

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти сейчас

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

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

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