Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор kirill_345 в Пт 21 Окт - 10:49

Здравствуйте. Я создаю форум для своей гильдии и мне бы хотелось красиво его оформить, но постоянно сталкиваюсь с проблемами. Решения пытаюсь найти, но почти все они для версии движка 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;
}


Последний раз редактировалось: kirill_345 (Пн 24 Окт - 7:21), всего редактировалось 1 раз(а)

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Пт 21 Окт - 11:08

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

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Пт 21 Окт - 11:17

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

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Пт 21 Окт - 11:25

@gorezcaid пишет:
Код:
.headerbar {
background-image: url("http://www.tutorial9.net/wp-content/uploads/2008/06/background2.jpg");/*фоновое изображение*/
background-repeat: repeat;/*Повтор фона*/
}
...
Я не множко не правильно выразился, мне бы хотелось сделать фон не только вверху (выделенно голубым), но на всей страничке. Прошу прощение за неправильную информацию 21
А вообще, спасибо вам большое от лица нашей Гильдии!

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Пт 21 Окт - 11:30

3)
Код:
ul.forums {
background-repeat: repeat-x;
}

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Пт 21 Окт - 11:36

Общий фон
Как поставить на задний фон одно изображение?
мне бы хотелось сделать фон не только вверху (выделенно голубым), но на всей страничке.
Поставьте фоновое изображение, и добавьте в CSS:
Код:
body {
background-repeat: no-repeat; /*отключить повтор*/
background-attachment: scroll;
background-color: rgb(255, 255, 255);/*цвет фона*/
}

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Пт 21 Окт - 16:03

@gorezcaid пишет:
Поставьте фоновое изображение, и добавьте в CSS:
Код:
body {
background-repeat: no-repeat; /*отключить повтор*/
background-attachment: scroll;
background-color: rgb(255, 255, 255);/*цвет фона*/
}

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

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Пт 21 Окт - 17:01

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

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Сб 22 Окт - 10:39

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

Фон для категорий состоит из 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;
}

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Сб 22 Окт - 10:42

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

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Сб 22 Окт - 10:55

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


Можно ли текст, обведенный зеленой окружностью (это названия форумов) перенести прямо напротив иконки-квадрата, в центр и чуть-чуть правее. Нарисовал желаемый результат справо.
Уровень текста и иконки создал с помощью:
В заголовок форума вместо "Добро пожаловать!"
Код:
<div class="octup">Добро пожаловать!</div>

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

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

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

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Сб 22 Окт - 14:38

Я так сделал, но проблема теперь в другом: фон остается в верхней левом углу из занимает примерно 1/4 экрана, остальная часть просто белый фон. Подскажите, пожалуйста
Поставьте тёмный фон
Код:
body {
background-repeat: repeat-x; /*отключить повтор*/
background-attachment: fixed;/*фиксированный фон*/
background-color: rgb(0, 0, 0);/*чёрный цвет фона*/
background-size: 100% 100%;/*на весь экран*/
}
читайте /*комментарии*/ в CSS коде
...
всё по очереди yes

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Сб 22 Окт - 14:53

Подскажите, как можно проделать следующую манипуяцию с фоном:...
Код:
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%;
}
Код не совсем откорректирован, но работает

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Сб 22 Окт - 15:00

А еще меня интересует, как можно выставить на задний фон изображение, но в полном размере (во всю страницу)
Ответил выше http://help.forum2x2.ru/t20868-topic#161667
Можно ли текст, обведенный зеленой окружностью (это названия форумов) перенести прямо напротив иконки-квадрата, в центр и чуть-чуть правее.
Отступ от картинки должен быть больше, например 200px
Код:
a.forumtitle div.octup{
padding-left: 200px;/*Отступ от картинки*/
}

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор kirill_345 в Сб 22 Окт - 15:28

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

kirill_345
Новичок

Сообщения : 11
Регистрация : 2011-10-14
Благодарности : 0

Без предупреждений

http://lastcamp.forumbook.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения