May 17, 2007
给Header添加图片背景: HeaderImg
Header就是页眉, 一般显示博客的名称, 像我原来的那个就太难看了, 黑黑的10多个字母往那里一放, 心里怪不舒服的, 主题简洁但是不能单调啊, 换个图片的页眉吧! 我自己用PS做的图片文件名为 headerimg.png 高度80px.
打开主题文件夹下面的header.php, 在body标签下面一般就是定义页眉的地方[1]:
<div id="header">
<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a><br />
<?php bloginfo('description'); ?>
</div>
<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a><br />
<?php bloginfo('description'); ?>
</div>
要修改为显示背景图片就要打开style.css文件, 在 #header 定义中加入一行:
background: url('images/headerimg.png') no-repeat bottom center;
再加入一段:
#headerimg {
margin: 0;
height: 80px;
width: 100%;
}
margin: 0;
height: 80px;
width: 100%;
}
再把[1]处的代码修改为下面的代码, 因为我做的背景图片其实就是博客名称, 所以也就不需要再另外显示名称和简介了.
<div id="header">
<div id="headerimg">
</div>
</div>
<div id="headerimg">
</div>
</div>
hoho, 我觉得这种做法太啰嗦了些, 可能有不需要的地方, 大家知道的帮我指出来, 谢谢啦. 还有, 我的美工太差了, 哪位朋友能帮我做个漂亮的图片就更好啦. 再次谢谢哦!
yichi at 01:53 May 24, 2007 ₪
我帮你做吧，说说需求？ :em23:
北极冰仔 at 14:25 May 24, 2007 ₪
太谢谢你啦, 我特别喜欢你的网站, 真的非常非常漂亮, 并且我看了你设计的WP主题, 都很喜欢. 你觉得我目前这个主题应该如何改进呢? 总觉得我自己做出来的很土气…