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


Фон


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

#1 мистка

мистка

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

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

Отправлено 05 Ноябрь 2014 - 19:08

ув. модераторы, делала я делала диз и ...наверное ошибки какие то ..даже пыталась по шагам перенести все равно фон обрезает. Пожалуйста помогите установить фон как показано на скринах
фон разделен на 2 части верх и низ Безымянный.png

АКАУНТ ГДЕ РЕАЛИЗОВАН ПРИМЕР УСТАНОВКИ ФОНА(С ОШИБКАМИ)Аккаунт SL-315830


АКАУНТ КУДА НУЖНО УСТАНОВИТЬ ФОН Аккаунт SL-316446

#2 Dars

Dars

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

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

Отправлено 05 Ноябрь 2014 - 19:12

Просмотр сообщениямистка (05 Ноябрь 2014 - 19:08) писал:

ув. модераторы, делала я делала диз и ...наверное ошибки какие то ..даже пыталась по шагам перенести все равно фон обрезает. Пожалуйста помогите установить фон как показано на скринах
фон разделен на 2 части верх и низ Прикрепленный файл Безымянный.png

АКАУНТ ГДЕ РЕАЛИЗОВАН ПРИМЕР УСТАНОВКИ ФОНА(С ОШИБКАМИ)Аккаунт SL-315830


АКАУНТ КУДА НУЖНО УСТАНОВИТЬ ФОН Аккаунт SL-316446
Если говорить про первый аккаунт, дело, видимо, в том, что картинка в футере слишком маленькая по ширине. Можно её растянуть: в style.css найдите код:

#footer-fluid{background: rgba(171, 213, 210, 0.97) url('http://c51002.storeland.net/foter.png?7804') no-repeat center top;
position: relative;
padding: 0px;
margin: 0px auto;
bottom: 0px;
height: 400px}

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

#footer-fluid{background: rgba(171, 213, 210, 0.97) url('http://c51002.storeland.net/foter.png?7804') no-repeat center top;
position: relative;
padding: 0px;
margin: 0px auto;
bottom: 0px;
height: 400px;
background-size:100%;
}

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

#3 мистка

мистка

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

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

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

я УЖЕ ДОБАВЛЯЛА ЗНАЧЕНИЕ background-size:100%;  И МЕНЯЛА САМУ КАРТИНКУ НО ВСЕ РАВНО ОБРЕЗАЕТ ФОН ПОЭТОМУ И РЕШИЛА ПЕРЕНЕСТИ ВСЕ НА НОВЫЙ ШАБЛОН ТАМ ВИДИМО МАССА ОШИБОК ...

#4 Dars

Dars

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

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

Отправлено 05 Ноябрь 2014 - 19:54

Просмотр сообщениямистка (05 Ноябрь 2014 - 19:23) писал:

я УЖЕ ДОБАВЛЯЛА ЗНАЧЕНИЕ background-size:100%;  И МЕНЯЛА САМУ КАРТИНКУ НО ВСЕ РАВНО ОБРЕЗАЕТ ФОН ПОЭТОМУ И РЕШИЛА ПЕРЕНЕСТИ ВСЕ НА НОВЫЙ ШАБЛОН ТАМ ВИДИМО МАССА ОШИБОК ...
Пожалуйста, залейте на аккаунт, на котором нужно произвести изменения, необходимые картинки, а я потом подправлю css.

#5 мистка

мистка

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

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

Отправлено 05 Ноябрь 2014 - 20:53

я залила
низ foter_top.png
верх header-top.png
спасибо вам за помощь

#6 AnnaM

AnnaM

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

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

Отправлено 05 Ноябрь 2014 - 21:19

Просмотр сообщениямистка (05 Ноябрь 2014 - 20:53) писал:

я залила
низ foter_top.png
верх header-top.png
спасибо вам за помощь
В style.css замените
#footer-fluid {
background: rgba(171, 213, 210, 0.97) url('http://o51676.storeland.net/foter_top.jpg');
background-size: 100%;
}
на
#footer-fluid {
background: rgba(171, 213, 210, 0.97) url('http://o51676.storeland.net/foter_top.jpg');
background-size: 100%;
background-position-y: -220px;
}


#7 мистка

мистка

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

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

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

Просмотр сообщенияAnnaM (05 Ноябрь 2014 - 21:19) писал:

В style.css замените
#footer-fluid {
background: rgba(171, 213, 210, 0.97) url('http://o51676.storeland.net/foter_top.jpg');
background-size: 100%;
}
на
#footer-fluid {
background: rgba(171, 213, 210, 0.97) url('http://o51676.storeland.net/foter_top.jpg');
background-size: 100%;
background-position-y: -220px;
}
ну спасибо как всегда...человек помочь обещал ....и тут вы непойми куда с непойми чем

#8 Dars

Dars

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

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

Отправлено 06 Ноябрь 2014 - 15:37

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

ну спасибо как всегда...человек помочь обещал ....и тут вы непойми куда с непойми чем
Фон был установлен, осталось только выполнить инструкцию, которую вам прислал модератор выше. Если отображение будет некорректным, пишите.

#9 dele69

dele69

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

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

Отправлено 22 Ноябрь 2014 - 20:12

Добрый день, как поставить свою картинку в качестве фона, подскажите?

#10 shnafix

shnafix

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

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

Отправлено 22 Ноябрь 2014 - 20:28

Просмотр сообщенияdele69 (22 Ноябрь 2014 - 20:12) писал:

Добрый день, как поставить свою картинку в качестве фона, подскажите?
О каком аккаунте идет речь? Если на примере ggshops.ru
В main.css
.middle {
position: relative;
overflow: hidden;
margin-top: -45px;
padding: 0;
padding-top: 45px;
padding-bottom: 18px;
width: 100%;
height: 100%;
background: url("bg.jpg");
}
, где параметр
background: url("bg.jpg")
В сайт - редактор шаблонов нужно загрузить файл с таким же именем (bg.jpg), предварительно удалив старый.

#11 dele69

dele69

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

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

Отправлено 22 Ноябрь 2014 - 20:41

ПРОШУ ПРОЩЕНИЯ, АККУАНТ SL-311319

#12 dele69

dele69

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

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

Отправлено 22 Ноябрь 2014 - 21:44

как здесь то поменять фон на картинку?

#13 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 22 Ноябрь 2014 - 21:56

Просмотр сообщенияdele69 (22 Ноябрь 2014 - 21:44) писал:

как здесь то поменять фон на картинку?
Здравствуйте, найдите в шаблоне style.css
код
#wrapper {
background-color: #f2f2f2;
}
замените на


#wrapper {
background: url('ссылка на картинку')
}



#14 dele69

dele69

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

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

Отправлено 22 Ноябрь 2014 - 22:15

ничего не изменилось...

#15 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 22 Ноябрь 2014 - 22:29

Просмотр сообщенияdele69 (22 Ноябрь 2014 - 22:15) писал:

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

#16 dele69

dele69

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

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

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

Просмотр сообщенияИрина345 (22 Ноябрь 2014 - 22:29) писал:

Извините в инструкции была ошибка, произведите изменения повторно.

без изменения(((((

#17 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

Просмотр сообщенияdele69 (23 Ноябрь 2014 - 09:31) писал:

без изменения(((((

У Вас в коде стоит просто название картинки fon.jpg, а нужна полная ссылка на нее. И использовать не background-color, а просто background

#18 dele69

dele69

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

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

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

Просмотр сообщенияMikDark (23 Ноябрь 2014 - 09:33) писал:

У Вас в коде стоит просто название картинки fon.jpg, а нужна полная ссылка на нее. И использовать не background-color, а просто background
получилось и без ссылки, просто background: url('fon.jpg'), а подскажите,как мне теперь цвет букв менять, а то ничего не видно стало

#19 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

Просмотр сообщенияdele69 (23 Ноябрь 2014 - 09:40) писал:

получилось и без ссылки, просто background: url('fon.jpg'), а подскажите,как мне теперь цвет букв менять, а то ничего не видно стало

Чтобы поменять цвет текста, нужно достаточно много работы проделать, т.к. за каждый элемент отвечает свой код. Можно оставить центральную часть сайта с текстом серой. Для этого в style.css добавляем:
.content.container {
background: #f2f2f2;
}


#20 dele69

dele69

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

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

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

ок, получилось, подскажите теперь, как поменять шапку на свой рисунок?




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

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