怎样自定义CSDN样式

来自:

http://blog.csdn.net/anlisten/archive/2009/11/20/4843741.aspx
http://dev.firnow.com/course/1_web/webjs/2008515/116548.html

如果你已经有了一个比较个性化的计数器的话,下面我教你如何为CSDNBLOG制作自定义皮肤的功能,如果你没有并且需要为你的CSDNBLOG添加一个个性化计数器的话,可以参阅我写的另一篇文章。

关于给CSDNBLOG添加计数器
http://blog.csdn.net/hbzxf/archive/2004/06/26/27040.aspx

1、使用系统定义皮肤
系统为我们已经提供了几个定义好的皮肤界面,我们可以通过''选项''-''配置''-''皮肤''来选择自己喜欢的。

2、自定义皮肤

下面以更改Cogitation皮肤为例

1、选项-配置-皮肤-选择Cogitation

2、CSDNBLOG会默认使用http://blog.csdn.net/skins/Cogitation/style.css为样式表文件(我怎么知道的,呵呵,源代码里面有的)

3、通过记事本或其他编辑工具打开http://blog.csdn.net/skins/Cogitation/style.css可以看到如下内容(截取部分)


4、我们现在重新定义#top,#top定义了版面顶部样式

原始样式内容如下:


通过察看自己CSDNBLOG源代码发觉#top应用的位置如下:


重新定义后的样式如下:(我们现在要修改背景图片)


5、把定义后的样式粘贴到''选项''-''配置''-''定制css选择器''

6、保存更改后的配置,重新察看自己CSDNBLOG的页面,是不是变成了自己定义好的图片

7、按照以上方法逐个修改,就会产生一个与众不同、个性化的CSDNBLOG

你可能感兴趣的:(怎样自定义CSDN样式)