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

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

Bdzhunisbekov


Рег
29 Nov, 2019

Тем
74

Постов
189

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

Inso


Рег
12 Jun, 2013

Тем
74

Постов
528

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

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

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

Inso


Рег
12 Jun, 2013

Тем
74

Постов
528

Баллов
918
  • 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

Тем
406

Постов
7367

Баллов
9427
  • 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

Тем
74

Постов
528

Баллов
918
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно