隐藏饭否调用的LOGO
文章作者:Slyar 文章来源:Slyar Home (www.slyar.com) 转载请注明,谢谢合作。
现在有很多微型博客,像饭否、叽歪、爱唠叨、腾讯滔滔等,不过我还是感觉饭否的比较舒服,所以我决定试用这个东西呵呵。饭否支持Javascript调用,不过底下那个“饭否fanfou.com”的LOGO实在不好看,反正我是不喜欢,所以我决定去掉它!
看看饭否提供的Javascript调用代码:
1 2 3 4 5 | <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> |
很简单,无非就是调用了一个“http://static.fanfou.com/badge/timeline.js”文件,那么相关的设置就在这里啦,二话不说,下载下来,打开瞧瞧!
1 2 3 4 5 6 7 8 9 10 11 12 13 | createBrand: function() { var brand = document.createElement('p'); var link = document.createElement('a'); link.href = 'http://fanfou.com/'; link.title = '饭否'; link.target = '_blank'; var img = document.createElement('img'); img.src = 'http://static.fanfou.com/img/brand.gif'; img.alt = '饭否'; link.appendChild(img); brand.appendChild(link); return brand; }, |
嘿嘿,现在我老人家英语好了,看这个很随意哈。到91行,看到“createBrand”没,翻译一下就是“创造标志”,多明显!
经过分析,我得出二种解决办法,一种就是删掉createBrand函数,但是这样就需要我们将新的js文件上传到自己的空间来调用,但是我是懒人。。。所以我放弃这种办法。。。
第二种需要再仔细看代码,“var brand = document.createElement('p');”,再结合上面看到的“class="fanfou_statuses"”,这样就简单了,我们只需要利用CSS隐藏brand就可以了。。。恩,这种才符合我懒仙的身份。。。
好了,废话不多说,你只需要在模板或者widget里调用这种代码就可以了,名字改成自己的。
1 2 3 4 5 6 7 8 | <style type="text/css">
.fanfou_statuses p{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里面。。。
感谢分享。
点了几下阿里妈妈
Slyar 回复:
八月 5th, 2008 at 14:37
感谢~
幸好这是阿里妈妈。。。要是GG非说我作弊~哈哈
我用的时候为什么不能自动换行呢...?
Slyar 回复:
八月 5th, 2008 at 14:09
自动换行是饭否提供的JS里有的,你重新去饭否复制代码帖一下看看。要不给我地址看看~
浑沌 回复:
八月 6th, 2008 at 18:08
ok568651443.ycool.com
恩.....我的地址
Slyar 回复:
八月 6th, 2008 at 18:39
你的边栏设置的太宽了。。。那个评论什么的也不是自动换行~
其实不是饭否不自动换行,而是你设置的宽度还没有到要换行的程度。。。
浑沌 回复:
八月 8th, 2008 at 18:59
- -我可不可以说我没听明白.....
什么宽度是他要换行的宽度?
Slyar 回复:
八月 8th, 2008 at 19:12
咳咳。。简单说,就是你的边栏太宽了。。。