Сменить фон внутри и снаружи форума - Дизайн и модификация Invision Power Board

Fisana привет,

пасибо за помощь, благодаря твоему форуму и твоим скинам я начал хоть чуть чуть понимать что к чему :-)

Сейчас я пытаюсь немного перестроить твой шаблон под сайт и у меня вопрос:
Как сделать так, чтобы внешний фон (длинная вертикальная картинка 4х10000 пикс) не был бы внутренним фоном самого форума (внутри рамки)? Почти вов сех окошках проглядывает внешний фон...
Я пытался находить отдельные отрыки CSS и менять их, но видать не все нашел, потому, что в части поменялось, а в части нет...
Может быть подскажешь где нуна менять? Может есть возможность как-то глобально это сделать?
 Untitled_2.gif (212,14К)
Количество загрузок: 233
 Untitled_3.gif (67,71К)
Количество загрузок: 126

Заранее благодарен

1. В #ipbwrapper пропишите бэкграунд с нужным цветом, он перекроет общий фон body

Круто!!! Спсибо огромное :-)))
Вот я мучался, ты не представляешь сколько :-))

Упс... не туда посмарел...
Оказывается не помогло. Фон как был, так и остался внешним фоном... :-(
На тех же самых местах проглядывает синий... Вернее видно, что подложка изменила цвет, но почему-то фон извне таблицы все тавно остался...
Есть еще идеи?

Извне - это класс body, там нужно менять бэкграунд.
Еще фон внутри таблицы определяется в классе tablebg (если речь о моем скине).

Скин твой, лучше скинов я не находил, обыскал кучу сайтов :-)
Фон в body - он как раз определяет фон и вне таблицы и внутри, так что не он...
А вот tablebg - именно то, что нужно было :-))
Еще раз спасибо :-)

Есть еще вопросик:
Как заставить верхнее меню "ПомощьПоискПользователиКалендарь" опуститься ниже? Оно у меня в шапке находится высоко. И где находится фон этого меню?

Класс submenu, а там поиграть c margin, чтобы увеличить отступ сверху.

Сенкс, попробую :-)

Фон подменю убрался из submenu
А вот отступ не происходит, к сожалению , каким бы я ни задавал margin.
Меню как влитое висит на одном и том же месте... хочется опустить его немного на белую полосу фона шапки
Может еще где-то можно посмотреть?

Вот что получается:
 Clipboard01.jpg (48,52К)
Количество загрузок: 100

Немного не поняла насчет фона шапки. Шапка и меню - немного разными классами определяются и перекрываться не должны. Объединить их можно в borderwrap, как это сделано в дефолтном стиле - тогда будет общий фон, задаваемый этим классом.
Насчет отступа.
Может нужно задать margin-top: 10px; ?
Если это про сабменю и если нужен отступ сверху.

кажись та белая полоса идет отдельным тегом, а ссылки в этот тег не поставлены и оставлены выше него...
покажи кусок кода из global_board_header

F.M.D. 17.12.2006, 10:43 сказал(а):

Та белая полоса является частью внутреннего фона (серый прямоугольник сверху и тоненькая белая полоска - один gif . Если правильнее будет разбить его на 2 части - не вопрос.
Только ведь есть команда margin-top , странно что текст не сдвигается вниз :-(
Пробовал задавать параметры от 5 до 20 - не помогает, как влитой стоит на одном месте...

Часть global-header кода, описывающего саму шапку:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" class="tabletopleft">&nbsp;</td>
<td class="tabletopper">&nbsp;</td>
<td rowspan="2" class="tabletopright">&nbsp;</td>
</tr>
<tr>
<td class="tablebody">

<div class="borderwrap">
<div id="submenu">
<p class="home"><!--ipb.leftlinks.start--><a href="{ipb.vars['home_url']}">{ipb.vars['home_name']}</a><!--IBF.RULES--><!--ipb.leftlinks.end--></p>
<p><!--ipb.leftlinks.start-->
<if="component_links != """>
{$component_links}
</if>

<a href="{ipb.script_url}act=Help">{ipb.lang['tb_help']}</a><a href="{ipb.script_url}act=Search&amp;f={ipb.input['f']}">{ipb.lang['tb_search']}</a><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a>
<!--ipb.leftlinks.end--></p>
</div>
</div></div>
<if="ipb.can_use_fancy_js != 0">
<script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script>
<script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script>
<script type="text/javascript" src='jscripts/dom-drag.js'></script>
<div id='get-myassistant' style='display:none;width:200px;text-align:left'>
<div class="borderwrap">
<div class="maintitle" id='myass-drag' title='{ipb.lang['myass_drag']}'>
<div style='float:left'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>
<div>{ipb.lang['myass_title']}</div>
</div>
<div id='myass-content'></div>
</div>
</div>
<div id='loading-layer' style='display:none;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000'><div style='font-weight:bold' id='loading-layer-text'>{ipb.lang['ajax_loading_msg']}</div><br /><img src='style_images/<#IMG_DIR#>/loading.gif' border='0' /></div>
</if>
</td>
</tr>
<tr>
<td class="tableleft">&nbsp;</td>
<td class="tablebg" valign="top">

<!-- / End board header -->

>>Только ведь есть команда margin-top , странно что текст не сдвигается вниз :-(

Гмм..
Отступы текста задаются не margin, а padding.
Margin - определяет общий отступ всего элемента относительно других.
Padding же влияет на внутреннюю диспозицию.

имхо, лучше разбить... так как разбито в дефолте.
тогда никто никуда не поедет...

Супер. Действительно Padding-top описанный непосредственно в HTML блоке помог отступить.
Fisana спасибо большое :-))