Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Barabash

Сменить фон внутри и снаружи форума

Recommended Posts

Fisana привет,

 

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

 

Сейчас я пытаюсь немного перестроить твой шаблон под сайт и у меня вопрос:

Как сделать так, чтобы внешний фон (длинная вертикальная картинка 4х10000 пикс) не был бы внутренним фоном самого форума (внутри рамки)? Почти вов сех окошках проглядывает внешний фон... :(

Я пытался находить отдельные отрыки CSS и менять их, но видать не все нашел, потому, что в части поменялось, а в части нет... :(

Может быть подскажешь где нуна менять? Может есть возможность как-то глобально это сделать?

post-2275-1165851476_thumb.png

post-2275-1165851803_thumb.png

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Круто!!! Спсибо огромное :-)))

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

Share this post


Link to post
Share on other sites

Упс... не туда посмарел...

Оказывается не помогло. Фон как был, так и остался внешним фоном... :-(

На тех же самых местах проглядывает синий... Вернее видно, что подложка изменила цвет, но почему-то фон извне таблицы все тавно остался...

Есть еще идеи?

Share this post


Link to post
Share on other sites

Извне - это класс body, там нужно менять бэкграунд.

Еще фон внутри таблицы определяется в классе tablebg (если речь о моем скине).

Share this post


Link to post
Share on other sites

Скин твой, лучше скинов я не находил, обыскал кучу сайтов :-)

Фон в body - он как раз определяет фон и вне таблицы и внутри, так что не он...

А вот tablebg - именно то, что нужно было :-))

Еще раз спасибо :-)

 

Есть еще вопросик:

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Фон подменю убрался из submenu

А вот отступ не происходит, к сожалению , каким бы я ни задавал margin.

Меню как влитое висит на одном и том же месте... хочется опустить его немного на белую полосу фона шапки

Может еще где-то можно посмотреть?

 

Вот что получается:

post-2275-1166314502_thumb.jpg

Share this post


Link to post
Share on other sites

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

Насчет отступа.

Может нужно задать margin-top: 10px; ?

Если это про сабменю и если нужен отступ сверху.

Share this post


Link to post
Share on other sites

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

покажи кусок кода из global_board_header

Share this post


Link to post
Share on other sites
кажись та белая полоса идет отдельным тегом, а ссылки в этот тег не поставлены и оставлены выше него...

покажи кусок кода из global_board_header

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

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

Пробовал задавать параметры от 5 до 20 - не помогает, как влитой стоит на одном месте...

 

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

 

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td rowspan="2" class="tabletopleft"> </td>

<td class="tabletopper"> </td>

<td rowspan="2" class="tabletopright"> </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&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"> </td>

<td class="tablebg" valign="top">

 

<!-- / End board header -->

Share this post


Link to post
Share on other sites

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

 

Гмм..

Отступы текста задаются не margin, а padding.

Margin - определяет общий отступ всего элемента относительно других.

Padding же влияет на внутреннюю диспозицию.

Share this post


Link to post
Share on other sites

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

тогда никто никуда не поедет...

Share this post


Link to post
Share on other sites

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

Fisana спасибо большое :-))

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...