Сообщений в теме: 36

[staspl]

Здравствуйте. Как сделать что бы своя картинка на фоне под соответствующее разрешение экрана растягивалась или сужалась? Картинка разрешением 1920х1080

[sengun]

staspl (23 Март 2014 - 13:38) писал:

Здравствуйте. Как сделать что бы своя картинка на фоне под соответствующее разрешение экрана растягивалась или сужалась? Картинка разрешением 1920х1080

Здравствуйте.

В разделе "Сайт"->"Редактор Шаблонов" в шаблоне "main.css" замените код

body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

на такой

body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; background-size: 100% auto; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Здесь за размер фоновой картинки отвечает

background-size: 100% auto;

100% - растяжение картинки по ширине на весь экран, auto - соответствующее растяжение по высоте так, чтобы сохранились пропорции изображения. Вместо auto также можно задать 100% - будет растягиваться и по высоте на весь экран.

[luzikov]

Как цвет фона поменять вообще в стилях?
Спасибо за ответ, заранее

[support 2.0]

luzikov (23 Март 2014 - 19:50) писал:

Как цвет фона поменять вообще в стилях?
Спасибо за ответ, заранее

На Вашем сайте за это отвечают 3 блока в main.css:

#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0000;}

#header_colapse {position:relative;background-color:#ffffff;color:#ffffff;z-index: 1000;}

цвет фона меню:

.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#ffffff;}

замените #ffffff на другой код цвета

[luzikov]

support 2.0 (23 Март 2014 - 20:50) писал:

На Вашем сайте за это отвечают 3 блока в main.css:

#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0000;}

#header_colapse {position:relative;background-color:#ffffff;color:#ffffff;z-index: 1000;}

цвет фона меню:

.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#ffffff;}

замените #ffffff на другой код цвета

Спасибо большое, а что бы размер букв в меню изменить, что менять нужно?

[staspl]

sengun (23 Март 2014 - 19:08) писал:

Здравствуйте.

В разделе "Сайт"->"Редактор Шаблонов" в шаблоне "main.css" замените код

body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

на такой

body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; background-size: 100% auto; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Здесь за размер фоновой картинки отвечает

background-size: 100% auto;

100% - растяжение картинки по ширине на весь экран, auto - соответствующее растяжение по высоте так, чтобы сохранились пропорции изображения. Вместо auto также можно задать 100% - будет растягиваться и по высоте на весь экран.

Спасибо большое!

[Ламер Эникеев]

добрый день, аккаунт SL-180063
поправил цвет в файле фона, вставил на сайт, старые файлы переименовал.
теперь при переходе со страницы на страницу сначала "родной" голубой фон показывает, и только после появляется тот, который я хотел.
это лечится?
заранее благодарен

[Alexey11]

Ламер Эникеев (24 Март 2014 - 13:35) писал:

добрый день, аккаунт SL-180063
поправил цвет в файле фона, вставил на сайт, старые файлы переименовал.
теперь при переходе со страницы на страницу сначала "родной" голубой фон показывает, и только после появляется тот, который я хотел.
это лечится?
заранее благодарен

Найдите данный блок кода в шаблоне main.css

body { background:url(http://design.bagpotshop.ru/bg.jpg) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

замените его на:

body { background:url(http://design.bagpotshop.ru/bg.jpg) #F0CD8F center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

[Ламер Эникеев]

спасибо огромное, помогло!
для общего развития - что было изменено? только цвет подложки?

[Alexey11]

Да , все верно. Просто картинке нужно время, чтобы прогрузиться полностью. Тут уже все зависит от скорости интернета ваших посетителей. А при изменении цвета фона нету резкого перехода от синего к оранжевому, и для глаза это не так заметно.

[vaskis07]

support 2.0 (23 Март 2014 - 20:50) писал:

На Вашем сайте за это отвечают 3 блока в main.css:

#[b]header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0000;}

#header_colapse {position:relative;background-color:#ffffff;color:#ffffff;z-index: 1000;}

цвет фона меню:

.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#ffffff;}

[/b]
замените #ffffff на другой код цвета

не могу найти эти строки  
помогите плз,
многих строк нет в main.css   я просто новичок , может не там смотрю

[Alexey11]

vaskis07 (25 Март 2014 - 15:49) писал:

не могу найти эти строки  
помогите плз,
многих строк нет в main.css   я просто новичок , может не там смотрю

Здравствуйте, укажите пожалуйста номер вашего аккаунта. Возможно у вас другая тема оформления.

[vaskis07]

Аккаунт SL-280534
Не могу найти в main.css  строки для редактирования......их просто нет

[Alexey11]

vaskis07 (25 Март 2014 - 16:46) писал:

Аккаунт SL-280534
Не могу найти в main.css  строки для редактирования......их просто нет

У вас установлен шаблон "Пластик" а данная инструкция для шаблона "Весна".
Какие изменения вы хотите внести в ваш шаблон.

[vaskis07]

Изменит общий фон(роставит картику) i(7).jpg
Увеличить логотип
Можно пожалуйста по шагово т к первый раз пробую  создать сайт первый раз
Заранее спасибо

[support 2.0]

vaskis07 (25 Март 2014 - 17:03) писал:

Изменит общий фон(роставит картику) i(7).jpg
Увеличить логотип
Можно пожалуйста по шагово т к первый раз пробую  создать сайт первый раз
Заранее спасибо

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

[Teraweb2000]

body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #F0CD8F  center top no-repeat fixed; background-size: 100% 100%; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
строчка в main.css стоит но все равно дает  при загрузке оранжевый фон потом необходимый Помогите http://odin-mobile.ru/

[Ирина345]

Teraweb2000 (16 Апрель 2014 - 20:43) писал:

body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #F0CD8F  center top no-repeat fixed; background-size: 100% 100%; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
строчка в main.css стоит но все равно дает  при загрузке оранжевый фон потом необходимый Помогите http://odin-mobile.ru/

Здравствуйте, если Вы хотите изменить цвет при загрузке сайта
то замените код

body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #F0CD8F center top no-repeat fixed; background-size: 100% 100%; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

на

 body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #ffffff center top no-repeat fixed; background-size: 100% 100%; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

[Teraweb2000]

спсибо

[Teraweb2000]

Помогите растянуть фон http://satantenka.ru/