День добрый.
Накатил шаблон на тестовой площадке.
и столкнулся с проблемой, не могу нормально поменять background
в шаблоне есть по идее 2 файла отвечающих за отображение сайта
gk sporter
template.css
style1.css
и картинка bg_image.jpg
Проблема в том что в оригинальном шаблоне background маленькая картинка.
А хотелось бы поменять на картинку из шаблона
GK elveSocial
При смене картинки всё происходит нормально, но как только картинка заканчивается идёт заливка чёрным цветом.
Выяснив что в шаблоне GK elveSocial эта проблема решена
дополнительной картинкой
main_bg_gradient.png
но вот градиентом почему то не заливается вокруг картинки даже если поменять CSS на тот который идёт в GK elveSocial
Вот какой код идёт в gk sporter
*/
body { line-height:1.9; background:#000; min-height:100%; }
body#bd { color:#666; }
body.fs1 { font-size:10px; }
body.fs2 { font-size:11px; }
body.fs3 { font-size:13px; }
body.fs4 { font-size:14px; }
body.fs5 { font-size:15px; }
body.fs6 { font-size:16px; }
a { color: #000; text-decoration:none; }
a:hover,
a:active,
a:focus { color: #ac0000; }
.column p,
.column pre,
.column blockquote,
.column ol,
.column ul { margin:0; padding:0; }
h1,
h2,
h3,
h4,
h5 { color:#2d2d2d; }
h1 { font-size:180%; }
h2 { font-size:150%; }
h3 { font-size:125%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; clear:both; }
ul li { line-height:1.9; }
/* containers */
#bg-wrap { background: transparent url('../images/style1/bg_image.jpg') no-repeat center 0; min-height:900px; }
#bg-footer { padding-bottom:175px; }
#gk-top { min-height: 142px; }
#gk-wrapper-top { background: #000; }
а вот какой в GK elveSocial
*/
body{font-family:Arial,Verdana,sans-serif;line-height:20px; background:#fff url('../images/style1/main_bg_gradient.png') repeat-x 0 0;}
body#bd{color:#fff}
#gk-bg{
background:transparent url('../images/style1/bg.jpg') no-repeat center 0;
width:100%;
overflow:hidden;
}
что не так могу поменять, или точнее как правильнее поменять?