涂鸦你的CSDN博客

呵呵, 如果CSDN_BLOG的大大们觉得会影响站点, 可以修正此"bug".

 

CSDN博客可以自己修改, 不清楚是bug还是开发者们留给用户的自定义捷径.

 

入口: http://writeblog.csdn.net/configure.aspx, 就是配置博客.

 

配置博客中可以自定义CSS样式.

 

首先看看自定义样式后的页面源码.

<mce:style type="text/css"><!-- 这里是自己写的内容 --> body{margin: 2px 2px}; --></mce:style><style type="text/css" mce_bogus="1"> 这里是自己写的内容 --> body{margin: 2px 2px};</style>

呵呵, 只是简单的把在自定义CSS样式中的内容加到了一个<style />标签中.

这里也没有过滤<, >这些敏感字符的.

 

那么我们就可以大行其道了.

 

<mce:style type="text/css"><!-- 里面是自己写的内容 --> <!-- 这里写自己的样式定义 --></mce:style><style type="text/css" mce_bogus="1"> 里面是自己写的内容 --> <!-- 这里写自己的样式定义</style> <!-- 我们需要关闭style --> <!-- 这里是我们的天下了 --> <mce:script type="text/javascript" src=""></mce:script> <!-- 可以引入自己需要的js文件 --> <mce:script type="text/javascript"><!-- //也可以写自己的东西 // --></mce:script> <mce:style type="text/css"><!-- 关门, 开门 --> <!-- 里面是自己写的内容 --></mce:style><style type="text/css" mce_bogus="1"> 关门, 开门 -->

 

说到这里, 其实没有必要往下了, 但是, 为了照顾前台做的少的朋友...说说CSDN博客的顶层的DOM结构

body

    div[id=csdnblog_allwrap]

        div[id=csdnblog_midwrap]

 

CSDN的blog使用了Jquery, 我自己就套用了下, 然后, 把自己的广告部分加在了csdnblog_midwrap后面, 把统计图片加到了body的背景上.

 

另外一点需要注意的是, 往页面加元素的时候, 在onready中进行, 最好是使用jquery的onready.

 

 

本人旨在共享, 没有侵犯CSDN_BLOG利益的任何意图, 请各位网友慎用.