Решено Как сместить баннер вправо

Статус
В этой теме нельзя размещать новые ответы.

Jager

Проверенные
Сообщения
277
Реакции
85
Баллы
1,725
При установке баннеров они ставятся слева, а я хотел бы чтоб стояли по принципу как на этом форуме. Как это сделать, чтоб при добавлении баннера он сразу стоял как у вас?
 
Последнее редактирование:
Так-то float: right;.
Но, лучше посмотреть и подсказать на Вашем форме прямо.
Гляньте пожалуйста. Я переместил спецом тестовый баннер в незакрытый раздел для вас. (а то он был в закрытом для личного тестирования)
 
Пробуйте заметить Ваш код, на этот.
Код:
.adwert_fon {
  background-color: #f9d9b0;
  border: 1px solid #f9d9b0;
  border-radius: 6px;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 0 0 1px rgba(0, 0, 0, 0.024) inset, 0 2px 6px rgba(0, 0, 0, 0.05) inset;
  color: white;
  display: block;
  float: right;
  font-size: 11px;
  height: 31px;
  margin: -20px 5px;
  overflow: hidden;
  padding: 2px 5px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  width: 88px;
}
И кстати, ка узнать сколько на сколько точек размер баннера?
31x88 в пикселях.
 
Пробуйте заметить Ваш код, на этот.
Код:
.adwert_fon {
  background-color: #f9d9b0;
  border: 1px solid #f9d9b0;
  border-radius: 6px;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 0 0 1px rgba(0, 0, 0, 0.024) inset, 0 2px 6px rgba(0, 0, 0, 0.05) inset;
  color: white;
  display: block;
  float: right;
  font-size: 11px;
  height: 31px;
  margin: -20px 5px;
  overflow: hidden;
  padding: 2px 5px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  width: 88px;
}

31x88 в пикселях.
Какой именно код заменить? Где его вставлять, вместо чего именно?
 
Я не знаю, где Вы код брали, но скорее всего он у Вас в EXTRA.css.
Я делал по этой инструкции:

1.Для начала придумаем содержание и вид нашего будущего баннера.Я не стал заморачиваться и пошёл за примером к соседу.Итак давайте создадим блок с предложением о размещении рекламы:
Код:
<a href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
Из кода мы видим,что при нажатии на такой баннер-юзер будет направлен в переписку с админом (вписывайте свои данные и меняйте текст слогана на своё усмотрение).
2.Создаём новый шаблон с любым именем.К примеру xfws_adwert.Вставляете туда следующий код (к примеру для восьми разделов)
Код:
<xen:require css="xfws_adwert.css" />
<xen:if is="{$forum.node_id} == 2">
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 26" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 24" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 25" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 28" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 29" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 30" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:elseif is="{$forum.node_id} == 31" />
<a class="adwert_fon" href="http://сайт.ru/conversations/add?to=ник администратора" rel="nofollow" alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама">Рекламное место сдаётся</a>
<xen:else />
</xen:if>
где == 2,== 26,== 24...это id раздела.Увидеть его вы можете перейдя в нужный раздел и посмотрев в адресную строку.Последние цифры и есть id.Сохраняете шаблон.
3.В коде выше мы назначили класс элементу (adwert_fon) для того,чтобы указать его css свойства в отдельном файле.Теперь создадим ещё один шаблон и назовём его xfws_adwert.css (строчка <xen:require css="xfws_adwert.css" /> для подключения этого css-стиля у нас уже добавлена).Вставим в него следующий код:
Код:
.adwert_fon {
background-color: #f9d9b0;
border: 1px solid #f9d9b0;
border-radius: 6px;
box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 0 0 1px rgba(0, 0, 0, 0.024) inset, 0 2px 6px rgba(0, 0, 0, 0.05) inset;
color: white;
display: block;
font-size: 11px;
height: 31px;
overflow: hidden;
padding: 2px 5px;
position: relative;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
width: 88px;
}
3.Теперь подключаем xfws_adwert в шаблоне node_forum_level_2 .После строчки
Код:
<h3 class="nodeTitle"><xen:if is="{$watchCheckBoxName}"><input type="checkbox" name="{$watchCheckBoxName}" value="{$forum.node_id}" />&nbsp;</xen:if><a href="{xen:link forums, $forum}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$forum.node_id}'}">{$forum.title}</a></h3>
вставляем
Код:
<div class="ad_adwert_forum">
<xen:include template="xfws_adwert" />
</div>
Вы видите,что шаблон мы обернули дивом и тоже присвоили ему класс (имя класса можете придумывать от балды).Это нам нужно для того,чтобы указать будущему баннеру или рекламному блоку его местоположение.Сохраняем шаблон.
4.В шаблоне extra.css вашего стиля пишем:
Код:
/* Рекламный блок */
.ad_adwert_forum {
float: right;
margin: -21px 10px 6px 0px !important;
}
/* Рекламный блок */
Сохраняем шаблон.
 
Последнее редактирование модератором:
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу