免责声明本博PR值为 luckb.com的Alexa排名

免责声明：本站提供的所有资源均是网上搜集或私下交流学习之用。任何涉及商业盈利目的均不得使用，否则产生一切后果由您自己承担！本站将不对任何资源负法律责任，如侵犯了你的著作权，请告之改正谢谢合作！
2008年10月5日(阴历九月初七)14点35分今天

订阅 |

上一篇 |

返回 |

资源共享

隐藏饭否LOGO和修饰饭否的显示样式

作者:luckydog(http://www.luckb.com/) 日期: 2008-11-19 15:45

字体大小: 小中大

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

<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>
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;}

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