Изменить фон, расширить шапку

Posted 16 августа, 201410 yr

День Добрый Всем.

Подскажите пожалуйста , как изменить задний фон(бекграунд) и чтоб при этом шапка осталась такого стиля. Так же интересует где в CSS расширить шапку ?!

16 августа, 201410 yr

comment_69925

В ipb_style.css ищите класс .branding

16 августа, 201410 yr

Author

comment_69926

не нашла

16 августа, 201410 yr

comment_69928

Зайдите в управление шаблоном, далее CSS найдите файл ipb_styles.css,

Находим класс "branding" (без кавычек) и добавляем это:

background: #222 url("__devsm.ru/public/style_images/youcodes/background.png") repeat 50% 0;

Т.е должно получится так:

#branding {
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
height: 200px;
background: #222 url("__devsm.ru/public/style_images/youcodes/background.png") repeat 50% 0;
}

Теперь фон у шапки остался, сейчас скажу как изменить фон:

Ищем: "body {" (без кавычек).

Должен быть вот такой код:

body {
background: #222 url("__devsm.ru/public/style_images/youcodes/background.png") repeat 50% 0;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 5px;
padding-bottom: 20px;
}

Где написано background вставляем ссылку на сам фон, т.е

body {
background: #222 url("ТУТ ССЫЛКА") repeat 50% 0;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 5px;
padding-bottom: 20px;
}

если нету найдите этот файл ipb_common.css и поищите в нем.

♥ <MISS>
1

16 августа, 201410 yr

Author

comment_69929

странно как-то... первый раз вводила что Wolf сказал и не нашло через поиск , хотя и без точки пыталась искать и не нашло, а теперь нашла нужную строку...

нашла всё что сказали выше, изменила, нашла картинку , скачала и посмотрела у неё размер 4х4, как быть? мне теперь нужно искать бекграунд с таким размером или любой подойдет?

16 августа, 201410 yr

Author

comment_69930

загрузила новую картинку, а стиль изменился на весь форум, и шапка верхняя тоже.

16 августа, 201410 yr

Author

comment_69931

в первом у меня вот так получилось

#branding{
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;
-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;
box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;
height:200px}background: #222 url("__devsm.ru/public/style_images/youcodes/background.png") repeat 50% 0;
}
#logo{float:center;margin: 0px 365px auto;}#logo
a.textLogo{color:#fff;
height:41px;line-height:41px;

16 августа, 201410 yr

comment_69932

#branding{-webkit-box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;height:200px;background: #222 url("__devsm.ru/public/style_images/youcodes/background.png") repeat 50% 0; }

Заменитель ваш код на этот

♥ <MISS>
1

16 августа, 201410 yr

Author

comment_69952

всё равно изменяет весь стиль форума, а шапка не остается какой нужно

16 августа, 201410 yr

Author

comment_69954

почти получилось, но не до конца

17 августа, 201410 yr

Author

comment_69962

как удлинить и округлить форумы и как убрать фон задний, который за форумами!

Подскажите пожалуйста!

17 августа, 201410 yr

comment_69968

как удлинить и округлить форумы и как убрать фон задний, который за форумами!

вв.png

Подскажите пожалуйста!

Находим класс "#content" вот там такой код:

#content {
padding: 10px 0px;
line-height: 120%;
background: #222;
padding-left: 0px;
padding-right: 10px;
}

Если хотите убрать фон то уберите в этом куске кода строчку background.

"Как расширить форум?" - добавить в этот кусок кода свойство "width:"

Вот пример что должно получится:

#content {
padding: 10px 0px;
line-height: 120%;
padding-left: 0px;
width: РАЗМЕР(цифрой)px;
padding-right: 10px;
}

Edited 17 августа, 201410 yr by Hovichek

♥ <MISS>
1

17 августа, 201410 yr

Author

comment_69969

Hovichek, Спасибо получилось, а может знаете как сделать округленный низ? и изменить фон категории на обычный черный цвет.

Edited 17 августа, 201410 yr by <MISS>

17 августа, 201410 yr

comment_69970

Hovichek, Спасибо получилось, а может знаете как сделать округленный низ? и изменить фон категории на обычный черный цвет.

Как сделать черным?

находим класс ".maintitle"

Вот его код:

.maintitle {

background: #222 url(' alt='' class='ipsImage' width="1000px" height="28px">' alt='' class='ipsImage' width="1000px" height="28px">);'>' alt='' class='ipsImage' width="1000px" height="28px">' alt='' class='ipsImage' width="1000px" height="28px">);

color: #e2e2e2;

padding: 12px; font: 400 14px Helvetica, Arial, sans-serif; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; overflow: hidden; }

В строчке background убираем "url(' alt='' class='ipsImage' width="1000px" height="28px">' alt='' class='ipsImage' width="1000px" height="28px">'>' alt='' class='ipsImage' width="1000px" height="28px">' alt='' class='ipsImage' width="1000px" height="28px">)", а #222 оставляем

Вот пример что должно получится:

.maintitle {
background: #222;
color: #e2e2e2;
padding: 12px;
font: 400 14px Helvetica, Arial, sans-serif;
border-bottom: 1px solid #dcdcdc;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
overflow: hidden;
}

Где написано #222 стираем "222" и пишем "000", но я бы не рекомендовал ставить черный цвет лучше пусть будет "222" черный не красиво смотрится)

------------------------

Как округлить?

находим ".removeDefault .ipsBox_container, .removeDefault.ipsBox_container" (в css файле).

Вот его код:

.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
border: 0;
}

Добавляем свойство "border-radius:"

Пример:

.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
border: 0;
border-radius: РАЗМЕР ОКРУГЛЕНИЯpx;
}

♥ <MISS>
1

17 августа, 201410 yr

Author

comment_69990

не получается у меня добавить 2"border-radius:", как добавлю, то категория полностью пропадает...

17 августа, 201410 yr

comment_69992

не получается у меня добавить 2"border-radius:", как добавлю, то категория полностью пропадает...

а что именно вы добавляете? Сам код в студию

17 августа, 201410 yr

Author

comment_69993

.removeDefault .ipsBox_container,.removeDefault.ipsBox_container{border:0}border-radius:10px;

}

ставила уже и с -10 и -200 и 10 и 200 и 2000 и ничего...

17 августа, 201410 yr

comment_69995

У вас мания повсюду ставить фигурные скобки?

Посмотрите на тот код который вам дали и на свой, внимательно! Не первый раз такая ошибка

Hovichek
1

17 августа, 201410 yr

comment_69997

.removeDefault .ipsBox_container,.removeDefault.ipsBox_container{border:0}border-radius:10px;

}

ставила уже и с -10 и -200 и 10 и 200 и 2000 и ничего...

Просто скопируйте мой код:

.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
border: 0;
border-radius: РАЗМЕР ОКРУГЛЕНИЯpx;
}

17 августа, 201410 yr

Author

comment_70000

У вас мания повсюду ставить фигурные скобки?

Посмотрите на тот код который вам дали и на свой, внимательно! Не первый раз такая ошибка

я сделала так как мне сказали, возможно и сделала ошибку, а грубить не обязательно!

прям помогли решить проблему своим коментарием....

Hovichek,

обводка добавилась только не округлило с низу

18 августа, 201410 yr

comment_70062

я сделала так как мне сказали, возможно и сделала ошибку, а грубить не обязательно!

прям помогли решить проблему своим коментарием....

Hovichek,

обводка добавилась только не округлило с низу

А больше никак не округлить, точнее можно, но надо там прописывать отдельный класс очень долго.

♥ <MISS>
1

Sign In

Изменить фон, расширить шапку

Featured Replies

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search