Поддержка Проблемы и решения полоса с текстом на цветном фоне

  • Здравствуйте,
    Необходимо сделать главную страницу сайта разделенную на цветные полосы с текстом, примерно как на сайте readymadeweb.com текст на белом фоне сменяет полоса с текстом на синем фоне на всю ширину экрана.
    Как это можно реализовать?

Просмотр 15 ответов — с 1 по 15 (всего 22)
  • Приведенный Вами сайт использует тему Divi: http://prntscr.com/8mglo6
    Ищите и пользуйте…
    http://www.elegantthemes.com/demo/?theme=Divi

    Тема отличная, но меня целиком устраивает своя тема, нужно только разобраться как сделать эту полосу с текстом.

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

    Я понять не могу в чём проблема.Сверстайте свой шаблон с полосками, картинками, блекджеком и прочим… и используйте его при создании страницы.

    Даже если я начну делать шаблон с нуля, вопрос все равно останется.
    Но в любом случае я вас понял, давайте подождем, возможно знающий человек ответит.

    шаблон. О какой «с нуля» Вы говорите. Делов на 10 минут. Вы по ссылке то хоть переходили?

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

    Только сейчас понял, что Вы так и не перешли по ссылке из этого сообщения:

    Я понять не могу в чём проблема.Сверстайте свой шаблон с полосками, картинками, блекджеком и прочим… и используйте его при создании страницы.

    Жмакните мышкой по тексту «свой шаблон», который написан синим цветом.
    Но, сдается мне, если Вы не можете найти гиперссылку в сообщении, то сверстать шаблон страницы у Вас вряд ли получится…

    Я оценил Ваш искромётный юмор про гиперссылку.
    Вы можете написать конкретное решение? Без создания шаблона с нуля?

    Полоски на странице — ВЁРСТКА.
    Я уж не знаю что именно Вам подсказать, так как не понимаю какими навыками Вы обладаете.
    Страница, которую Вы привели в пример — обычный лендинг.
    Создается он посредством верстки. Либо вручную, либо посредством любой программы для создания html страниц (WYSIWYG Web Builder 10, Mobirise).
    Дальше задача взять HTML код и
    1. переписать его в текстовый редактор — http://prntscr.com/8mio08
    2. Создать шаблон страницы (ссылка выше).

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

    Однако и в первом и во втором случае времени на реализацию задумманного (во всяком случае функциональной части) уйдёт не более 10-ти минут.

    А ещё можно попробовать вот этот плагин: https://wordpress.org/plugins/siteorigin-panels/
    Обязательно посмотрите видео на той странице.

    Возможно я просто недосформулировал свою потребность. Сайт билдер у меня стоит, и на html написать код полосы тоже не проблема. Дело в том, что у меня никак не получается сделать полосу на всю ширину экрана, она упирается в отключенные сайтбары, не смотря на то, что используется полноэкранный шаблон.
    Вот в чем вопрос.

    Я так понял, что это проблема конкретной темы Customizr. Она использует 12 колонный Bootstrap, поэтому полоса на всю ширину экрана не получится. Хотя возможно ошибаюсь.

    Ну это уже зависит от темы, и от того, в какой именно блок вы вписываете контент страницы.
    Ведь логично предположить, что если тема использует для отображения страницы DIV с шириной 900px и располагается по середине, то всё что внутри этого дива так внутри и останется. Можно извернуться создав стили с отрицателными отступами, но поверьте, проще, всё же, использовать в этом случае собственно шаблон страницы.
    Т.е. создать страницу, которая НЕ БУДЕТ создавать вышеупомянутый div, а разместить содержимое в собственных блоках.

    Я так понял, что это проблема конкретной темы Customizr. Она использует 12 колонный Bootstrap, поэтому полоса на всю ширину экрана не получится. Хотя возможно ошибаюсь.

    Потратьте 15 минут собственного времени (больше же уже потратили) и почитайте про создание шаблона страницы.Просто забейте в гугле «Создание шаблона страницы».
    Сделайте шаблон без отступов и сайдбаров и используйте его для создания собственной главной страницы.
    Это, на мой взгляд, единственный разумный вариант.

Просмотр 15 ответов — с 1 по 15 (всего 22)
  • Тема «полоса с текстом на цветном фоне» закрыта для новых ответов.