Intereting Posts
Добавление архивных лет в мое меню PHP Неустранимая ошибка: нехватка памяти пользовательские вкладки в загрузчике мультимедиа Syling Custom Fields echo from from functions.php Скрыть меню гамбургера на конкретной странице (передняя страница / домашняя страница) Как отображать сообщения из пользовательского типа сообщений на странице category.php? Условное выделение URL-адреса родительской страницы Почему WordPress 3.0.4 продолжает удалять содержимое файла .htaccess? Admin-ajax.php добавляет код состояния в ответ ajax Стандартная галерея WordPress – Можно открыть изображение на странице? Первый платеж с подпиской на обновление woocommerce Обновление синхронизации Какой URL-адрес в белом списке прокси для обновления? Возможность редактировать собственные сообщения, а не другие Измените страницу / 2 на / стенографию с помощью перезаписи Почему мои избранные метаданные не сохраняются?

Настройка пользовательского фона

В настоящее время я работаю над сайтом в образовательных целях.

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

У меня есть 3 проблемы, которые я не могу решить:

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

Я попытался решить это с помощью css.

Сначала я создал фон для всего моего элемента body

background-image:url('http://www.dadi.rtu.lv/image/tikls.svg');

И затем я попытался заполнить серый фон под контентом, подобным этому

 .entry-content { background-color: #e6e6e6; } #sidebar-primary { background-color: #e6e6e6; } .widget-area .widget { background-color: #e6e6e6; } .page article.page { background-color: #e6e6e6; } 

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

Мои страницы настроены так (кроме первого):

 <div class="grey"><!--this is my new div tag--> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> </main><!-- #main --> </div><!-- #primary --> </div> 

CSS для моего нового тега div:

 .grey { background-color: #e6e6e6; display: block; } 

Моя цель – получить мой новый тег div из моей панели навигации до нижнего колонтитула с серым фоном. Я застрял с этим какое-то время, поэтому вся помощь будет оценена!

Solutions Collecting From Web of "Настройка пользовательского фона"

Используйте этот стиль css, чтобы сделать фоновое покрытие всей страницы:

 body { background-image: url('IMAGE URL'); background-repeat: repeat; width:100% overflow:hidden; float:left } 

Теперь создайте фон вашего контента:

 .grey { background-color: #e6e6e6; display: block; float:left; overflow:hidden; width:500px // You can also set as 100% } 

Не то, чтобы вы либо устанавливали ширину для своих элементов, либо плавали влево, чтобы иметь возможность установить ее фон.