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


Как В Шапке Фон Поменять На Картинку

шапка фон картинка

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

#21 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 10:09

Просмотр сообщенияMr.Nito (17 Октябрь 2016 - 09:47) писал:

Здравствуйте.
Чтобы изменить прозрачность всего футера в файле найдите
/*** Подвал ***/
#footer {background-color: #2f3132;margin-top: 50px;}
замените на
/*** Подвал ***/
#footer {background-color: rgba(47,49,50,0.5);margin-top: 50px;}
где последнее значение 0.5 может быть от 0 до 1 (уровень прозрачности)

также можно изменить цвет новостей в футере
/* Новости в подвале */
#footer .footer-top {padding: 38px 0 25px;color: #fff;background-color: #494949;}



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

в строке:
#footer {background-color: #2e2f33;margin-top: 50px;}
замените, например на:
#footer {background:url('{ASSETS_IMAGES_PATH}order-step-a.png?design=urban');margin-top: 50px;}

И если я заменю эту строку настройкой прозрачности, картинка уберётся ?

#22 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 358 сообщений

Отправлено 17 Октябрь 2016 - 10:20

Просмотр сообщенияH8uAll (17 Октябрь 2016 - 10:09) писал:

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

в строке:
#footer {background-color: #2e2f33;margin-top: 50px;}
замените, например на:
#footer {background:url('{ASSETS_IMAGES_PATH}order-step-a.png?design=urban');margin-top: 50px;}

И если я заменю эту строку настройкой прозрачности, картинка уберётся ?
Данные изменения добавят картинку на весь футер.

Уточните пожалуйста более подробно, какие действия Вы хотите произвести в футере и какую картинку необходимо убрать(или поставить на фон определённого блока).

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

  • 17-10-2016 10-12-18.png


#23 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 10:35

Мне нужно поставить картинку на вторую снизу ( самую широкую часть футера, где меню) . Если я в 788 строке ставлю картинку, то она не видна из за настроек прозрачности, а если я в ней меняю прозрачность, как в последнем совете, то убирается картинка. Я думаю что или прозрачность или установка картинок не могут ведь меняться в одной и той же строке 788 ?

#24 Firefly

Firefly

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

  • Модераторы
  • 3 790 сообщений

Отправлено 17 Октябрь 2016 - 10:50

Просмотр сообщенияH8uAll (17 Октябрь 2016 - 10:35) писал:

Мне нужно поставить картинку на вторую снизу ( самую широкую часть футера, где меню) . Если я в 788 строке ставлю картинку, то она не видна из за настроек прозрачности, а если я в ней меняю прозрачность, как в последнем совете, то убирается картинка. Я думаю что или прозрачность или установка картинок не могут ведь меняться в одной и той же строке 788 ?

Здравствуйте.
Если Вам нужно поставить картинку вместо прозрачного фона, то это производится в той же строке кода, а именно код в main.css:
/*** Подвал ***/
#footer {background-color: rgba(47,49,50,0);margin-top: 50px;}

Нужно заменить на:
/*** Подвал ***/
#footer {background:url('{ASSETS_IMAGES_PATH}название загруженной картинки') repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}

Где укажите название фоновой картинки, которую Вы загрузите по кнопке Добавить файлы в редакторе шаблонов.

#25 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 11:26

Здравствуйте, что то, когда я на это
#footer {background:url('{ASSETS_IMAGES_PATH}название загруженной картинки') repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}
заменил, у меня вообще все настройки сбились и ушли куда то влево.. (  правда, я кэш не очистил по вашему совету)

После я сделал бэкап, и поставил этот код :   #footer {background:url('{ASSETS_IMAGES_PATH}city_night2.png?design=urban')repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}

Т.е. совместил  2 части кода - этот :
repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}
и код по установке картинки, который был дан в самом начале темы :

"в строке:
#footer {background-color: #2e2f33;margin-top: 50px;}
замените, например на:
#footer {background:url('{ASSETS_IMAGES_PATH}order-step-a.png?design=urban');margin-top: 50px;}

Везде, аналогично первому пункту, замените название изображения. "

Но что то всё без изменений (  Может я ссылку на картинку неправильную даю ? ( я беру из загруженных файлов) Или неправильно что то делаю в деталях ?

#26 Alekseys

Alekseys

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

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

Отправлено 17 Октябрь 2016 - 12:10

Просмотр сообщенияH8uAll (17 Октябрь 2016 - 11:26) писал:

Здравствуйте, что то, когда я на это
#footer {background:url('{ASSETS_IMAGES_PATH}название загруженной картинки') repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}
заменил, у меня вообще все настройки сбились и ушли куда то влево.. (  правда, я кэш не очистил по вашему совету)

После я сделал бэкап, и поставил этот код :   #footer {background:url('{ASSETS_IMAGES_PATH}city_night2.png?design=urban')repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}

Т.е. совместил  2 части кода - этот :
repeat;background-color: rgba(47,49,50,0);margin-top: 50px;}
и код по установке картинки, который был дан в самом начале темы :

"в строке:
#footer {background-color: #2e2f33;margin-top: 50px;}
замените, например на:
#footer {background:url('{ASSETS_IMAGES_PATH}order-step-a.png?design=urban');margin-top: 50px;}

Везде, аналогично первому пункту, замените название изображения. "

Но что то всё без изменений (  Может я ссылку на картинку неправильную даю ? ( я беру из загруженных файлов) Или неправильно что то делаю в деталях ?
Здравствуйте. Фоновое изображение загрузите пожалуйста в раздел Сайт - Редактор шаблонов - кнопкой Добавить файлы.

#27 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 12:16

Просмотр сообщенияAlekseys (17 Октябрь 2016 - 12:10) писал:

Здравствуйте. Фоновое изображение загрузите пожалуйста в раздел Сайт - Редактор шаблонов - кнопкой Добавить файлы.

Здравствуйте, я туда и загружаю..

#28 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 358 сообщений

Отправлено 17 Октябрь 2016 - 12:39

Просмотр сообщенияH8uAll (17 Октябрь 2016 - 12:16) писал:

Здравствуйте, я туда и загружаю..

В разделе "Изображения" нет необходимого файла city_night2.png. Поэтому браузер не может найти его и загрузить.
Вы может прикрепить необходимое изображение к сообщению, чтобы мы смогли установить Вам его.

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

  • 17-10-2016 12-35-16.png
  • 17-10-2016 12-35-57.png


#29 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 12:55

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

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

И в итоге отправилась меньшего размера, вероятно.. ( оригинал был 65кб , 2000х650 )

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

  • city night2.jpg
  • 00021.jpg


#30 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 13:23

Да, я кажется и не туда загружал картинку, сейчас вроде загрузил правильно, но пока всё равно эффект тот же, картинка не видна (

#31 Firefly

Firefly

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

  • Модераторы
  • 3 790 сообщений

Отправлено 17 Октябрь 2016 - 13:54

Просмотр сообщенияH8uAll (17 Октябрь 2016 - 13:23) писал:

Да, я кажется и не туда загружал картинку, сейчас вроде загрузил правильно, но пока всё равно эффект тот же, картинка не видна (

У Вас было указано название картинки в пути в main.css с использованием _ , хотя картинка имеет название без этого символа.
Внес Вам поправки.

#32 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 14:09

Просмотр сообщенияFirefly (17 Октябрь 2016 - 13:54) писал:

У Вас было указано название картинки в пути в main.css с использованием _ , хотя картинка имеет название без этого символа.
Внес Вам поправки.

Огромное спасибо, очень нравится, как у вас работает поддержка ! И можно ещё вопрос, как настроить прозрачность ?  Хотя конечно это не так принципиально, можно настроить и предварительно, средствами фш..

#33 Alekseys

Alekseys

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

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

Отправлено 17 Октябрь 2016 - 14:21

Просмотр сообщенияH8uAll (17 Октябрь 2016 - 14:09) писал:

Огромное спасибо, очень нравится, как у вас работает поддержка ! И можно ещё вопрос, как настроить прозрачность ?  Хотя конечно это не так принципиально, можно настроить и предварительно, средствами фш..
В main.css замените
#footer {background:#000 url('{ASSETS_IMAGES_PATH}city night2.png?design=urban') no-repeat;margin-top: 50px;}
на
#footer {background:#000 url('{ASSETS_IMAGES_PATH}city night2.png?design=urban') no-repeat;margin-top: 50px;opacity: 0.8;}


#34 H8uAll

H8uAll

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

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

Отправлено 17 Октябрь 2016 - 14:50

Спасибо !

#35 Alexsandra

Alexsandra

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

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

Отправлено 30 Октябрь 2019 - 18:56

Добрый день! Хочу заменить фон шапки на картинку, но не могу найти код:
#header {position: relative;background-color: #2e2f33;}

Помогите пожалуйста.

#36 stasia

stasia

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

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

Отправлено 31 Октябрь 2019 - 09:27

Просмотр сообщенияAlexsandra (30 Октябрь 2019 - 18:56) писал:

Добрый день! Хочу заменить фон шапки на картинку, но не могу найти код:
#header {position: relative;background-color: #2e2f33;}

Помогите пожалуйста.

Здравствуйте. Загрузите изображение в раздел Сайт---Редактор шаблонов, в левый столбец, и пришлите нам название загруженного Вами файла, спасибо.

#37 Alexsandra

Alexsandra

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

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

Отправлено 31 Октябрь 2019 - 13:05

Добрый день!

shapka.png

#38 stasia

stasia

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

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

Отправлено 31 Октябрь 2019 - 16:09

Просмотр сообщенияAlexsandra (31 Октябрь 2019 - 13:05) писал:

Добрый день!

shapka.png

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

.htwrp{border-bottom:1px solid #237F96;background: #00566D;}
.hmwrp{background:#015D76;border-bottom:1px solid #003F50;border-top:1px solid #003F50;}
.hbwrp{border-top:1px solid #237F96;background: #00566D;}

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

.htwrp{border-bottom:1px solid #237F96;}
.hmwrp{border-bottom:1px solid #003F50;border-top:1px solid #003F50;}
.hbwrp{border-top:1px solid #237F96;}
.highRes {background: #01497f url([color=#282828][size=2][background=rgb(248, 248, 248)]'{ASSETS_IMAGES_PATH}[/background][/size][/color]shapka.png[color=#282828][size=2][background=rgb(248, 248, 248)]'[/background][/size][/color]) no-repeat 50%;background-size: contain;}


#39 Alexsandra

Alexsandra

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

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

Отправлено 01 Ноябрь 2019 - 10:19

Просмотр сообщенияstasia (31 Октябрь 2019 - 16:09) писал:


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

.htwrp{border-bottom:1px solid #237F96;background: #00566D;}
.hmwrp{background:#015D76;border-bottom:1px solid #003F50;border-top:1px solid #003F50;}
.hbwrp{border-top:1px solid #237F96;background: #00566D;}

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

.htwrp{border-bottom:1px solid #237F96;}
.hmwrp{border-bottom:1px solid #003F50;border-top:1px solid #003F50;}
.hbwrp{border-top:1px solid #237F96;}
.highRes {background: #01497f url([color=#282828][size=2][background=rgb(248, 248, 248)]'{ASSETS_IMAGES_PATH}[/background][/size][/color]shapka.png[color=#282828][size=2][background=rgb(248, 248, 248)]'[/background][/size][/color]) no-repeat 50%;background-size: contain;}

Добрый день! После вставки данного кода фон шапки становиться белым и нет изображения.

#40 stasia

stasia

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

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

Отправлено 01 Ноябрь 2019 - 11:47

Просмотр сообщенияAlexsandra (01 Ноябрь 2019 - 10:19) писал:

Добрый день! После вставки данного кода фон шапки становиться белым и нет изображения.

Извиняюсь, некорректный код, сейчас подправлена инструкция, зайдите в раздел Сайт --- Редактор шаблонов --- main.css и найдите код:

.htwrp{border-bottom:1px solid #237F96;background: #00566D;}
.hmwrp{background:#015D76;border-bottom:1px solid #003F50;border-top:1px solid #003F50;}
.hbwrp{border-top:1px solid #237F96;background: #00566D;}
И замените его на:

.htwrp{border-bottom:1px solid #237F96;}
.hmwrp{border-bottom:1px solid #003F50;border-top:1px solid #003F50;}
.hbwrp{border-top:1px solid #237F96;}
.highRes {background: #01497f url('{ASSETS_IMAGES_PATH}shapka.png') no-repeat 50%;background-size: contain;}






Темы с аналогичным тегами шапка, фон, картинка

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

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