Фон как на ipbstudio.com

[mikkey]

Подскажите как сделать такой же фон как на http://www.ipbstudio.com/

 

Тоесть один - в нем другой прмоугольник с полукруглыми краями и третий во втором. А в третем уже форум.

 

Буду оччень благодарен.

[SpeeN]

ты немного неправильно понял как там сделано. там сделана обводка форума изображениями, а уже изображения сделаны толстыми линиями с концов округленными)). Вставь в css код

.bgtopleft{
			padding:0;
			margin:0;
			background: url(<#IMG_DIR#>/bg_topright.png) 100% 0 no-repeat;
			height: 15px;
}



.bgtopright{
			background: url(<#IMG_DIR#>/bg_topleft.png);
			color: #FFF;
			height: 15px;
			font-size: 12px;
			font-weight: bold;
			margin: 0px;
}


.bgbottomleft{
padding:0;
			margin:0;
			background: url(<#IMG_DIR#>/bg_bottomright.png) 100% 0 no-repeat;
			height: 15px;
}

.bgbottomright{
background: url(<#IMG_DIR#>/bg_bottomleft.png);
			color: #FFF;
			height: 15px;
			font-size: 12px;
			font-weight: bold;
			margin: 0px;
}

.bg_right {
background: #ffffff url(<#IMG_DIR#>/bg_right.png) repeat-y top right;
padding-right: 15px;
			margin: 0px;

}


.bg_left {
background: #ffffff url(<#IMG_DIR#>/bg_left.png) repeat-y top left;
padding-left: 15px;
			margin: 0px;

}

создай свои или скопируй чужие изображения обводки. К примеру, left.png это изображение линии с огруглением в левой части, и bg_topright - верхняя линия справа с округлением и т.д.

После этого просто добовляем html где необходимо, т.е. начало обводки (верхняя часть + продолжение обводки)

<div class='bgtopright'>
<div class='bgtopleft'>
</div></div>
<div class='bg_left'><div class='bg_right'>

ставишь после врапера <div id="wrapper"> , после <% NAVIGATION %>. Ну и в конец собстеенно добавляешь

<div class='bgbottomright'>
<div class='bgbottomleft'>
</div></div>

т.е. после копирайта <% COPYRIGHT %>.

[SpeeN]

можно сделать через таблицы.

[mikkey]

Тоже сначала думал что это через css...

 

Я скопировал у них полностью css и все картинки...

Все отлично отображается но фон весь серый...

 

Мля...

Спс вообщем за подсказку...

С html просто продуплил )

[SpeeN]

дык фон измени=))))))) ( css:

body{ 
background: #ffffff;  //цвет фона форума
color: #222;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: 11px;
line-height: 135%;
margin: 0px;
padding-bottom: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}

. а вообще дай ссыль на форум свой.

[mikkey]

Форума как такого нету.

Просто пытаюсь сделдать такойже дизайн, чтоб потом его переделать.

Но чтобы фон был сделан также...

 

Вот туда ссылка

 

На ipbstudio.com стоит просто версия 2.2

Вот у меня получилось не то немного...

Хотелось бы сделать это и под 2.1.7 идеально

[SpeeN]

если хочешь сделать идеально, то не кпируй всё сразу, а иди путем постепенных изменений. всё-таки версии 2.1 и 2.2 различаются, поэтому есть косяки.

 

срузу могу сказать, что проблемы с фоном связаны с классом wrapper. Это то, что я увидел сразу. В версиях форумах этот элемент немного разный.

 

ищи в нтмле форума версии 2.2. <div id="wrapper"> найди где он находится в версии 2.2. и добавь класс + хтмл в 2.1.

[mikkey]

Со всем разобрался.

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

Ну и подправить шапку.

[mikkey]

Вроде уже со всем разобрался.

Только не могу понять откуда берется промежуток перед submenu

 

Вообщем все сделал.

Спасибо большое SpeeN

Дело было только в html, но во многих местах.