1.本文仅针对CSS不熟悉或者刚刚入门的同学,高手请无视……
2.我本人也是CSS菜鸟,所以如果发现错误请毫不留情的指出 :D
3.本代码仅适合Q3acn TeamBlog

------------------------------------

<style>
#header {height:200px;background:url(http://blog.q3acn.com/Images/galleries/fio/14/2006090118171919_big.jpg) left top no-repeat;}
#blogname { left:150px; }
#blogsubtitle { color:#333; top:30px; left: 300px;}
#menu {right:430px; top:180px;}
#menu a {color:#F8251C; text-decoration:none;}
a img {border:0px;}
</style>

------------------------------------
上面就是我现在使用的个性化CSS,可以直接添加到侧边栏的自定义项目中,实现的效果就是我Blog现在的样子。

最上面的图片位于Header层中,也就是#header里面background所指定的url括号中的地址,这个可以修改成任意图片,但是宽度最好是1005,高度要和header中height值一样。

下面几个带有#的容器都是设定菜单、blog名字、子标题的位置和颜色,修改其中的颜色值和数字即可个性化成自己的。

最后要说的是这个代码仅适合KESO模板,其他的模板用起来可能感觉很怪。不过方法都是一样,具体怎么改就看自己的发挥了。具体的容器名称可以打开页面引入的css文件查看。

FiO @ 2006-09-05 16:24 发表评论 | 模板 | 标签: | 加入收藏
RE: 利用CSS个性化你的Blog
C14_Meow @ 2006-09-05 16:58
Fio看看我的blog……还有,文章中怎么贴图?
http://blog.iepro.cn/meow/post/99/default.aspx
RE: 利用CSS个性化你的Blog
onepiece @ 2006-09-05 20:11
请问侧边栏名称一项怎么办?不填好像不能修改……
RE: 利用CSS个性化你的Blog
FiO @ 2006-09-05 22:43
to op:可以放在其他自定义栏目里面的,这样就能不用单开一个了 :D
RE: 利用CSS个性化你的Blog
CZM @ 2006-09-06 03:24
非常感谢FiO~~~
用户名

密码

标题

内容