涂鸦你的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利益的任何意图, 请各位网友慎用.