Выравнивание баннера в vbulletin с использованием css? - PullRequest
0 голосов
/ 17 января 2011

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

Однако после обновления до последней версии vbulletin 4.1 у меня возникают проблемы с тем, чтобы домашняя страница выглядела правильно с баннерами.

Если вы посмотрите на домашнюю страницу http://www.r32oc.com, вы заметите, что баннерами управляет текстовое название раздела, в котором они находятся.В идеале я хотел бы, чтобы баннер прикреплялся к крайнему правому краю этого поля или непосредственно под заголовком раздела.

Код страницы отображения форума:

    <!-- vBSponsors -->  
<vb:if condition="$foruminfo['sponsor_enabled'] == 1 AND $vboptions['sponsor_global_enable_sponsorship'] == 1"> 
{vb:raw vboptions.sponsor_global_default_text}  
<a href="vB.Sponsors/link.php?f={vb:raw foruminfo.forumid}" title="{vb:raw foruminfo.sponsor_name}" target="_blank">  
<vb:if condition="$foruminfo['sponsor_banner_enabled'] == 1 AND $vboptions['sponsor_global_enable_banners'] == 1"> 
<vb:if condition="!empty($foruminfo['sponsor_banner_big'])"> 
<vb:if condition="$vboptions['sponsor_global_enable_big_banners'] == 1"> 
<img src="{vb:raw foruminfo.sponsor_banner_big}" border="0" align="right" />  
<vb:else />  
<img src="{vb:raw foruminfo.sponsor_banner}" border="0" align="right" />  
</vb:if>  
<vb:else />  
{vb:raw foruminfo.sponsor_name}  
</vb:if> </vb:if> </a> </vb:if>  
<!-- / vBSponsors -->

Если кто-то может помочь мне с этим, я был бы признателен.

1 Ответ

2 голосов
/ 19 января 2011

В строке 364 источника есть div под элементом #breadcrumb, который имеет следующий встроенный стиль:

<div style="width:728px; margin:0 auto; padding-bottom:1em">

Чтобы изменить его для выравнивания по левому краю, вы должны изменить margin:0 auto; напросто margin:0;.Для правильного выравнивания вы должны изменить его на margin:0 0 0 85px;.

Я не знаком с vbulletin, поэтому не могу сказать вам, где находится этот div-стиль, однако, если вы выполните поиск для #breadcrumb div, тогдаВы, вероятно, найдете это.

...