你只需要在模板或者widget里调用这种代码就可以了,名字改成自己的。

  1. <styletype=text/css>

    .fanfou_statusesp{display:none;}
    </style>
    <script type=”text
    /javascript>
    fanfou_name=
    slyar;fanfou_count=10;fanfou_timeline=user;
    </script>
    <script type=
    text/javascript” charset=”utf-8″ src=”http://static.fanfou.com/badge/timeline.js”>
    <
    /script>
  2. PS.如果你不在乎W3C标准,那么这么写就行了;但是如果你追求W3C标准,我还是建议你把css写到css.css里面。。。

怎样修饰饭否的JavaScript插件

饭否(fanfou.com)的JavaScript插件可以植入blog里,可是好多人不知道怎样修改插件的外观。

首先,这不是做不到的事。JavaScript插件在blog中生成一段xhtml代码,和blog其他正文内容无异,所以也是可以通过CSS来调节的。下面这段就是实际生成的代码片断:

代码

从这段代码的结构来看,已经可以清楚地在CSS中定义页面元素的表现,比如撰写这样的CSS代码:

.fanfou_statuses { padding:1em; background:#0c1021; color:#fff;} .fanfou_statuses ul { list-style-type:disc;} .fanfou_statuses a { color:#61ce3c; text-decoration:none;} .fanfou_statuses a.stamp { color:#7f90aa;} .fanfou_statuses img { border:0;}

得到的效果就是下图这样了。

效果