如何创建完整的页眉但缩小内容范围

时间:2011-07-09 作者:Roman

我想在wordpress主题中设置一个完整的标题,同时我想保持内容狭窄(中间)。我该怎么做?我试着这样做:

<body>
<!-- BEGIN header -->
    <div id="header">

    ...

    </div>
    <!-- END header -->
<div id="wrapper">
它将精细地显示背景图像,标题和标题内的其他文本将完全位于左侧。(因为它是保存资源中心的包装器,现在标头在包装器之外)。如果我将标题放在包装器标记内,标题内的文本位于正确的位置,但标题图像也将仅显示在包装器区域内(不会在全身上显示)。我想在标题背景中有一个图像,在正文背景中有一个不同的图像。

如果你能帮我解决这个问题,我将不胜感激。

1 个回复
SO网友:Jeremy Jared

您应该做的是将从开始到结束的“header”div的所有内容都放在<body <?php body_class(); ?>>

我无法告诉您从那里到底要做什么,但您至少需要对CSS进行一些更改。您可以尝试将其包装在容器div中,这可能允许您保持当前标头的代码不变。这还可以避免您在标题中重新定位其他元素,例如导航菜单、搜索栏或标题中的任何内容。

如果用新id或类包装标题,请确保最外层的div具有宽度:100%且没有填充,否则您将进行诸如“溢出:隐藏”或“清除:两者皆有”之类的黑客攻击。您将不得不对其进行一些处理,但要使用一些好的Firefox插件,如FireBug, 或WebDeveloper 你应该能把它弄明白。这两个Firefox插件都允许您在网站上进行实时CSS编辑。您只需复制调整后的CSS并将其粘贴到实际的CSS文件中。

另一种方法是在标题上方或下方放置一个空div标记。然后使用CSS放置/调整大小。或者,你可以用这样的东西“假装标题”是全宽的:

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;
}
祝你好运。

结束

相关推荐

Adding goodies to themes

如何在主题更新时向Arjuna-X等主题添加内容而不丢失?儿童主题是一种很好的方式,还是有其他选择?如果新版本的主题对我添加的功能具有本机支持,该怎么办?