用自制的图片来做博客的 Logo 相对文字 Logo 来说更美观、更多自定义性，鉴于 DarkLight 和 G-White 都没有这样设定，又有同学有需求，所以有此文。
通常主題的 Logo 在 header.php 里面的类似如下标签 h1 包含部分
<div id="header">
<h1>
<a title="<?php bloginfo('name'); ?>" href="<?php bloginfo('siteurl'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>
<h1>
<a title="<?php bloginfo('name'); ?>" href="<?php bloginfo('siteurl'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>
我们先设定 h1 标签选择器的内边距和外边距：
#header h1 {
padding: 0;
margin: 0;
}
padding: 0;
margin: 0;
}
然后设定 a 标签选择器的样式：
#header h1 a {
text-indent: -9999em; /*文字缩进，在屏幕里面看不到*/
display: block; /*设定 a 为块级元素，必须的*/
background: url('images/logo.gif') no-repeat 0 0; /*你要作为 Logo 的图片，放在主题文件夹下的 images 文件夹里吧*/
height: 50px; /*图片高度，你的图片多高就写多少*/
width: 150px; /*图片宽度，你懂的*/
margin-top: 20px; /*Logo 跟页面顶部的间距，看你自己需求而定，不用间开就直接删除吧*/
}
text-indent: -9999em; /*文字缩进，在屏幕里面看不到*/
display: block; /*设定 a 为块级元素，必须的*/
background: url('images/logo.gif') no-repeat 0 0; /*你要作为 Logo 的图片，放在主题文件夹下的 images 文件夹里吧*/
height: 50px; /*图片高度，你的图片多高就写多少*/
width: 150px; /*图片宽度，你懂的*/
margin-top: 20px; /*Logo 跟页面顶部的间距，看你自己需求而定，不用间开就直接删除吧*/
}
这样就算替换完成，其他的文字替换成图片的方法其实都大同小异了。
现在才发出来….我自己琢磨了N久最后还要麻烦你才弄成功 呼呼
自己琢磨了，就学多了一样了嘛，呵呵
右边的代码没完全显示出来,
不是有滚条？
偷偷问下，啥时候放出DarkLight主题？！
我太喜欢DarkLight了。。。
顺便再问下，你这个紫色的回复怎么实现的？
DarkLight 已经放出很久了。
这个回复样式是 DarkLight 的，呵呵
哦？难道是我使用了评论插件导致评论回复样式被覆盖？？
我的错，我去检查。。泪奔而去。
請問以下代碼放在哪裏？
#header h1 a { text-indent: -9999em; /*文字缩进，在屏幕里面看不到*/ diplay: block; /*设定 a 为块级元素，必须的*/ background: url(‘images/logo.gif’) no-repeat 0 0 none; /*你要作为 Logo 的图片，放在主题文件夹下的 images 文件夹里吧*/ height: 50px; /*图片高度，你的图片多高就写多少*/ width: 150px; /*图片宽度，你懂的*/ margin-top: 20px; /*Logo 跟页面顶部的间距，看你自己需求而定，不用间开就直接删除吧*/ }
style.css 里面
ok thx
我更喜欢用文字，因为logo俺实在是不会搞
图片图片处理得好的时候，用图片~~
不过貌似文字更加好
只要不把文字直接 display: none 就可以的，爬蟲還是會找到它。
直接把那两段代码都放到style.css最下面就可以了吗？
@伊索工作室: 看说明，应该就可以看懂吧，需要改的地方都有了
你那里的display写错了，写成了diplay了
@独自流浪: 汗，谢谢了
@Alan:
老大，还是错啊，现在成了dislay
@独自流浪: 囧，~~o(>_<)o ~~
g-white3.1不能改
@Tudor: 只是抛砖引玉，讲个方法，3.1 跟 2 的结构不一样了。
可以教我嗎?我是菜烏一個,PLZ
请问3.1如何替换文字为LOGO图片，谢谢！