Ответить Новая тема Новый опрос 
Всего: 4 1 2 3 4 >
 Как изменить боковые колонки?
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" правая колонка пуста.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Kiru4a
Новичок
Сообщений: 25
Регистрация: 05-04-2010


30-06-2010 23:52
а чего не сделать ОДНУ большую картинку с белым прямоугольником по средине (где сам магазин) ну и цветочками по боках... и поставить в фон старницы???

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


Новичок
Сообщений: 53
Регистрация: 27-05-2010


01-07-2010 00:32
Цитата:( Kiru4a @ 30-06-2010 19:52 Смотреть сообщение )
а чего не сделать ОДНУ большую картинку с белым прямоугольником по средине (где сам магазин) ну и цветочками по боках... и поставить в  фон старницы???

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


Сообщение отредактировано Rovik 30-06-2010 20:33 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Аdmin
Новичок
Сообщений: 11
Регистрация: 30-06-2010


01-07-2010 02:24
То что лучше воспользоватся разными картинкаим это да. Но вот как это сделать?
Я уже добился того чтобы отображалось что то одно, либо фон, либо правая или левая колонка. А вот как это совместить?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
YellowDuck


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


01-07-2010 03:47
Я бы сделал 1 картинку, как выше уже советовали, картина простая и много белого фона, если хорошо оптимизировать в графическом редакторе весить будет очень мало.
 



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