Изменение фонов.

Здравствуйте. Я создаю форум для своей гильдии и мне бы хотелось красиво его оформить, но постоянно сталкиваюсь с проблемами. Решения пытаюсь найти, но почти все они для версии движка pbb2, в то время как у меня pbb3.
Собственно, прошу у вас помощи. Все пробемы выделены отдельными цветами.
http://s017.radikal.ru/i413/1110/f0/d2807ee499c7.jpg

Проблема №1. Голубой цвет на картинке Общий фон
Как поставить на задний фон одно изображение? Выставляю в ПА-Оформление-Управление картинками-Фоновое изображение страницы изображение, но, как вы видите, оно делится на несколько одинаковых. Возможно размер картинки должен соответствовать размерам форума? Тогда вопрос, а какой размер форума?

Проблема №2. Желтый цвет на картинке Шапка форума
Возможно ли создать какую-нибудь рамку для шапки, чтобы она не сливалась с общим фоном. И как убрать 2 синии полосы? В ПА-Оформление-Цвета подходящей категории не нашел...

Проблема №3. Красный цвет на картинке Фон категории
Как растянуть изображение, использующаеся для фона отдельных категорий на полную длину - и влево, и вправо. Фон создал с помощью CSS:

Код:

ul.forums {
background: #000 url("фоновое изображение категории") no-repeat;
background-position: 50px 0;
}

#main-content li.row {
background: transparent;
}

#main-content li.row:hover {
background: transparent url("http://i23.servimg.com/u/f23/12/33/62/17/yui10.png");
color: #fff;
}

#main-content li.row:hover a {
color: #fff;
}

Здравствуйте
1)

Код:

.headerbar {
background-image: url("http://www.tutorial9.net/wp-content/uploads/2008/06/background2.jpg");/*фоновое изображение*/
background-repeat: repeat;/*Повтор фона*/
}

...

2)Рамка для шапки

Код:

a#logo img{
border-style: ridge;/*стиль рамки*/
border-color: rgb(110, 60, 20);/*цвет рамки*/
border-width:3px;/*ширина рамки*/
border-radius: 10px;/*закругление углов*/
}

gorezcaid пишет:

Код:

.headerbar {
background-image: url("http://www.tutorial9.net/wp-content/uploads/2008/06/background2.jpg");/*фоновое изображение*/
background-repeat: repeat;/*Повтор фона*/
}

...

Я не множко не правильно выразился, мне бы хотелось сделать фон не только вверху (выделенно голубым), но на всей страничке. Прошу прощение за неправильную информацию
А вообще, спасибо вам большое от лица нашей Гильдии!

3)

Код:

ul.forums {
background-repeat: repeat-x;
}

Общий фон
Как поставить на задний фон одно изображение?

мне бы хотелось сделать фон не только вверху (выделенно голубым), но на всей страничке.

Поставьте фоновое изображение, и добавьте в CSS:

Код:

body {
background-repeat: no-repeat; /*отключить повтор*/
background-attachment: scroll;
background-color: rgb(255, 255, 255);/*цвет фона*/
}

gorezcaid пишет:
Поставьте фоновое изображение, и добавьте в CSS:

Код:

body {
background-repeat: no-repeat; /*отключить повтор*/
background-attachment: scroll;
background-color: rgb(255, 255, 255);/*цвет фона*/
}

Я так сделал, но проблема теперь в другом: фон остается в верхней левом углу из занимает примерно 1/4 экрана, остальная часть просто белый фон. Подскажите, пожалуйста

Мои вопросы остаются актуальными, Нам нужна Ваша помощь!
Большое спасибо человеку gorezcaid. Ваши советы неоценимы, от лица всей гильдии Вам поклон.
Еще появилась парочка новых вопросов, может кто-нибудь из помощников или начальства изъявит желание связаться со мной в режиме реального времени? Я был бы ОЧЕНЬ благодарен...

Здравствуйте. Подскажите, как можно проделать следующую манипуяцию с фоном:

Фон для категорий состоит из 2ух одинаковых изображений (2 желтых прямоугольника №1 и №2).
Чтобы изображение было одно, как я понял, нужно вставлять картинки с соответствущим разрешением.
Но меня интересует, а возможно ли вставить 2 изображения на место фона? Чтобы одно было в первом прямоугольники, а второе во втором соответственно.
Фон создал с помощью КСС:

Код:

ul.forums {
background: #000 url("http://i44.servimg.com/u/f44/16/94/19/03/region11.jpg") no-repeat;
background-position: 50px 0;
}

#main-content li.row {
background: transparent;
}

#main-content li.row:hover {
background: transparent url("http://i23.servimg.com/u/f23/12/33/62/17/yui10.png");
color: #fff;
}

и

Код:

ul.forums {
background-repeat: repeat-x;
}

А еще меня интересует, как можно выставить на задний фон изображение, но в полном размере (во всю страницу), как, например, здесь: http://re-generations.forum2x2.com/

И, пожалуйста, вот еще:


Можно ли текст, обведенный зеленой окружностью (это названия форумов) перенести прямо напротив иконки-квадрата, в центр и чуть-чуть правее. Нарисовал желаемый результат справо.
Уровень текста и иконки создал с помощью:

В заголовок форума вместо "Добро пожаловать!"

Код:

<div class="octup">Добро пожаловать!</div>

И добавьте стиль в CSS:

Код:

a.forumtitle div.octup{
display: inline-block;
height: 3px;
padding-left: 40px;/*Отступ от картинки*/

}

Вот в этой теме: https://help.forum2x2.ru/t20712-topic

Я так сделал, но проблема теперь в другом: фон остается в верхней левом углу из занимает примерно 1/4 экрана, остальная часть просто белый фон. Подскажите, пожалуйста

Поставьте тёмный фон

Код:

body {
background-repeat: repeat-x; /*отключить повтор*/
background-attachment: fixed;/*фиксированный фон*/
background-color: rgb(0, 0, 0);/*чёрный цвет фона*/
background-size: 100% 100%;/*на весь экран*/
}

читайте /*комментарии*/ в CSS коде
...
всё по очереди

Подскажите, как можно проделать следующую манипуяцию с фоном:...

Код:

ul.forums {
background-repeat: no-repeat !important;
}
div.forabg div.inner {
background-image: url("http://i44.servimg.com/u/f44/16/94/19/03/region12.jpg");
background-position: 100% 33px;
background-repeat: no-repeat !important;
}
ul.forums {
background-color: transparent;
background-position: 25px 0px;
background-size: 67% 100%;
}

Код не совсем откорректирован, но работает

А еще меня интересует, как можно выставить на задний фон изображение, но в полном размере (во всю страницу)

Ответил выше https://help.forum2x2.ru/t20868-topic#161667

Можно ли текст, обведенный зеленой окружностью (это названия форумов) перенести прямо напротив иконки-квадрата, в центр и чуть-чуть правее.

Отступ от картинки должен быть больше, например 200px

Код:

a.forumtitle div.octup{
padding-left: 200px;/*Отступ от картинки*/
}

Какой раз Вы нас выручаете! Большое Вам спасибо от чистого сердца!