转：iFire：玩聚 SRBacks 自定义脚本及样式表

感谢iFire的第一时间修改并试用，而且调试出如此清新的样式。
下面转贴一下他的自定义脚本和样式表：

玩聚 SRBacks 自定义脚本及样式表

admin @ 2009-01-11 02:34 59

今天玩聚推出了社会化推荐聚合服务中的一项有趣的页面挂件应用：SRBacks，十分实用也十分有趣。我当即引入自己的博客页面，不过发现其中的嵌套有误、呈现效果不够理想，于是将脚本下载下来自定义，改完之后自己感觉还不错。

对于外来挂件，其内嵌的样式有时候会给自己的页面造成挺大的麻烦，因此我尽量删减脚本中的内嵌样式，而是将其赋予伪类值(class)，然后将样式写入样式表，这给自定义样式的用户会带来较大的空间。

在 Twitter 上讨论了一番之后，我自行修改脚本，用笨办法解决了在列表里隐藏博主条目的问题。同时，也给用户头像、Google Reader 图标赋予了伪类值，这样自定义的时候可以轻松地将它们隐藏或是设置图像尺寸。

我修改的版本大体上算是自适应的，只是我测试宽度为 180px 的时候出现溢出，这应该是推荐文字中的长链接字符造成的，因此如果您是在侧栏调用，最好在设置一下条目 (#srbacks li.srbacklist )宽度，并加上 overflow: hidden; 应该就能解决。

我建议将我提供样式表文件在页面<head>标签内单独引用，修改起来方便一些，我为所有的样式值之前都添加了 #srbacks 是为避免造成与您页面里的样式表冲突。

下载压缩包

上传压缩包中的 SRbacks.js 及 srback.css 这两个文件到您管理的空间，假设路径是：http://yourdomin.com/widget/

在<head></head>标签内引入

<link rel="stylesheet" href="http://yourdomin.com/widget/srback.css" type="text/css" media="screen" />

然后在模板内引入

<script type="text/javascript" src="http://yourdomin.com/widget/SRbacks.js"></script>

Wordpress 用户可将其放在模板文件中的 comments.php 或是 sidebar.php 里。我推荐是在评论模板里调用。

样式表文件中我已逐项标注了说明，修改时请参阅。下面是两张截图：

200px 呈现样式

500px 呈现样式

转：iFire：玩聚 SRBacks 自定义脚本及样式表相关推荐

javascript中动态加载js、vbs脚本或者css样式表
目录:DynamicLoad类简介.属性.方法.事件.示例.下载. DynamicLoad类简介本文将为您介绍一个在javascript中可以动态加载js.vbs脚本和css样式表的DynamicL ...
monkey自定义脚本实践
monkey专题系列: 1.monkey命令详解 2.android monkey 测试方法实践上一篇文章monkey测试方法实践中,已经说过monkey隐藏的两个命令,–pck-blacklist ...
玩聚的Blog墙 VIII
郑昀@玩聚SR 20090423 Blogs: 当我把这个消息发到Twitter上时,得到了多达18条Retweets,并迅速登上了玩聚RT热榜,可见此事受到的关注度有多大,而锐推及玩聚RT热榜带来 ...
Cacti 自定义脚本监控
Cacti 自定义脚本监控 ************************************************* 脚本内容: [root@cacti scripts]# cat get_ ...
centos7执行sh文件_一文看懂centos7如何管理自定义脚本服务
概述 centos6如果要添加自定义脚本服务只需要把脚本放到/etc/init.d然后授权后用chkconfig添加后就可以管理了,那么centos7又是怎么添加自定义脚本服务呢? CentOS7添加 ...
[系统集成] RT（Request Tracker）执行自定义脚本及发送微信、短信的实现方法
RT(Request Tracker)是一个基于 Perl 语言的开源状态跟踪和工作流系统,支持审批.权限管理等功能,中文化支持的也不错,可以作为企业的流程审批系统使用.可惜的是,该系统在国内使用的不 ...
玩聚SR和FriendFeed的区别
20090104 郑昀@玩聚SR 玩聚SR和FriendFeed 它们解决的东西不一样,关注点完全不一样.下面它们对自己的定义很清楚地表明了这一点: 玩聚SR 是一个追踪各种社会化媒体,实时发现IT ...
@retention注解作用_分分钟带你玩转SpringBoot自定义注解
在工作中,我们有时候需要将一些公共的功能封装,比如操作日志的存储,防重复提交等等.这些功能有些接口会用到,为了便于其他接口和方法的使用,做成自定义注解,侵入性更低一点.别人用的话直接注解就好.下面就来 ...
在nagios中使用nrpe自定义脚本
nrpe的安装 tar xvfz nrpe-2.13.tar.gz cd nrpe-2.13 ./configure make all make install-plugin make ins ...

转：iFire：玩聚 SRBacks 自定义脚本及样式表

玩聚 SRBacks 自定义脚本及样式表

转：iFire：玩聚 SRBacks 自定义脚本及样式表相关推荐

最新文章

热门文章