Русское сообщество fluxbb

Быстрый лёгкий надёжный форумный движок

Вы не вошли.

Объявление

Вы можете внести свой вклад в содержание сайта. Жертвователи попадут в почетную группу "Спонсоры". Поддержать сайт.

Страницы 1

Тема закрыта

#1 2008-01-17 10:23:02

coordinator
Гость

Два изображения в фоне, как?

Хочу сделать как здесь:
http://www.nastyapoleva.ru/

Т. е. на странице два изображения в фоне, сверху синее, снизу текстура. Как это реализовать в PunBB?

Вот стиль того сайта:
http://nastyapoleva.ru/templates/greene … te_css.css

#2 2008-01-17 11:08:29

Visman
Гость

Re: Два изображения в фоне, как?

Вот в хтмл

<body id="bg_body">

и в стиле

#bg_body{
    
  text-align: center;
  background: #585858 url(../images/bg_body.jpg) repeat-y top center;
}

задают общий фоновый рисунок.

А это в хтмл

  <div id="header">
. . .
  </div>

и стиле

#header {  
  width: 100%;
  height: 100px;
  background: #585858 url(../images/bg_header.jpg) repeat-y top center;
  vertical-align: top;
  margin: 0 auto;   
}

задают фон шапки на всю ширину страницы высотой в 100 пиксел.

#3 2008-01-17 12:13:49

coordinator
Гость

Re: Два изображения в фоне, как?

Это я и так понимаю, а относительно PunBB?

Вот задается общий фон:

/* 1.1 Default background colour and text colour */

BODY {background: #BDBDBD url(../../img/NF/bg_body.jpg) repeat-y top center;}

А к какому div применить подкласс header?
К тому же учитывая что:

#punwrap 
{
width: 836px;
margin: auto;
margin-top: 0px;
}

#4 2008-01-17 13:03:35

Visman
Гость

Re: Два изображения в фоне, как?

А если перед

<div id="punwrap">

в хтмл punbb поставить

<div id="header"></div>

сместится ли вся структура форума вниз на 100 пиксел и вверху будет пустое пространство с новым фоном или новый фон будет под заголовком страницы?

Редактировался Visman (2008-01-17 13:05:25)

#5 2008-01-17 18:46:40

VoiD
Гость

Re: Два изображения в фоне, как?

а попробовать религия не позволяет?

#6 2008-01-17 18:49:40

Visman
Гость

Re: Два изображения в фоне, как?

VoiD
А мне это зачем?
Пусть coordinator пробует smile

#7 2008-01-17 20:18:48

VoiD
Гость

Re: Два изображения в фоне, как?

ага, точно)

#8 2008-01-18 00:45:10

coordinator
Гость

Re: Два изображения в фоне, как?

Попробую, позже.

#9 2008-01-18 12:57:17

coordinator
Гость

Re: Два изображения в фоне, как?

Visman пишет:

сместится ли вся структура форума вниз на 100 пиксел и вверху будет пустое пространство с новым фоном или новый фон будет под заголовком страницы?

Даже если получится таким способом, это не то что нужно, т. к. шапка с описанием форума тоже опустится, а именно она должна бынь на уровне с первым (синим) фором. Думаю лучше темплейты редактировать. А шапку вообще удалить, более простой способ и надежный. Если не предполагается изменение стилей.

#10 2008-01-18 15:58:39

coordinator
Гость

Re: Два изображения в фоне, как?

Сделал через .tpl
ВОт так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<link rel="shortcut icon" href="http://nastyaroom.cwx.ru/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>
<body>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="100px" align="center" style="background: url(img/NF/bg_header.jpg) repeat-y top center;">
<tr width="100%" cellspacing="0" cellpadding="0" height="100%">
<td valign="top" align="center">
<img src="img/NF/logo_greenery.gif" width="837" height="100" border="0" hspase="0" vspase="0" alt="Форум группы Настя">
</td>
</tr>
</table>
<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>

</body>
</html>

Все вроде ничего, но талица новая на несколько пикселов выше чем изображение и получается, что картинка "заканчивается", а фон еще есть. Как исправить? Мысли есть?

e75d2b6f53b0.gif

Нашел решение, добавил высоту фона и отцентровал изображение. Нужно на IE проверить....

Редактировался coordinator (2008-01-18 16:29:05)

Страницы 1

Тема закрыта

Подвал доски

Под управлением FluxBB. Хостинг Hostens