Как изменить шапку сайта на форуме vBulletin

  • Автор темы inso
  • 4022
  • Обновлено
  • 24, Aug 2014
  • #1
Хочу разместить над навбаром длинную картинку, как здесь: audi-club.ru Через селектор body на строить пробовал, но не получается, она дублируется в разных местах (например между сообщениями в теме) Как сделать, чтобы она была только в верхней части и все?

inso


Рег
12 Jun, 2013

Тем
29

Постов
322

Баллов
612
  • 25, Aug 2014
  • #2
Не совсем то, но попробую поэксперементировать с этой инфой, спасибо за ссылку.
 

inso


Рег
12 Jun, 2013

Тем
29

Постов
322

Баллов
612
  • 30, Aug 2014
  • #3
В общем с шапкой через таблицу не выходит.

Нужно по другому, думаю все таки с помощью селектора body.



Подскажите как правильно задать дополнительные условия в селекторе, чтобы они распространялись только на верхнюю часть форума? Например хочу ее опустить по отношению к хедеру и задаю padding-top:100, но опускается не только сверху, но и снизу и расстояние между сообщениями в темах тоже увеличиваются, а этого мне не надо.
 

inso


Рег
12 Jun, 2013

Тем
29

Постов
322

Баллов
612
  • 31, Aug 2014
  • #4
inso:
В общем с шапкой через таблицу не выходит.
Да ладно.

С чего это не выходит? Берем дефолтный шаблон.

Находим:
 <!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
Ниже вместо куска:
 	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>

<td align="$stylevar[right]" id="header_right_cell">

<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /> </if>
Это дефолтный кусок!!! Вставляем следующий код
 	<td align="$stylevar[left]" style="background:url(названиешаблона/папка с картинкой/имя картинки.png) no-repeat center bottom;"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>

<td align="$stylevar[right]" id="header_right_cell">

<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /> </if>
Естественно картинка должна быть заготовлена и залита заранее.

И все будет работать. Если высота картинки больше дефолтной высоты хедера, то правим в стилях. Зачем изобретать какой-то велосипед?
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 01, Sep 2014
  • #5
Veter, спасибо, просто на тот момент не получалось составить правильный код, все время было не так, как нужно.

Не хватало знаний CSS и понимания как это работает.

Вчера наконец получилось, смог написать нужный. В дополнительных определениях CSS
 .topbanner {
background-image: url(images/banner.png);
padding-bottom: 120px;
background-repeat: no-repeat;
}
И в хедер вставил
 <div class="topbanner"></div>
 

inso


Рег
12 Jun, 2013

Тем
29

Постов
322

Баллов
612