修改了一下Z-Blog模板inove样式

　　一直使用inove模板，感觉很不错，但昨天看到了http://www.sonsong.cn/这个网站，感觉它的模板也是inove，但配色更加漂亮……不象现在我用的，颜色太暗，决定按照那个网站把自己的模板也改一下。

　　昨天搞了半天，找到了那个网站引用的图片和CSS文件，但那个网站可能用的是wordpress程序，和我的不太一样……

 

　　试着修改了几个图片：

　　bg.jpg： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/New_bg.jpg

　　原文件bak_bg.jpg： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/bak_bg.jpg

　　header_footer.jpg ： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/header_footer.jpg

　　原文件bak_header_footer.jpg： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/bak_header_footer.jpg

　　light.gif： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/New_light.gif

　　原文件bak_light.gif： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/bak_light.gif

 

　　但搞来搞去，中下部两边的灰色怎么也变不了背景……也是由于对CSS不了解……

　　后来到z-blog社区求助http://bbs.rainbowsoft.org/thread-49182-1-1.html。

　　但没有回复，很沮丧……

 

　　晚上睡觉的时候，忽然想到，中下部两边的灰色可能是直接设的背景色。

 

　　今天打开CSS文件一看，果然是这样的。

 

　　于是修改了一下CSS文件，再一试，OK了!

 

　　总结一下修改的地方：

　　1，修改了header_footer.jpg文件，把原来的黑色替换为现在的蓝色背景。

 

　　2，用下载的bg.jpg直接替换了原来的文件，原来的文件是一小竖条，新的文件是一个方块图片。

　　2，修改了CSS文件两个地方： http://taoyoyo.net/ttt/THEMES/inove/STYLE/inove.css

　　1) body背景

 

body {

background: url(img/bg.jpg);  /* 20100612 TTT chg Was: background: #BEC3C6 url(img/bg.jpg) repeat-x */

 

　　2) 这个不知道是什么，引用的是light.gif，直接用bg.jpg替换掉：

 

#wrap {

background:url(img/bg.jpg) center top no-repeat;  /*  20100612 TTT chg Was: background:url(img/light.gif) center top no-repeat; */

 

　　2，我又用下载的bg.jpg直接替换了原来的文件，原来的文件是一小竖条，新的文件是一个方块图片。

 

　　这样light.gif就没有用了。

 

　　这个模板是从wordpress移植过来的，感觉移植的有点复杂。

　　原来背景仅是一个bg.jpg： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/bg.jpg

　　改成了如下两个文件：

　　light.gif： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/light.gif

　　bg.jpg： http://taoyoyo.net/ttt/THEMES/inove/STYLE/img/bak_bg.jpg

 

　　有点复杂，而且实在不好弄……不知道为什么要这么改。

 

　　好在我已经修改成功了，这下界面清爽多了……

　　不过，真的很折腾啊……

转载于:https://www.cnblogs.com/taoether/archive/2010/06/12/1756939.html