一个热爱网络的小学教师

萧涵主题如何修改为文字logo?

建立一个wordpress站点,选用一款合适的主题十分重要。的经过一番对比,本博客决定使用萧涵的wordpress主题,这个主题功能强大,颜色搭配我也比较喜欢,不过唯一不爽的一点就是替换图片logo太麻烦,需要下载logo设计图的psd源文件,用Photoshop处理之后再另存为gif图片才行,虽说我使用Photoshop也算是比较熟练了,但我不认为凭着自己少的可怜的美感可以设计出多么漂亮的logo来,相比之下,还是使用文字logo更加靠谱一些。

经过研究萧涵主题的style.css文件,我发现要修改为文字logo还是比较容易的。首先来看一下css对于logo的定义:

#blog_title h1 a{color:#fff;height:108px;width:200px;font-size:0;text-indent:-9999px;background:url(images/bg.gif) left top no-repeat;display:block;}

这里通过将字体大小设置为0,并且将文字左缩进到了-9999px,然后再通过background定义图片logo的地址,这样我们看到的就是一个图片logo,而看不到文字logo。

我们可以这样进行简单的修改:

#blog_title h1 a{color:#fff;height:108px;width:200px;font-size:20px;text-indent:0px; display:block;}

将文字大小设置为20px,缩进0,同时去掉背景图片,这样就将图片logo修改为文字logo了。

为了页面看起来更加美观,还可以根据自己的需要对代码进行一些微调,使之符合自己的需要。

赞(0) 打赏
转载请标明出处:高海鹏老师的博客 » 萧涵主题如何修改为文字logo?
分享到: 更多 (0)

留言 1

Protected by WP Anti Spam
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

    博主你好,看你博客弄的很漂亮的,我想请教你一个问题,你首页的每篇文章下那个tag,怎么弄的呢?方便教教我不?或者你把代码发给我也行,要是能发我一份你修改的这个模板就更好了,谢谢!shelloppou@163.com

    月帆12年前 (2012-10-08)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏