Ответить Новая тема Новый опрос 
Всего: 4 1 2 3 4 >
 Как изменить боковые колонки?
Аdmin
Новичок
Сообщений: 11
Регистрация: 30-06-2010


30-06-2010 02:14
Здравствуйте,

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

Попробую объяснить наглядно что я хочу:



Буду рад если подскажите в каком файле мне искать!

И осмелюсь спросить, где изменить Баграунд.

Заранее спасибо
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
YellowDuck


Профессионал
Сообщений: 1054
Откуда: Ярославль
Регистрация: 29-09-2009


30-06-2010 03:36
в глобал.css
 



Интернет-магазин товаров для детей yellowduck.ru
Хороший хостинг для Prestashop и не только one-hosting.ru
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Аdmin
Новичок
Сообщений: 11
Регистрация: 30-06-2010


30-06-2010 04:25
Цитата:( YellowDuck @ 30-06-2010 04:36 Смотреть сообщение )
в глобал.css

background нашёл. А как можно прописать вместо цвета, картинку?

И как всё таки быть с боковыми полосами?

Прописал вместо

Цитата:
body {
background-color: white;

Цитата:
background-image: url()


Меняется только шрифт на сайте...

з.ы. css моя слабость


Сообщение отредактировано Аdmin 30-06-2010 05:35 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
YellowDuck


Профессионал
Сообщений: 1054
Откуда: Ярославль
Регистрация: 29-09-2009


30-06-2010 12:55
Код:
body {
    background: #ffffff url(../img/ваша картинка.jpg) no-repeat fixed center top;
 



Интернет-магазин товаров для детей yellowduck.ru
Хороший хостинг для Prestashop и не только one-hosting.ru
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
YellowDuck


Профессионал
Сообщений: 1054
Откуда: Ярославль
Регистрация: 29-09-2009


30-06-2010 12:57
Или цветочки должны быть тока справа?
 



Интернет-магазин товаров для детей yellowduck.ru
Хороший хостинг для Prestashop и не только one-hosting.ru
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Аdmin
Новичок
Сообщений: 11
Регистрация: 30-06-2010


30-06-2010 17:03
Цитата:( YellowDuck @ 30-06-2010 13:55 Смотреть сообщение )
Код:
body {
    background: #ffffff url(../img/ваша картинка.jpg) no-repeat fixed center top;


Благодарю, с этим разобрался.

Цитата:( YellowDuck @ 30-06-2010 13:57 Смотреть сообщение )
Или цветочки должны быть тока справа?


И с права и с лева. Я так понял опять же можно каким то путем прописать слои, и в них background только fixed left, а другую right?

Сейчас попробую спросить у гугла :cof:
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


30-06-2010 20:15
Код:
body { background: #ffffff url(../img/ваша картинка.jpg) repeat-y fixed left top;}
#page { background: #ffffff url(../img/ваша картинка.jpg) repeat-y fixed right top;}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Аdmin
Новичок
Сообщений: 11
Регистрация: 30-06-2010


30-06-2010 21:19
Цитата:( ors @ 30-06-2010 21:15 Смотреть сообщение )


Ничего не вышло.

Вот как было до:

Код:
*/

* {
    padding: 0;
    margin: 0
}

body {
background-image: url(../img/newBack1.jpg);
}


body {
    
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #5d717e;
    text-align: center
    
}

/* Useful */


Получается нужно сделать так:

Код:
*/

* {
    padding: 0;
    margin: 0
}

body { background: #ffffff url(../img/fon.jpg) repeat-y fixed left top;}
#page { background: #ffffff url(../img/fon.jpg) repeat-y fixed right top;}

body {
background-image: url(../img/newBack1.jpg);
}


body {
    
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #5d717e;
    text-align: center
    
}

/* Useful */


Но, результат не тот...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


30-06-2010 21:31
Те две строки нужно в конец файла добавлять.
У вас ../img/fon.jpg переписывается ../img/newBack1.jpg
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Аdmin
Новичок
Сообщений: 11
Регистрация: 30-06-2010


30-06-2010 21:54
Хорошо, прописал вот так:

Код:
*/

* {
    padding: 0;
    margin: 0
}

body {
background-image: url(../img/newBack1.jpg);
}

body { background: url(../img/fon.png) repeat-y fixed right top;
        background: url(../img/fon.png) repeat-y fixed left top;}

body {
    
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #5d717e;
    text-align: center
    
}



/* Useful */


теперь исчез фон "../img/newBack1.jpg)" осталась только левая "../img/fon.png" правая колонка пуста.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 4 1 2 3 4 >