Адаптивная полоса

Сообщение **Alex15963** » 31 мар 2017, 10:51

Всем привет! Подскажите, кто знает, вот сайт - http://region-climat.ru/directions/obsluzhivanie/. Есть картинка, на которую накладывается адаптивная полоса с текстом. Как это можно реализовать? Спасибо!

Сообщение **jigjig2017** » 31 мар 2017, 18:36

ну вообще просто на картику текст добавить ну типо просто сделать картинку и отдельно написать текст и расположить его на самой картинке

Отправлено спустя 1 минуту 41 секунду:
а про полосу это слои нужны

Сообщение **Abdulla3d** » 31 мар 2017, 20:03

и события прикрутить.

Сообщение **Asimo** » 31 мар 2017, 22:07

Alex, полагаю, вы добавляете сетку верстки с 1 столбцом, на нее накладываете фоновое изображение. В эту сетку вставляете еще сетку с одним столбцом, заполняете ее прозрачной формой (это отступ сверху над текстом). Потом добавляете ниже сетку верстки из 3 столбцов (в по бокам с цветной полосой, в центре с текстом). И еще раз снизу в сетку с фоном вставляем сетку с прозрачной формой (отступ снизу). Наверно так. Мне понять этот принцип позволил этот урок:
https://www.youtube.com/watch?v=8lbHXm-jZC0

Вроде Вы его и скидывали.

Сообщение **Alex15963** » 01 апр 2017, 00:21

Спасибо кто ответил! Ну я так и сделал. текст в картинку и в слой. Пофотошопить - это да. Но на сайте текст не в картинке (его можно выделить). А с сеткой - никак не получится. Даже как пишет Asimo, сетка в сетку, то внутренняя сетка уже не выйдет за границы внешней сетки.

Сообщение **Gudwinn** » 01 апр 2017, 02:21

вот такое нужно что то? http://polosa.offershop.ru архив во вложении, играйтесь))

archiv.zip

Сообщение **Alex15963** » 01 апр 2017, 02:34

Спасибо Кирилл! Просто и понятно. :ya_hoo_oo:

Кто сейчас на конференции

Добро пожаловать на форум!