模板修改实例 看图说话包你会

　　最近读了男儿国一篇关于如何修改博客模板一文，受到一点启发，但没有具体的操作方法，所以今天把自己动手的过程分享出来，也是以卢松松老师的博客模板为原型。废话不多说，直接上手。

　　第一步：修改首页头部图片，有人要问头部在哪里，请看图：

　　我们需要做的是：

　　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原创，欢迎转载带链接!