Z-Blog默认主题添加logo图片

Z-Blog的默认主题是没有logo的，但我们可以通过修改CSS样式表添加上自己选定的博客网站logo图片，让它出现在博客名称的前面。

工具/原料

logo图片（自备）、Z-Blog博客程序及管理员权限

步骤/方法

选定自己博客网站的logo图片，大小根据不同网站而定，不要太大，否则加载速度与外观都不好看。图片大小后期也可以再修改以更适合网站。（本例中以logo.jpg为logo图片文件名）

将图片用FTP上传到博客网站空间某个文件夹下，本例中将logo.jpg放到默认主题的样式文件夹下，即\THEMES\default\STYLE\default\

进入Z-Blog后台管理－文件管理，找到默认主题的CSS样式表文件，一般默认主题的样式表文件在\THEMES\default\STYLE\下的default.css

打开编辑default.css，添加以下内容： #divTop a{ background-image: url('default/logo.jpg'); background-repeat: no-repeat; padding-left: 50px; }

保存后即可生效，不用Z-Blog重建文件就可以看到效果，效果见下：

注意事项

divtop是Z-Blog默认主题的顶部模块名称，包括博客主标题与副标题都在这里

添加的css代码中第一行的background-image后面的url中是logo图片的路径，我这里用的是相对路径，可按你上传的logo图片的位置与图片文件名改写；

最后一行的padding-left是文字的缩进长度，避免博客标题与logo图片重叠，可按具体情况改写后面的数值。

欧尼酱