Разработка Темы — Как Создать Полный Заголовок, Но Сохранить Узкий Контент

Vasya1pupkin

Я хочу установить полный заголовок в теме WordPress, но при этом хочу, чтобы содержимое было узким (по центру). Как я могу это сделать? Я пытаюсь типа:

 <body>
<!-- BEGIN header -->

<div id="header">

...

</div>

<!-- END header -->
<div id="wrapper">

Фоновое изображение будет отображаться нормально, заголовок и другой текст внутри заголовка будут полностью находиться слева. (Поскольку это оболочка, которая хранит центр содержимого, и теперь заголовок находится за пределами оболочки). Если я помещу заголовок внутри тега-обертки, текст внутри заголовка окажется в правильном месте, но изображение заголовка также будет отображаться только в области оболочки (оно не будет отображаться во всем теле).

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

Буду благодарен, если вы поможете мне с этой проблемой.

Emponyeveve

Что вам нужно сделать, так это взять все, от открывающего до закрывающего элемента div «заголовок», и поместить его сразу после

 body {
background:transparent url(images/bg-02.jpg) 50% 0 no-repeat;
margin:0 auto;
}
html {
background:url(images/bg.jpg) 0 0 repeat-x;
}

Я не могу сказать вам, что именно делать дальше, но вам, по крайней мере, нужно будет внести некоторые изменения в CSS. Вы можете попробовать обернуть его в контейнер div, который позволит вам оставить код текущего заголовка как есть. Это также может избавить вас от необходимости менять положение других элементов внутри заголовка, таких как меню навигации, панель поиска или что-то еще, что может быть в заголовке.

Если вы обертываете заголовок в новый идентификатор или класс, убедитесь, что самый внешний div имеет ширину: 100% и не содержит отступов, иначе вам придется делать такие хаки, как «переполнение: скрытый» или «очистить: оба». Вам придется поиграйте с ним немного, но с помощью нескольких хороших плагинов Firefox, например FireBug, или Веб-разработчик вы должны быть в состоянии понять это. Оба плагина Firefox позволяют вам редактировать CSS на вашем веб-сайте в режиме реального времени. Вам просто нужно скопировать скорректированный CSS и вставить его в настоящий CSS-файл.

Другой метод — разместить пустой тег div выше или ниже заголовка. Затем используйте CSS, чтобы разместить его/изменить размер. Или вы можете просто «подделать заголовок» на полную ширину, например:

<body <?php body_class(); ?>>

Удачи.

Похожие темы	Дата
Как Поместить Заголовок В Контент При Создании Нового Сообщения?	19.12.2024, 05:12
Настройка Пагинации Для Изображений, Прикрепленных К Сообщению	19.12.2024, 05:12
Категории - Как Сделать Все Сообщения В Категории «Неприкрепленными»?	19.12.2024, 05:12
Темы. На Вершине Чего Находится Сосновая Шишка Wordpress?	19.12.2024, 05:12
Css — Переделка Домашней Страницы, Но Изменения Не Вступают В Силу	19.12.2024, 05:12
Получить Часть Шаблона – Как Удалить Get_Template_Part Из Плагина?	19.12.2024, 05:12
Url-Адрес Многосайтовой Загрузки?	19.12.2024, 05:12
Jquery — Скрыть Тег Заголовка При Наведении На Изображение	19.12.2024, 05:12
Шаблоны — Как Настроить Собственную Домашнюю Страницу С Помощью Плагина	19.12.2024, 05:12
Как Правильно Удалить Определенные Файлы Css/Js Из Шаблона	19.12.2024, 05:12

Разработка Темы — Как Создать Полный Заголовок, Но Сохранить Узкий Контент

Vasya1pupkin

Emponyeveve

I AM

Интересно