Перейти к содержимому


неподвижный фон

Автор moymagazin.storeland.ru, 03 янв. 2011 22:57

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 68

#41 mnbv2005

mnbv2005

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 201 сообщений
  • ГородМосква

Отправлено 07 Апрель 2012 - 00:47

Просмотр сообщенияVaccina (06 Апрель 2012 - 21:23) писал:

Для заливки фона необходимо использовать свойство background-color: #FFF;
с необходимым фоном. А для изображения background-image:url(путь к изображению);
В данном случае все зависит от того что вы хотите в итоге получить, и какие элементы дизайна размещаются на странице.

Добрый вечер!
Когда я вставляю цвет, всё выходит,шапка на месте! Когда вставляю картинку, шапка пропадает,тел.,поиск и т.п. всё оказывается на картинке!((
Хочу добавить картинку или картинки(ещё не определилась)))только по бокам, где белый цвет мой сайт
Как можно это сделать?

#42 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 09 Апрель 2012 - 22:28

Белый цвет по бокам контента - это заливка в классе 

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

который оборачивает все блоки как и body

Как вариант можно разместить изображение в данном классе - простое и не навязчивое. А саму часть контента закрасить уже белым цветом. Это можно сделать в классе 

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/73/72772/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

получиться 

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/73/72772/cpage-top-bg.jpg") no-repeat scroll 0 80px #fff;
	padding-top: 10px;
}

#43 Nadia

Nadia

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 10 Апрель 2012 - 20:45

доброй ночи, помогите сделать фон на всю страницу http://web-disign.ru.../fon_cveti1.jpg , магазин вот http://proficosmetic.storeland.ru/
и второй вопрос как изменить цвет и размер шрифта телефона на главной страницы.

#44 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 11 Апрель 2012 - 21:47

Цитата

помогите сделать фон на всю страницу
найдите строку, где Вы вставляли фон и измените repeat-xy на repeat

Цитата

как изменить цвет и размер шрифта телефона
редактор тем - main.css
.contentTableHeadMainPhone {
	color: #3399CC;
}
.contactInfoContentCountryCode {
	color: #BE9E4C;
}
#contactInfo {
	font-size: 1.5em;
	left: 370px;
	position: absolute;
	top: 10px;
}
тут меняйте color и font-size

#45 Nadia

Nadia

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 13 Апрель 2012 - 17:38

добрый вечер!!!!

так и не получилось сделать фон, он вообще не отображается

Магазин http://proficosmetic.storeland.ru/

фон только другой http://files.storela.../fon_cveti2.jpg

И еще вопросики есть http://files.storela...19/118275/1.jpg

#46 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 13 Апрель 2012 - 21:26

Цитата

так и не получилось сделать фон, он вообще не отображается
Потому что на тот же блок отдельно Вы прописали 2ой фон.
<body style="background: url("http://web-disign.ru/images/fon_cveti1.jpg) repeat center center") repeat scroll 0pt 0pt transparent;">
Какой фон Вы все таки хотите установить потому что изначально Вы хотели ставить чисто розовый?
Этот фон уберите, а чтобы розовый отображался на весь сайт зайдите в редактор тем - main.css найдите следующие блоки и уберите у них background со значением
#headerWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/75/74480/header_bg.jpg") repeat-x scroll 0 0 transparent;
	height: 150px;
}
#contentWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/75/74480/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
	clear: both;
}
#footer {
	background: url("http://img.storeland.ru/web/upload/assets/images/75/74480/botfade.jpg") repeat-x scroll 50% 100% transparent;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #999999;
	font-family: verdana;
	height: 139px;
	margin: 0;
	padding: 0;
	text-align: center;
}

По поводу меню
#mainNav {
	background: url("http://img.storeland.ru/web/upload/assets/images/75/74480/nav_bg.jpg") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 35px;
	left: 70px;
	position: absolute;
}
замените на:
#mainNav {
	background: url("http://img.storeland.ru/web/upload/assets/images/75/74480/nav_bg.jpg") no-repeat scroll 0 0 transparent;
	border-radius: 15px 15px 15px 15px;
	bottom: -25px;
	height: 35px;
	left: 70px;
	position: absolute;
}

#47 Watchstone.ru

Watchstone.ru

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений
  • ГородНижний Новгород

Отправлено 15 Апрель 2012 - 21:38

не поможете сделать вернее меню, как у сайта http://osc4.template...31777/index.php

для http://madeingood.ru/

#48 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 16 Апрель 2012 - 20:33

Вам необходимо обратиться к платным услугам.

#49 Ботаникус

Ботаникус

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 536 сообщений
  • ГородМосква

Отправлено 16 Ноябрь 2014 - 11:57

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

#50 shnafix

shnafix

    Активный участник

  • Модератоpы
  • 506 сообщений

Отправлено 17 Ноябрь 2014 - 16:59

Просмотр сообщенияБотаникус (16 Ноябрь 2014 - 11:57) писал:

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

#51 Ботаникус

Ботаникус

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 536 сообщений
  • ГородМосква

Отправлено 18 Ноябрь 2014 - 23:27

Просмотр сообщенияshnafix (17 Ноябрь 2014 - 16:59) писал:

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

#52 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 06 Апрель 2015 - 21:33

Здравствуйте! Подскажите, пожалуйста, как поменять фон на главной странице? Попробовал вот этот код из начала темы, но ничего не произошло(...

Просмотр сообщенияVaccina (16 Апрель 2011 - 05:17) писал:

#contentWrap {
background: url("http://img.lovegame.storeland.ru/web/upload/assets/images/10/9559/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
clear: both;
}

#53 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 07 Апрель 2015 - 03:57

В main.css найдите начала блока стилей:
#contentWrap {

в нем у стиля background измените contentWrap_bg.jpg на название файла вашего фона, сам фон загрузите в раздел Редактор шаблонов

#54 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 08 Апрель 2015 - 15:34

Vaccina, получилось, что новый фон появляется только в самом низу страницы, а вверху - прежний фон... Хотелось бы, чтобы фоном была картинка, а весь контент просто перемещался на ее фоне ... :)

#55 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 08 Апрель 2015 - 16:10

Просмотр сообщенияIuhenio (08 Апрель 2015 - 15:34) писал:

Vaccina, получилось, что новый фон появляется только в самом низу страницы, а вверху - прежний фон... Хотелось бы, чтобы фоном была картинка, а весь контент просто перемещался на ее фоне ... :)
Здравствуйте.
В main.css найдите код
#contentWrap {clear: both;background: url("{ASSETS_IMAGES_PATH}contentWrap_bg.jpg") repeat-x left bottom;}
и замените на
#contentWrap {
clear: both;background: url("{ASSETS_IMAGES_PATH}contentWrap_bg.jpg") repeat-x left bottom;
background-attachment: fixed;
}
Так же вы можете изменить само изображение на новое.

#56 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 08 Апрель 2015 - 16:40

Danil, попробовал,  все картинки увеличились, размеры всей полей по-сбивались...

#57 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 08 Апрель 2015 - 16:43

Просмотр сообщенияIuhenio (08 Апрель 2015 - 16:40) писал:

Danil, попробовал,  все картинки увеличились, размеры всей полей по-сбивались...
Произведите изменения, чтобы мы могли исправить ошибку.

#58 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 08 Апрель 2015 - 16:48

Danil, изменил...

#59 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 08 Апрель 2015 - 17:12

Просмотр сообщенияIuhenio (08 Апрель 2015 - 16:48) писал:

Danil, изменил...
Ошибки исправили, проверьте.

#60 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 08 Апрель 2015 - 18:24

Danil, спасибо! А можно сделать так, чтобы центральная часть оставалась белой, а по-бокам присутствовал фон? Я на рисунке нарисовал...

Прикрепленные изображения

  • фон1.jpg

Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Изменение общей стилистики
  6. Privacy Policy