1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Css

Главные вкладки

Аватар пользователя Indeoo Indeoo 11 ноября 2011 в 22:21

Изучать сss недавно начал, захотел поставить фон
Вставил в style.css это:

BODY
{background-image: url(/clannr.org/Img/back.png);
background-attachment: fixed;
background-repeat: repeat;
background-position: top;}

Фон - не поставился.

Комментарии

Аватар пользователя Indeoo Indeoo 12 ноября 2011 в 2:39

Ну /clannr.org/img/back.png - просто криво скопировал, у меня на самом деле:
BODY
{background-image: url(http://clannr.org/Img/back.png);
background-attachment: fixed;
background-repeat: repeat;
background-position: top;}

Возможно картинку перекрывает настройка белого фона в теме (у меня бартик)

Аватар пользователя Indeoo Indeoo 12 ноября 2011 в 2:52

Нет, не помогло=(. Но в принципе как это решить? В самом css (не в настройках внешнего вида) прописаны тоже фоновые цвета, но они не отображаются, и чисто для теста удалил все что там было нечего почти не изменилось, кроме оформления текста старницы.

Аватар пользователя Indeoo Indeoo 12 ноября 2011 в 2:56

drupby, не вышло. Можно ли сделать этот фон "аргументом" определенной командой. (т.е как-то прописать что свыше остального был).

Аватар пользователя drupby drupby 12 ноября 2011 в 3:41

посмотри через фаербаг ,где задается фон страницы
на друпалру к примеру body черного цвета заметь-
здесь цвет фона перекрывает див с классом .wrapper {
background: none repeat scroll 0 0 #FFFFFF;
}

Аватар пользователя Empiric7 Empiric7 12 ноября 2011 в 3:40

У тебя в цсс картинка прописана правильно и работает как надо. Проблема в том, что лежащие НА body дивы просто перекрывают боди целиком, и картинку ты не видишь. Это #page-wrapper и #page

Аватар пользователя drupby drupby 12 ноября 2011 в 6:01

"Empiric7" wrote:
Ну что значит не факт, clannr.org можно открыть и посмотреть)

да точно ,значит надо редактировать color.css
только надо учесть что стиль прописывается сразу для

#page, #main-wrapper, #main-menu-links li a.active, #main-menu-links li.active-trail a {
    background: none repeat scroll 0 0 #FFFFFF;
}

надо разделить ссылки и #page, #main-wrapper
и не забудь про

#page-wrapper, #footer-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
}
Аватар пользователя drupby drupby 13 ноября 2011 в 0:37

"Indeoo" wrote:
Не помогает, хм. Можен из старка слепить?

кеш почисти - в фаербаге при удалении этих стилей пропадает белый фон .

Аватар пользователя routedseo routedseo 13 ноября 2011 в 1:10

#page-wrapper, #footer-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
}

#page, #main-wrapper, #main-menu-links li a.active, #main-menu-links li.active-trail a {
background: none repeat scroll 0 0 #FFFFFF;
}

#page-wrapper, #page {background:none !important;}

Аватар пользователя Indeoo Indeoo 13 ноября 2011 в 1:12

Этот код просто пишет что бэека нету, или я что-то не понял?
P.S можете подобное сотворить только с моим кодом?
Заранее спс

Аватар пользователя Indeoo Indeoo 13 ноября 2011 в 1:24

Ну да. Выходит не очень красиво, но это тестовый фон, саму картинку поменять можно.
Мне сейчас главное разорабтся.

Аватар пользователя routedseo routedseo 13 ноября 2011 в 1:26

Тогда в color.css

находите

#page-wrapper, #footer-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
}

Вырезаете отсюда #page-wrapper, должно остаться

#footer-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
}

находите

#page, #main-wrapper, #main-menu-links li a.active, #main-menu-links li.active-trail a {
background: none repeat scroll 0 0 #FFFFFF;
}

Вырезаете отсюда #page, должно остаться

#main-wrapper, #main-menu-links li a.active, #main-menu-links li.active-trail a {
background: none repeat scroll 0 0 #FFFFFF;
}

И на всякий прописываем это строчкой ниже:

#page-wrapper, #page {background:none !important;}
Аватар пользователя Indeoo Indeoo 13 ноября 2011 в 1:35

Вот что получилось в результате

/* ---------- Color Module Styles ----------- */

body,
body.overlay {
  color: #3b3b3b;
}
.comment .comment-arrow {
  border-color: #ffffff;
}
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
  background: #ffffff;
}
.tabs ul.primary li a.active {
  background-color: #ffffff;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#header {
  background-color: #48a9e4;
  background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
  background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
}
a {
  color: #0071B3;
}
a:hover,
a:focus {
  color: #018fe2;
}
a:active {
  color: #23aeff;
}
.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}
#footer-wrapper {
  background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: #fffeff;
}

#page-wrapper, #page {background:none !important;}

Но всеравно не работает

Аватар пользователя routedseo routedseo 13 ноября 2011 в 1:46
body, body.overlay {
    background: url("http://clannr.org/Img/back.png") repeat scroll 0 0 transparent;
    color: #000000;
}
.comment .comment-arrow {
    border-color: #FFFFFF;
}
#main-menu-links li a.active, #main-menu-links li.active-trail a {
    background: none repeat scroll 0 0 #FFFFFF;
}
.tabs ul.primary li a.active {
    background-color: #FFFFFF;
}
.tabs ul.primary li.active a {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#header {
    background-color: #D1D1D1;
    background-image: -moz-linear-gradient(center top , #D1D1D1 0%, #D1D1D1 100%);
}
a {
    color: #000000;
}
a:hover, a:focus {
    color: #381818;
}
a:active {
    color: #7D2E2E;
}
.sidebar .block {
    background-color: #B8B8B8;
    border-color: #000000;
}
#footer-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
}
.region-header, .region-header a, .region-header li a.active, #name-and-slogan, #name-and-slogan a, #secondary-menu-links li a {
    color: #FFFFFF;
}
Аватар пользователя ihappy ihappy 13 ноября 2011 в 4:02

Пора узнать что такое firefox + firebug или chrome + furebug... но последний хуже.
Можно посмотреть структуру сайта. Как и какие блоки и что перекрывают. Там же css поменять и посмотреть на результат. В общем без него, все это чепуха.

Аватар пользователя drupby drupby 13 ноября 2011 в 4:08

"iHappy" wrote:
Пора узнать что такое firefox + firebug или chrome + furebug... но последний хуже.
Можно посмотреть структуру сайта. Как и какие блоки и что перекрывают. Там же css поменять и посмотреть на результат. В общем без него, все это чепуха.

это уже не поможет-тут особый случай

Аватар пользователя Orion76 Orion76 13 ноября 2011 в 7:13

интересно у вас картинки храняться.. это точно Друпал?-))
я про папку Img в корне сайта... а почему не в папке темы?