最近读了男儿国一篇关于如何修改博客模板一文,受到一点启发,但没有具体的操作方法,所以今天把自己动手的过程分享出来,也是以卢松松老师的博客模板为原型。废话不多说,直接上手。
第一步:修改首页头部图片,有人要问头部在哪里,请看图:
我们需要做的是:
a. 准备一张尺寸950*100的图片,什么风格的自己定,替换掉原有图片【zb_users/THEME/LuSongSong/style/images/body-bg-lusongsong.png】。
b. 修改【zb_users/THEME/LuSongSong/style/LuSongSong-Index.css】文件, 全局定义式样下找到代码 background-repeat: repeat-x,将repeat-x改为no-repeat。至此第一步完成,保存css文件,刷新首页看看效果吧!
第二步:替换导航条背景色,顶部图片被替换,下面的导航条背景颜色肯定也要换个和顶部搭配的颜色,导航条背景原图:
准备尺寸950*42图片一张,颜色自己选择,替换默认图片【zb_users/THEME/LuSongSong/style/images/menu-bg-lusongsong.jpg】,图片名称和后缀名不要搞错,保持和被替换图片的一样就好。
第三步,body背景色调试,这里的颜色搭配要考虑刚才两张图片的颜色,各人风格不同,颜色也就不同。我只能告诉你在LuSongSong-Index.css哪里修改,其实还是在全局定义式样下找到代码background-color: #F0ECE0; 把F0ECE0换成你喜欢的颜色就行,推荐软件取色器,能够读取颜色编码,直接替换。其实到这里整个模板风格已经大变样了,给大家看看子非鱼博客的改版:
其他细节各位站长可以根据喜好各自修改,模板图片都是存放【zb_users/THEME/LuSongSong/style/images/】下,只有logo图片在【zb_users/THEME/LuSongSong/INCLUDE/】
看完本文,是不是觉得修改模板很简单,只是换几张图片而已,好吧,你说对了是很简单,但有几点需要注意的,1,图片大小要控制好,否则影响页面打开;2,修改之前最好做个备份,当心操作失误,前功尽弃;3,有没有发现卢松松模板在添加Description后,首页很不和谐?不用担心,看看子非鱼博客首页代码,你就知道怎么回事了。如果站长朋友还有不明白的地方,可以加子非鱼博客QQ:2801127934交流。
本文由子非鱼博客http://www.seoessay.com/post/44.html原创,欢迎转载带链接!