Jump to content
Sign in to follow this  
olga79

Не меняется фон страниц [РЕШЕНО]

Recommended Posts

версия 1,5,4,1. Надо поменять фон на всех страницах. Делаю

body {
background-color: url(""http://l.............ru/image/cache/data/fon/Mandarinmoon-100x100.jpg"")center top no-repeat;
background-attachment:fixed;
   color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
...............

#content {
	min-height: 400px;
margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 195px;
background:#fff;
padding:10px;
}

Ничего не меняется. Может кто подскажет. Спасибо.

Edited by AlexFisher
спрятал

Share this post


Link to post
Share on other sites

спрячьте CSS в тэги code (<>)

background: url("http://l.............ru/image/data/fon/Mandarinmoon.jpg") center top no-repeat;

  • +1 1

Share this post


Link to post
Share on other sites

Не совсем поняла. Можно написать напрямую? Куда теги конкретно ставить?

Сейчас по аналогии с этим стоит

body {
background-color: #FFFFFF;
background:url("http://spl23.hosting.reg.ru:8443/filemanager/getimg.php?img=/httpdocs/l............ru/catalog/view/theme/default/image/DSCF6112.jpg") center top no-repeat;
background-attachment:fixed;
   color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;

Не пойму

Share this post


Link to post
Share on other sites

Попробуйте путь к картинке прописать вот так

background: url('../image/DSCF6112.jpg');

И убедитесь что картинка лежит по адресу <каталог темы>\image

Share this post


Link to post
Share on other sites

не помогло ))) лежит точно в каталоге темы. какой то бред, ничего не понимаю

Share this post


Link to post
Share on other sites

Так лежит в каталоге темы или в папке image, которая лежит в каталоге темы? Скопируйте сюда полный блок body. И ссылку на сайт, если он есть в открытом доступе.

  • +1 1

Share this post


Link to post
Share on other sites

интересно, где ж вы такую аналогию взяли?

background:url("http://spl23.hosting.reg.ru:8443/filemanager/getimg.php?img=/httpdocs/l............ru/catalog/view/theme/default/image/DSCF6112.jpg") center top no-repeat;

там же ссылка картинку в файловом менеджере на хостинге))) так не стоит делать)))

давайте разберем, чтоб вопросов не было)))

ссылки бывают абсолютные ну например так: АДРЕС САЙТА/ПАПКА/ФАЙЛ или site.ru/image/kartinka.png

и относительные: /image/kartinka.png (такие чаще используются, особенно в файлах стиля, и вообще удобно тем, что при переносе сайта с одного хостинга (домена) на другой не нужно переписывать все пути к файлам, так как абсолютный адрес может поменяться.

не помогло ))) лежит точно в каталоге темы. какой то бред, ничего не понимаю

закачайте по ФТП картинку kartinka.png в папку ВАША ТЕМА/image/

далее пропишите в стилях:

background:url("../image/kartinka.png") ; 

обратите внимание на это:

center top no-repeat (располагается по центру сверху  не повторяется)

возможно картинка у вас и отображается))) но просто перекрыта контентом)))

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

у Вас должно получиться так:

body {
background:url("../image/kartinka.png") ;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

  • +1 1

Share this post


Link to post
Share on other sites

olga79, хочу обратить внимание. Свойство background-color предназначено только для указания цвета в RGB или HEX. Но никак не для указания картинки, ее позиции и тд. И в url("...") кавычки одни должны быть, а не две подряд url(""..."").

Правильно:

background: #fff url('http://путь к картинке') no-repeat 50% 0;

или

background-image: url('http://путь к картинке');
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;

Во вторых стиль может не применяться если его переезжает стиль выше. Например:

#body .my-div {
color: #000;
}
.my-div {
color: #f00;
}

в этом случае цвет .my-div не станет красным

  • +1 1

Share this post


Link to post
Share on other sites

Перекачала картинку опять в png, чтоб наверняка. Лежит в catalog / view / theme/ default /image/ . Сейчас все отрезала - получилось

body {
background:url("../image/ DSCF6112.PNG") ;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

И ничего. Сайт голый, пока только модули, лежит на http://luchshiimagazin.ru. Может карусель с фоном не сочетается?

Share this post


Link to post
Share on other sites

background:url("../image/ DSCF6112.PNG") ;

а пробел зачем после слеша?

вот так:

background:url("../image/DSCF6112.PNG") ;

  • +1 1

Share this post


Link to post
Share on other sites

Спасибо всем!!!!!!!!!!!! Получилось. Отдельное спс дядечке с бородой за увиденный пробел )))))))))). Спасибо!!!!!!!!!

Share this post


Link to post
Share on other sites

не за что, подправте цвет шрифтов , чтоб смотрелось

6 строка

body {
    background:url("../image/DSCF6112.PNG");
   color: #fff;                (тут белый цвет шрифта поставил, как вариант, посмотреть постранично, поменять на приемлемый для дизайна цвет)
       font-family: Arial, Helvetica, sans-serif;
       margin: 0px;
       padding: 0px;
}

16 строка

h1, .welcome {
color: #fff;                (поменять тут, черный не смотриться)
font-family: Verdana;
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

Share this post


Link to post
Share on other sites

А можете заодно подсказать как фон под блоками сделать прозрачным, а не белым как сейчас?

Share this post


Link to post
Share on other sites

где требуется

background:transparent;

например

строка 669

.box .box-content {
background:transparent;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
border-left: 1px solid #DBDEE1;
border-right: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
padding: 10px;
}

ну и так далее...где хотите...

  • +1 1

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.