2012年9月20日星期四

14款Firefox小游戏扩展下载

用Firefox浏览,用Firefox下载文件,用Firefox查看RSS,用Firefox截屏,用Firefox设计开发. firefox真他妈的强大,所以,让我们利用Firefox扩展在Firefox上面玩玩小游戏吧。

FireNES

这是一款任天堂 NES 游戏模拟器扩展,可以让你在 Firefox 里玩 NES 游戏,要正常运行这个扩展,必须确保系统中已经安装了 Java 插件。目前已有上千款经典的NES游戏可玩。连游戏的声音也完美的模拟了,可惜不能自定义按键。

五子连珠

中文名称一般叫五子连珠吧,和五子棋类似。用鼠标移动小球,只要把相同颜色的小球以纵、横或对角线的方式排列达五个以上即可消除。

扑克牌类小游戏

一个扑克牌类游戏小集合,有蜘蛛纸牌等经典扑克类游戏的Firefox扩展。

青蛙过河

经典游戏青蛙过河的Firefox扩展,利用键盘的上下左右键操作青蛙

扫雷游戏

扫雷游戏,可以调难度什么的的Firefox扩展。

Mozteroids 射击类小游戏

一个射击类小游戏,利用键盘控制你的飞船发射子弹,摧毁漂浮物。左右方向键调整方向,上下键移动,空格键射击。

Number Madness 数字拼图游戏

数字拼图游戏的Firefox扩展,移动数字使其按顺序摆放。

PagMa 吃豆人游戏

吃豆人游戏的Firefox扩展,可以两个人同时玩

Pacman 吃豆人游戏

还是吃豆人游戏的Firefox扩展,和上一个相比画面简单很多

PingPong 乒乓球游戏

乒乓球游戏,S键开始,A键向下移动,Q键向上移动。

Snake 贪吃蛇游戏

贪吃蛇游戏的Firefox扩展。这个扩展有个BUG,不能用鼠标点下面的开始按钮,要按N开始,不然方向键无法使用。

Red vs. Blue

一个小游戏的Firefox扩展,利用鼠标移动隔板,使移动的红点和蓝点都移动到各自的区域内。

Xoom

一个小的赛车游戏的Firefox扩展,空格键按着不动,左右方向键控制方向。

Xultris

经典的俄罗斯方块游戏的Firefox扩展。居然还可以一个人建主机,另一个人连接到主机上对战。

原文地址:http://www.linxo.cn/blog/archives/47

来源于 14款Firefox小游戏扩展下载 | 帕兰映像

快速增加友情链接的102个方法

Andy Hagans和Aaron Wall的“增加反向链接的101个方法 ”,老文章了,但还是有用,所以转载给我的博文凑个数,也为需要的朋友多提供一个方便。
本地下载:101个添加反向链接的方法
差点忘记了,这个中文版是比较专业的seo研究团队点石互动的Zac翻译的。

下面是原文:

增加反向链接是一件费时间,令人烦恼,有时候让人迷惑的事。但是,无可避免。最终,链接是好的排名的王牌。 很多人希望情况会改变。

问题:

1) 建立反向链接在一段时间内对排名还很重要吗?

2) 什么时候链接流行度才能被降低权重,增加其他算法因素(那些对站长不这么烦琐的)?

回答:

1) 对不起,建立反向链接在可预见的未来对SEO还是王牌。

2) 在Semantic Web 到来之前,或者也许HTTP被别的协议取代之前,链接流行度都不会在搜索引擎算法被降权。因为链接还是网上基本的联接,基本的关系。在可预见的未来,对计算机程序来说,链接还是判断网页重要性和可信度的最简单方法。

搜 索算法将会有的变化已经在发生中了。Google算法已经更细腻智能,大量不该被计入的链接已经被降权,被信任的链接有更高权重。这些链接所给予的信任度 要经过如用户数据,域名年龄,和其他很难被作假的因素所验证。 别骗自己。应该被计入的链接还是排名的关键,至少在Google,MSN 和Yahoo!只差一点。
71个建立链接的好方法

表列是最爱

1.搞一个XXX的101个方法。这种文件经常被引用,经常会成为权威文件。人们没法不链接向这种表列。

2.写一篇“帮你XXX的10个窍门”文章。非常容易得到链接。

3.针对某个话题总结一个完整的参考资料列表。

4.总结某话题或行业等的十大迷思。

5.列出行业专家名单。如果你能给这些所列的人好印象,或者把你的项目搞的挺有架势,这些专家可能连向你的网站,或者表示感谢。(有时候拍拍马屁是与权威搞好关系的最简单办法。)

建立权威并容易让别人链接

6.内容写的简单易懂,这样更多人能看懂并帮你传播。

7.尽量减少语法和拼写错误,尤其是你想让权威链接向你的话。

8.网站上要有容易找到的隐私权政策和关于我们页,这样站点看起来更让人信任。放上张自己的照片可能有助于建立权威度。

使用竞价排名作为建立链接工具

9.用竞价排名买流量。相关的流量会给你的网站带来访问者和品牌曝光。无论从什么渠道来,人们来到你的网站就有链接向你的可能性。

新闻和聚合

10.在EzineArticles, GoArticles, iSnare(译注:都是发表文章的网站)等处发表文章。这些文章站的好处是他们的文章页排名真的很好,并且带来高质量的流量。

11.向行业新闻网站递交文章。有关于SEO的网站?写文章递交到WebProNews。关于XXX的网站?提交到XXX信息网。

12.发送新闻稿。花点时间写的好点,有新闻性点。Email给一些选出来的记着和bloggers。Email要写的个人化。提交到PRWeb, PRLeap, 等。

13.跟踪谁发表了你的文章或新闻。给他们提供独家新闻或内容。

14.和其他站长交换文章。

15.有重要相关新闻时Email一些朋友,请他们提意见,如果觉得有用能不能引用一下。

16.有的公司网站列出关于他们的新闻,写这些公司,并连向他们。他们也会连回你谈论他们的网页。如果你的网站有新闻栏目或博客就很容易了。到Google搜一下“你的行业+新闻”。

17.做一个能让人们感觉自己很重要的调查。如果你能让别人感觉自己重要,他们会为你免费宣传。Salary.com做了一个关于低薪妈妈的研究,得到大量高质量链接。
目录,投票排名,社会化书签

18.很老但有用的窍门:把网站提交到开放目录和其他免费收录的目录。

19.提交到其他收费目录。也挺老套。记住质量很重要。

20.建立你所感兴趣领域的自己的垂直目录。显然要连向你自己的站点,可能的话连向重要内页。当然如果它真的是有用的资源,它自己就会吸引链接。

21.在Del.icio.us等网站加标签(tag)。如果人们觉得你的标签加的有用及时,他们可能顺着找到你的网站。

22.如果你写了高质量的内容,别忘了请几个朋友给你的文章加标签。如果你的网站进入Digg的首页或Del.icio.us最热门页,成百上千的bloggers会看到你的站点,也可能连向你。

23.看看什么内容传播最快。如果你写出关于热门话题的原创内容(并连向原始资源),你的网站也可能被投票排名网站列为信息源。
本地和商业链接

24.加入Better Business Bureau。(译注:鉴定监督网站资质的机构)

25.从当地商业委员会找个链接。

26.向相关城市和政府资源网站提交你的网站。(有的国家容易,有的难。)

27.在当地图书馆的网站列出你的网站。

28.问问你的生产厂家或零售商或其他商业伙伴是否能链接向你的网站。

29.与同领域但非竞争的公司发展关系。在线上和线下都充分利用这些关系,通过链接互相推荐或帮助散发名片。

30.建立联署计划(affiliate program)。这些链接没什么SEO价值,但增加的曝光会带来其他正常的链接。
免费链接

31.根据你行业和产品的不同,你可能发现Craigslist是便宜或免费的分类广告。

32.在Yahoo! Answers问或回答问题都很简单,还可以提供链接到相关信息。

33.在Google Groups 问或回答问题都很简单,还可以提供链接到相关信息。

34.如果你的公司有一定信誉,在Wikipedia建立个和你公司有关的页,或找其他行业Wiki。如果直接列上你的站点有困难,试试加上有链接到你网站的页。

35.在Squidoo建立网页只需要15分钟,能使你看起来像行业专家。连向权威文件和其他受欢迎的有用工具,也连向你自己的站点。

36.向digg提交文章,也可以提交其他内容,这些连接权威度会有一些流回你的个人介绍页.

37.如果你提供RSS feed 而且你的内容有用,经常更新,有人会聚合你的rss内容.(有些会有连接,有些没有.)

38.大部分论坛允许会员留名连接或个人介绍连接.如果你对论坛有贡献,人们会从这些连接找到你的网站,连接想你的网站或者买你的产品.

评论

39. 大部分品牌在网上都没有什么知名度,如果你的网站有一定的权威度,你的评论内容经常能排名不错.

40.在Amazon.com评论相关产品.能带来直接客户和连接.

41.在Amazon.com建立评论产品的列表,提一下你的背景(连接).

42.在alexa评论相关网站,会带来相关流量.

43.在epinious等购物引擎评论产品和服务,帮助建立你的权威.

44.如果你买了什么产品或服务,很满意,写个推荐,这些推荐经常变成连接.写推荐的两个窍门:写的可信,可能的情况下要具体.

博客和博客圈

45.写博客,不要为写而写.经常更新的好的内容容易得到连接.

46.从你的博客连想其他博客.导出连接是最便宜的营销手法.很多写博客的人跟踪谁连接到他,流量从哪来,连向他们是让他们注意到你的简单方法.

47.从其他博客留评论.这些评论没有什么直接价值,但如果你的评论有用,有深度,相关,可以带来流量.也使其他blogger注意到你,他们可能开始读你的blog,也可能连向你.

48.technorati的标签页在yahoo和msn排名都不错,在google差点.如果你的博客很新,也可以被放在technorati的标签页.

49.别忘了向博客目录提交.

网站设计作为连接元素

50.使你的站点web2.0化.人们喜欢连向你使用ajax的站.在最分化的市场也能用ajax功能.

51.验证网页html码(W3C等)。这间接使你的网站具有更高可信度,更能吸引链接,尤其对政府网站和设计社群。

52.买一个好看的CSS新设计。好的设计能够从CSS Vault等得到链接。
雇用帮手

53.雇用一个公关专用人士。公共关系PR(不是网页级别),虽然老套,但是还很有用。看一下Eric Ward。
54.雇用一个顾问。没错,建立反向链接的工作可以由别人来做,只是要确保你找的是专家,我们推荐WeBuildPages, Debra Masteler 和Andy Hagans。

链接交换

55.交换一些链接。我们在推荐交换链接?没错,小范围的,在相关网站之间的,而且能带来流量的。离那些链接工厂,链接联盟远点。
56.在交换链接的时候,最好从相关的内容页得到链接。避免列着几百上千个无关友情链接的页面。只和那些就算没有搜索引擎存在,你也想和他交换链接的网站交换链接。除了主题之外,在交换链接的时候,也可以想一下目标用户群的相似度。
买网站,租用链接和广告
57.从一些链接中间商那儿租用一些高质量的链接。Text Link Ads是这个专门市场最有信誉的公司。

58.从一些网站直接租用一些高质量的链接。有的时候最强有力的租来的链接,可能来自于那些平常不太出租链接的网站。

59.做赞助商。各种慈善机关,竞赛和会议都会链接向他们的赞助商,这可以带来可见度,链接,还有内心的感动。

60.在eBay上面拍卖东西,然后把所得利润捐献给慈善机关。很多慈善机构会链接向eBay上的拍卖网页和你的网站。
61.很多搜索算法都倾向于给老的网站更多权重。可能买一个已经有很多链接的老的网站更快一点,然后从这个网站链接向你自己的网站。从新开始建立一个有权威性的链接和网站要费更多时间。
利用法庭(小心使用)

62. 控告google.

63.被一个大家都恨的公司控告。当Aaron被Traffic Power控告的时候,他得到了成千上万的链接,包括来自Wired和华尔街日报。(译注:Aaron曾披露一个使用作弊SEO的公司,被那家公司告。)

免费赠送

64.举办一个竞赛。竞赛比赛是非常好的链接诱饵,几百块钱的奖品能带来价值几千块钱高质量的链接。不用多说了。

65.开发一套有用的工具。原创的有用的工具,还有把工具集合在一块,能得到很多链接。看看贷款计算器的价值。

66.给内容管理系统例如wordpress做一个开源设计模板,别忘了在模板里放上“由XXX设计”。

67.发放免费样品,换取反馈意见。

68.开发一个firefox插件。在你的网站上要做好下载和支持页,来让人们链接向它。

会议和社会互动

69.把一些很重要的活动和事件拍下来非常简单,然后再配上解说,告诉人们为什么重要。在你的行业(喝醉了的)名人的照片,可能是很好的链接诱饵。

70. 把真实世界的社会关系发展到链接关系。如果你去参加和SEO相关的大会,可以很轻易的看到Tim Mayer, Matt Cutts和Danny Sullivan。在其他行业也一样,平常根本看不到的人物,在贸易会议中很容易找到。面对面更容易发展关系。一旦和这些人建立了一定社会关系,把它扩展 网上就比较容易了。

71.有意思的有用的访谈很容易成为原创内容,并且传播十分迅速。

72.200个可疑的收费目录(平均15块一个)提交你的网站。这些目录完全带不来流量,并且在卖无关的整个站的链接。

论坛垃圾

73.在你的签名文件里面放上100个网站。

74.只有在你能留下链接的时候才发帖子。

75.为了提高发帖数,写很多 “我也这么想”之类的帖子,同时配合着包含很多链接的签名文件。

76.你卖XXX产品,同时问谁是最好的XXX产品提供商。从同一个IP地址登录另一个论坛帐号回答自己的问题,吹嘘自己的网站多好。

77.在20个不同的论坛注册为新会员,在同一天问同一个问题。

78.在一个几年没动静的老帖子里发言,就为了留下你半相关的网站链接。

79.为了会员介绍页而在论坛注册,根本没打算参与。
博客垃圾

80.在博客评论时不留真名实姓,留关键词当名字。

81.在第一个博客评论里就极力推销你的网站。不给博客增加价值。只说你最近在XXX谈了同一个话题,大家都应该来看看。在一堆博客重复一遍。

82.不留独特的相关的评论,让人觉得是垃圾蜘蛛来了。

83.更甚者,就发个垃圾蜘蛛去自动留评论,每个帖子留30个链接。看能不能把他们的服务器弄宕机。

84.给每个谈论某话题的地方发ping,不说什么有意思的事,只提人们在谈论这个话题。

85.不链接向你ping的网站,从根本没提他们的页发ping信号。

垃圾链接交换

86.发出链接交换请求时提一下PageRank。

87.链接交换请求email看着像是程序自动发的(没有个人化,没有对方名字 )。

88.向Matt Cutts, Tim Mayer, Tim Converse, Google和Yahoo!发链接交换请求。

89.从网站几乎找不到的部分得到些链接,还和其他成百上千不相关的网站混在一起。

当面进行垃圾骚扰

90.参加站长大会,吹嘘你多有钱,你的联属计划会员什么也不干就发财了。

91.不问别人名字是什么,问他们的URL是什么,一知道他们的URL就问是否链接到你了,没有的话为什么。
坚持不懈

92.每在你的网站发篇文章就给其他站长发提醒。

93.每天给站长发email要求他们链接向你。

94.从不同email地址给同一个站长发信谈你的网站(聪明呵? )。

95.如果上面这些都没給你带来一个免费链接,就说愿意付一块钱。每天加一块直到他们同意。
当个混球能得到链接

96.向RIAA看齐(译注:美国录音行业协会),控告一个12岁的小孩(译注:因通过KaZaA下载音乐被控告的小女孩)。不行的话,通过各种必要的手段获得负面新闻。

97.从名人那偷内容。删掉原作者。聚合很多渠道然后就等着他们开始谈论你。

98.向排名高的网站发假的referrals,保证隆胸效果,小鸡鸡变大,上百万没人领的秘密存款。

99.把URL印在T-shirt上。一边打电话或看书一边走路或开车。撞到别人时说”我原谅你,混球。”

100.把咖啡撒别人身上,或者想想其他有创意的办法惹怒别人,骗他们链接向你的网站。

101.控告其他站长连接到你的深层页面。这不仅是不良连接的作法,简直是非常糊涂。

下面是帕兰映像加的第102条:到我的About页面找到联系方式,然后联系我……aha,最有效的增加链接的方法。

来源于 快速增加友情链接的102个方法 | 帕兰映像

CSS Sprites: CSS图片合并技术详解

CSS Sprites是最初的时候被直译为“CSS小鬼”、“CSS妖精”,后来慢慢的被意译为“CSS图片合并”、“图像拼合”等,个人觉得CSS图片合并比较贴切CSS Sprites并不是一门新技术,而只是一种高级CSS技巧,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。

要学习和使用CSS Sprites并不难,需要的是耐心。如果你有这个耐心,就好好看看本文对CSS图片合并技术的详解.

什么是CSS Sprites?

2000年开始,Web设计向着精致、巧妙的方向发展。设计师们开始考虑使用非javascript的方 式制作鼠标滑过、悬停菜单的效果,这时CSS Sprites应运而生,它基于同上文提到的游戏Sprite同样的原理,并且使用CSS更容易控制,很快的流行开来。

2004年,Dave Shea 提出了一种使用CSS控制组合图片的方案 ,将许过小的图片组合在一起,使用css定义背景属性,来控制图片的显示位置和方式。

当页面加载时,不是加载每个但以图片,而是一次加载整个组合图片。这是一个了不起的改进,它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。

CSS Sprites用在哪里?

CSS图片合并可以用在很多场合,大字那个网站可以将许多单独的图片,以有机的方式组合起来,从而使其便于维护和更新。图片之间通常会留出较大的空白,使 得图片不会影响网页的内容。但同时CSS Sprite大多使用于较固定的像素定位中,它的弹性较差,收到定位等因素的制约。所以,你需要在可维护性vs降低负载之间权衡利弊,选择最适合你的项目 的方式。

下面是一些CSS Sprites的使用范例:

Apple
苹果网站使用CSS图片合并来制作导航菜单的鼠标悬停效果:

2152342464 3 CSS Sprites: CSS图片合并技术详解

Google
Google使用了极其简化的方案:

2152344H9 8 CSS Sprites: CSS图片合并技术详解

CSS图片合并常用来合并频繁使用的图形元素,如导航、LOGO、分割线、RSS图标、按钮等。通常它们不会作为网页内容出现,因为涉及内容的图片并不是每个页面都一样。

关于CSS Sprites的文章

CSS Sprites: Image Slicing’s Kiss of Death

中文版 http://www.liquidroc.name/post/my_view_on_css_sprites.html

最权威的CSS Sprites介绍文章之一

2152344017 11 CSS Sprites: CSS图片合并技术详解

CSS Sprites: What They Are, Why They’re Cool And How To Use Them
一片图文并茂的介绍文章

2152341628 12 CSS Sprites: CSS图片合并技术详解

How Yahoo.com and AOL.com Improve Web Performance With CSS Sprites
介绍Yahoo、AOL等网站使用CSS图片合并降低服务器压力的案例。

What Are CSS Sprites?
又一片介绍文章

215234K05 13 CSS Sprites: CSS图片合并技术详解

Sprite Optimization
Dave Shea的思考:是不是真的有必要简历复杂的大型CSS图片合并?答案是不!不要搞得太复杂,找到一个折中的方案才是正道。

21523434G 14 CSS Sprites: CSS图片合并技术详解

Creating Easy and Useful CSS Sprites

一篇CSS图片合并教程,其源文件可下载学习

2152341045 15 CSS Sprites: CSS图片合并技术详解

Fast Rollovers Without Preload

一个快速翻转效果的例子

2152343X6 16 CSS Sprites: CSS图片合并技术详解

CSS Sprites + Rounded corners

另一个例子:使用CSS Sprites实现背景圆角

2152344T1 17 CSS Sprites: CSS图片合并技术详解

CSS Image Sprites

一篇教程

Optimize Your Website Using CSS Image Sprites

非常详细的教程,介绍了CSS Sprites的原理和应用方法。

215234J33 18 CSS Sprites: CSS图片合并技术详解

Animated GIF For CSS Sprites

一个比较特别的应用

2152343634 19 CSS Sprites: CSS图片合并技术详解

Image Sprite Navigation With CSS

怎样制作简单的悬停菜单效果

2152341022 20 CSS Sprites: CSS图片合并技术详解

Advanced CSS Menu

还是悬停效果

215234L45 21 CSS Sprites: CSS图片合并技术详解

Creating and Using CSS Sprites

一个非常基本的教程

2152341333 22 CSS Sprites: CSS图片合并技术详解

CSS Sprites视频教程

How to Use CSS Sprites
David Perel解释了CSS Sprites的基本概念,并演示了如何在网页中使用它,长度:10分钟

Creating Rounded Buttons With CSS Sprites
继续上面的教程,展示了如何制作滑动按钮

Exactly How to Use CSS Sprites
Andres Fernandez 展示了 CSS Sprites如何加快加载时间和减少请求次数

How To Use CSS Sprites
Chris Coyier 展示了一个 CSS Sprites的范例,他将8幅图片组合在了一起,并且使用jquery制作了一个小程序。

Faster Page Loads With Image Concatenation
对于复杂的网站,减少图片请求数量可以减轻服务器负担,这是许多站长所希望看到的。

CSS Image Sprites In 10 Minutes
另一个关于导航菜单的教程

CSS: Using Percentages in Background-Image
介绍背景图片定位的方法

利用CSS Sprites制作图像映射(image maps)

使用CSS Sprites,你可以对一个对象的一小部分加载翻转效果,使用负值的背景图片位置( background-position ),你可以创建基于CSS的图像映射,下面的文章讲述了这一技术:

CSS Image Maps Using Sprites
一个基于CSS的图像映射的简单例子。你可以同传统的方式对比一下优劣。

21523452X 23 CSS Sprites: CSS图片合并技术详解

City Guide Map Using Sprites
另一个横向定位的例子

2152343511 24 CSS Sprites: CSS图片合并技术详解

Advanced Map Using Sprites
一个更高级的技术。

215234KC 25 CSS Sprites: CSS图片合并技术详解

CSS Sprites技术

CSS Sprites 2
Dave Shea 使用jQuery扩展了经典的CSS Sprites, 他的技术可以让不同的链接之间使用组合图片,即使用户禁用了Javascript。

CSS Sprites2 Refactored: Building an Unobtrusive jQuery Plug-In
Joel Sutherland 制作的jQuery插件,整理了Dave Shea的功能,并简化了初始化设置。

2152344017 26 CSS Sprites: CSS图片合并技术详解

Background Repeat and CSS Sprites
什么情况下使用CSS Sprites

CSS Sprite: Photoshop Script Combines Two Images for CSS Hover
这是一个可以导入photoshop的动作设置,可以让你快速制作翻转按钮的背景图片。

2152343I6 27 CSS Sprites: CSS图片合并技术详解

Extending CSS Spriting
Jennifer Semtner 扩展了经典CSS Sprites技术,并讲述应该在什么时候使用它。

Sliding Doors Meets CSS Sprites
滑动门技术 “Sliding Doors of CSS.”

How to Preload Images When You Can’t Use CSS Sprites
如何处理CSS Sprites对网页内容的影响

JavaScript Sprite Animation Using jQuery
Alex Walker 结合CSS Sprites和jQuery,实现了“打开页面”的效果

215234C36 28 CSS Sprites: CSS图片合并技术详解

IE6, CSS Sprites and Alpha Transparency
Julien Lecomte 讲述IE6下的透明hack问题

CSS Sprite 制作工具

Data URI Sprites
DURIS (Data URI [CSS] Sprites) 是一个管理网页图片的新工具,它可以最大限度的帮助你减少背景图片的数量,减少请求数。

2152343303 29 CSS Sprites: CSS图片合并技术详解

Spritr
一个生成CSS Sprites的简单工具

Sprite Creator 1.0
同上

CSS Sprite Generator
制作CSS Sprites 的Drupal插件

CSS Sprites Generator
这个工具允许你上传多张图片生成CSS Sprites和CSS代码

Projekt Fondue CSS Sprite Generator
它具有忽略重复图像,调整图像精度,确定横向和纵向偏移,指定背景色和透明度,指定CSS前缀等众多功能。

2152345429 30 CSS Sprites: CSS图片合并技术详解

SmartSprites
基于java的桌面程序

你可以继续以你自己的方式编写CSS和使用图像,有一个工具可以自动为你设置CSS Sprites,这里是PHP 版本 ,它是开源的,具体可以看: Chris Brainard’s Sprite Creator 1.0.

附:CSS属性background-position(图像背景位置)该如何设置

background-position(图像背景位置)这个属性是CSS中非常重要的属性。

根据CSS规范,background-position属性包含了两个(可选的)变量:水平位置(horizontal)和垂直位置(vertical),例如:


	.introduction {
	 background-image: url(bg.gif);
	 background-position: [horizontal position] [vertical position];
	 }
.introduction { 		background-image: url(bg.gif); 		background-position: [horizontal position] [vertical position]; 		}

使 用这个属性,你可以定义块级元素的背景图像位置,可以使用%百分比或px像素为单位来定义图像开始的位置,也可以使用关键字:top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right.

在“ background-position: x% y%; ”这样一个语句中,x%指水平偏移,y%指垂直偏移,左上角是:0%,0%,右下角是:100%,100%,默认的是50%。

例如,你可以这样定义:

	ul li {
	 background-image: url(bg.gif)
	 background-position: 19px 85px;
	 },
ul li { 		background-image: url('/bg.gif'); 		background-position: 19px 85px; 		},

这样背景图片就被定位到了距离左侧19像素,距离上边85像素。

关于这个属性,可以在这里找到更详细的资料:background-position (CSS property) 。

英文原文:Smashing Magazine
中文翻译:Oncoding编码营

来源于 CSS Sprites: CSS图片合并技术详解 | 帕兰映像

FSC-12:致王朔书

4万余字的牢骚给了人民文学出版社,加上你那张粗糙的脸和你那并不算靓的女儿的照片(其实我没看过你女儿长啥样子,但一看你,你女儿也估计不会给我的眼球带来多少惊喜)。s2700041 FSC 12:致王朔书

跟你挺暧昧的姓徐的那位说,《致女儿书》非常好看,我看到天亮,湿透了枕头。这么说她是躺在床上看的,这点跟我一个样,我也喜欢躺在床上看书。但她看的可能是你送给她的,你不会送给我,我也不会为了一本4万余书字的“遗书”去花费几十块钱,因为我已经不是原来的我。

原来的我是怎么样的呢?

那是七八年前,那时我还是个学生,穷学生。可我像所有可尊可敬的知识份子一样,不吃早点也要买您老人家的书来看,看你“过把瘾”后是如何死的?看你是怎么样一个“顽主”?看你耍什么伎俩泡“空中小姐”?急不可待的想分析清楚,你的哪一半是海水,哪一半是火焰?

包括那些看你不顺眼的,损你的,基本只要跟你有关的书籍,只要让我知道了,我就不会放过。对与您相关的作品,我饥渴的像一个来自埃塞俄比亚的难民,又像一个30多岁独守空房许久欲火难耐的寡妇,来者不拒,照单全收。

这一切导致的后果就是我正常的身体发育期没有得到足够合理的营养补足,我一直就一副孱弱到风一吹就散的样子。但我像个为情所困的傻女人一样,无怨无悔。

所以,我随便去Google了一下,轻而易举的得到了“写给你闺女的那本书”,放在我的手机里,在一个失眠的夜里,浑浑噩噩的读完了你的絮絮叨叨。

首先是你用痴人说梦似的方法讲述了你的家族史,那不只你是的家族史,那简直就是全人类的家族史。不知道你有没有想过,向教育部分提议,把你的这部分家族史编入“历史”课本,其它内容都他妈的给删了,那些被书包压得喘不过气来的孩子会感谢你的,即使在你死了之后,他们也会向人提说:从前,有一位姓王的家伙,对应试教育进行了一次革命新的改革。

接着,你又开始谈你和你爷爷,你奶奶,你爸爸,你妈妈,你媳妇儿,你闺女的那些事儿。在这一段里面,你终于超越了宋祖德,宋祖德是抖别人的包袱乐自己,你是抖自己人的破事满足大众的偷窥欲,就你的点牺牲精神,确实让我有那么几秒钟的惭愧:你都能揭开自己的面纱换点版税,我为什么就不能花几个小钱支持一下正版支持一下你呢?

我想说,我是为你高兴的,《我的千岁寒》出世、王者也就是你归来的时候,大众是一片骂声啊!再加上你迫不及待的骂人搞事儿、揭人疮疤、间接的搞死了一个尊敬的老艺术家,你被列入了中国头号狂犬。

可这次《致女儿书》出来后,我看到的形容你最多的字眼就是“温情”。你也许会认为我们这些家伙都是墙头草,但是你别介意,你应该理解我们。我们是什么?我们是大众,我们生活在娱乐至死的年代,我们骨子里面流的就是八卦的血。我们老喜欢在别人犯难的时候倒戈相向,在别人试图救赎的时候,又装成上帝似的,来宣判“神的慈爱光辉如同毛主席的光辉一样闪闪发亮照四方”。

最后,我重看了一遍上面的文字,我希望我能告诉自己,我到底在写什么。可我真的不知道。

来源于 FSC-12:致王朔书 | 帕兰映像

2012年9月19日星期三

VIA:《我很忙》&《无与伦比的美丽》

下面这段文字,献给那些喜欢Google、喜欢百度、喜欢雅虎的朋友。

周杰伦最新专辑《我很忙》MP3、MV打包下载、批量下载。
苏打绿最新专辑《无与伦比的美丽》MP3、MV也打包下载,批量下载。
周杰伦最新专辑《我很忙》在线试听,免费彩铃下载。
苏打绿最新专辑《无与伦比的美丽》在线试听,免费彩铃下载。

wohenmang VIA:《我很忙》&《无与伦比的美丽》

via:夜火 

周杰伦《我很忙》专辑曲目:
01. 牛仔很忙 歌词 RM WMA 下载 点歌 铃声 收藏
02. 彩虹 (电影”命运呼叫转移”片尾曲) 歌词 RM WMA 下载 点歌 铃声 收藏
03. 青花瓷 歌词 RM WMA 下载 点歌 铃声 收藏
04. 阳光宅男 (“美特斯邦威”品牌歌曲) 歌词 RM WMA 下载 点歌 铃声 收藏
05. 蒲公英的约定 歌词 RM WMA 下载 点歌 铃声 收藏
06. 无双 (“真三国无双On Line”主题曲) 歌词 RM WMA 下载 点歌 铃声 收藏
07. 距离(我不配) 歌词 RM WMA 下载 点歌 铃声 收藏
08. 扯 (“Motow系列”广告主题曲) 歌词 RM WMA 下载 点歌 铃声 收藏
09. 甜甜的 歌词 RM WMA 下载 点歌 铃声 收藏
10. 最长的电影 歌词 RM WMA 下载 点歌 铃声 收藏

wuyulunbi VIA:《我很忙》&《无与伦比的美丽》

(via:小志)

苏打绿《无与伦比的美丽》专辑曲目:
01. 游乐 歌词 RM WMA 下载 点歌 铃声 收藏
02. 花茶 歌词 RM WMA 下载 点歌 铃声 收藏
03. 四季狂想 歌词 RM WMA 下载 点歌 铃声 收藏
04. 左边 歌词 RM WMA 下载 点歌 铃声 收藏
05. 无与伦比的美丽 歌词 RM WMA 下载 点歌 铃声 收藏
06. 白日出没的月球 歌词 RM WMA 下载 点歌 铃声 收藏
07. 这天 歌词 RM WMA 下载 点歌 铃声 收藏
08. 简单生活 歌词 RM WMA 下载 点歌 铃声 收藏
09. 城市 歌词 RM WMA 下载 点歌 铃声 收藏
10. 相信 歌词 RM WMA 下载 点歌 铃声 收藏

呃,其实我是想说,周杰伦已经说他很忙了,面对无与伦比的美丽,他不配。那,我们去听苏打绿吧。(via:水灰色)

来源于 VIA:《我很忙》&《无与伦比的美丽》 | 帕兰映像

2012年9月18日星期二

iwish: 基于Twitter的许愿服务

142133 430x219 iwish: 基于Twitter的许愿服务

iwish是一个基于twitter的许愿服务, 你只需要发送信息到@iwish+信息, 即可更新信息到iwish网站, 大声说出你的愿望. 比如@iwish Google快点恢复我的PR吧!

进入iwish

来源于 iwish: 基于Twitter的许愿服务 | 帕兰映像

WP Tuner: WordPress性能分析插件

WP Tuner 是 个强大易用的wordpress插件。它可以回答你一系列可能平常对你来说很艰难的问题,比如你的博客为什么缓慢或不稳定?是什么导致你的网站速度减缓?是你的主机出了问题?还是插件出了问题?

wptuner WP Tuner: WordPress性能分析插件

它会生成一份报告,包括你的WordPress程序页面的读取速度,插件相关数据库的读取时间等等。

wptuner2 WP Tuner: WordPress性能分析插件

你可以从WordPress官方下载WP Tunner。

来源于 WP Tuner: WordPress性能分析插件 | 帕兰映像