Posted August 16, 201410 yr comment_69924 День Добрый Всем. Подскажите пожалуйста , как изменить задний фон(бекграунд) и чтоб при этом шапка осталась такого стиля. Так же интересует где в CSS расширить шапку ?! Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/ Share on other sites More sharing options...
August 16, 201410 yr comment_69925 В ipb_style.css ищите класс .branding Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69925 Share on other sites More sharing options...
August 16, 201410 yr Author comment_69926 не нашла Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69926 Share on other sites More sharing options...
August 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 и поищите в нем. Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69928 Share on other sites More sharing options...
August 16, 201410 yr Author comment_69929 странно как-то... первый раз вводила что Wolf сказал и не нашло через поиск , хотя и без точки пыталась искать и не нашло, а теперь нашла нужную строку... нашла всё что сказали выше, изменила, нашла картинку , скачала и посмотрела у неё размер 4х4, как быть? мне теперь нужно искать бекграунд с таким размером или любой подойдет? Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69929 Share on other sites More sharing options...
August 16, 201410 yr Author comment_69930 загрузила новую картинку, а стиль изменился на весь форум, и шапка верхняя тоже. Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69930 Share on other sites More sharing options...
August 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; Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69931 Share on other sites More sharing options...
August 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; } Заменитель ваш код на этот Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69932 Share on other sites More sharing options...
August 16, 201410 yr Author comment_69952 всё равно изменяет весь стиль форума, а шапка не остается какой нужно Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69952 Share on other sites More sharing options...
August 16, 201410 yr Author comment_69954 почти получилось, но не до конца Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69954 Share on other sites More sharing options...
August 17, 201410 yr Author comment_69962 как удлинить и округлить форумы и как убрать фон задний, который за форумами! Подскажите пожалуйста! Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69962 Share on other sites More sharing options...
August 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 August 17, 201410 yr by Hovichek Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69968 Share on other sites More sharing options...
August 17, 201410 yr Author comment_69969 Hovichek, Спасибо получилось, а может знаете как сделать округленный низ? и изменить фон категории на обычный черный цвет. Edited August 17, 201410 yr by <MISS> Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69969 Share on other sites More sharing options...
August 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; } Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69970 Share on other sites More sharing options...
August 17, 201410 yr Author comment_69990 не получается у меня добавить 2"border-radius:", как добавлю, то категория полностью пропадает... Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69990 Share on other sites More sharing options...
August 17, 201410 yr comment_69992 не получается у меня добавить 2"border-radius:", как добавлю, то категория полностью пропадает...а что именно вы добавляете? Сам код в студию Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69992 Share on other sites More sharing options...
August 17, 201410 yr Author comment_69993 .removeDefault .ipsBox_container,.removeDefault.ipsBox_container{border:0}border-radius:10px; } ставила уже и с -10 и -200 и 10 и 200 и 2000 и ничего... Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69993 Share on other sites More sharing options...
August 17, 201410 yr comment_69995 У вас мания повсюду ставить фигурные скобки? Посмотрите на тот код который вам дали и на свой, внимательно! Не первый раз такая ошибка Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69995 Share on other sites More sharing options...
August 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; } Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=69997 Share on other sites More sharing options...
August 17, 201410 yr Author comment_70000 У вас мания повсюду ставить фигурные скобки? Посмотрите на тот код который вам дали и на свой, внимательно! Не первый раз такая ошибка я сделала так как мне сказали, возможно и сделала ошибку, а грубить не обязательно! прям помогли решить проблему своим коментарием.... Hovichek, обводка добавилась только не округлило с низу Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=70000 Share on other sites More sharing options...
August 18, 201410 yr comment_70062 я сделала так как мне сказали, возможно и сделала ошибку, а грубить не обязательно! прям помогли решить проблему своим коментарием.... Hovichek, обводка добавилась только не округлило с низу А больше никак не округлить, точнее можно, но надо там прописывать отдельный класс очень долго. Link to comment https://ipbmafia.ru/topic/8974-izmenit-fon-rasshirit-shapku/?&do=findComment&comment=70062 Share on other sites More sharing options...