Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Barabash

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

Рекомендованные сообщения

Fisana привет,

 

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

 

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

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

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

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

post-2275-1165851476_thumb.png

post-2275-1165851803_thumb.png

 

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

 

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

post-2275-1166314502_thumb.jpg

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


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

покажи кусок кода из 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 -->

Поделиться сообщением


Ссылка на сообщение

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

 

Гмм..

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...