Задний фон сайт

SP
На сайте с 05.12.2013
Offline
30
6366

Добрый день форумчане. Нужна Ваша помощь.

Вообщем есть сайт, с определенным background'ом. Стоит задача наложить на этот задний фон еще один фон, где будет написано по типу:"акция месяца" и впилина ссылка переход. Для наглядности кину картинку заднего фона.

фон обычный

фон с акцией

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

Вообщем как сделать так, элементы акции накладывались на задний фон и при этом адаптировались под разрешения экрана.

Сайт на wp - возможно есть какой - то плагин в помощь.

P.s. уже понятно, что обычные манипуляции с помощью редактирования заднего фона в фотошопе не покатит.

MainLinks
На сайте с 19.09.2012
Offline
41
#1

Совсем разленились с использованием worpdress - любая трудность: а есть ли плагин?

SP
На сайте с 05.12.2013
Offline
30
#2
MainLinks:
Совсем разленились с использованием worpdress - любая трудность: а есть ли плагин?

Я и не против ручками сделать и прописать в коде. Вопрос не в этом стоит, а стоит в том, как это реализовать и что куда написать. НУ или все таки плагин для вп..

При чем тут лень, я так и не понял.

L
На сайте с 16.10.2014
Offline
108
#3

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

<body >

<div class="нужный бек">

(весь сайт)

</div>

</body>

Купить автомобиль из США можно тут (https://us-car.com.ua)
totamon
На сайте с 12.05.2007
Offline
437
#4

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

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
SP
На сайте с 05.12.2013
Offline
30
#5
totamon:
блоки с акцией не надо в фон основной вставлять, делайте картинку с прозрачным фоном в ссылку бекграундом, ссылки же на акции вы как то делаете что бы они позиционировались над нужной областью?

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

Как это прописать в ксс, чтобы доп бекграунд накладывался?

L
На сайте с 16.10.2014
Offline
108
#6
SimpleProgress:
Вообщем из Ваших слов я так понял, что нужно внедрять доп фон прозрачный. В конечном итоге он будет накладываться на основной и его можно адаптировать + вставить ссылку.

Как это прописать в ксс, чтобы доп бекграунд накладывался?

По всей видимости вы не совсем квалифицированны в этом вопросе. Будет проще заплатить денег.

Или юзать гугл http://htmlbook.ru/blog/poluprozrachnyy-fon

SP
На сайте с 05.12.2013
Offline
30
#7
lexter:
По всей видимости вы не совсем квалифицированны в этом вопросе. Будет проще заплатить денег.
Или юзать гугл http://htmlbook.ru/blog/poluprozrachnyy-fon

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

По поводу ссылки - спасибо. Буду разбираться!

totamon
На сайте с 12.05.2007
Offline
437
#8
SimpleProgress:
По поводу ссылки - спасибо. Буду разбираться!

вот еще одна http://htmlbook.ru/content/fiksirovannyy-dizayn-nalozhenie-sloev про наложение слоев

http://htmlbook.ru/css/value/media про задание разных стилей для адаптации под разные размеры экрана

SimpleProgress:
и впилина ссылка переход.

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

SP
На сайте с 05.12.2013
Offline
30
#9
totamon:
вот еще одна http://htmlbook.ru/content/fiksirovannyy-dizayn-nalozhenie-sloev про наложение слоев
http://htmlbook.ru/css/value/media про задание разных стилей для адаптации под разные размеры экрана

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

Спасибо за дельную информацию.

Вообще спасибо всем, кто помог советом.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий