存档

文章标签 ‘Code’

[译] 深入 CSS 行高

2010年7月10日 ③秋之流☆ 没有评论

一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您
(但实战应用在中文字体或中英文字体混合,以及IE678,XP win7里,行高规则又有所不同,泪流满面)

阅读全文...

分类: CSS 标签: ,

[译]高效,可维护的CSS

2010年7月5日 ③秋之流☆ 1 条评论

翻译自Russ大师的一篇关于如何书写高效、可维护、组件化的CSS的演示文档。Enjoy~

阅读全文...

分类: CSS 标签: ,

border:none;与border:0;的区别

2010年7月4日 ③秋之流☆ 没有评论

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。

阅读全文...

分类: CSS 标签: ,

用jQuery保护邮件地址

2010年7月1日 ③秋之流☆ 没有评论

保护邮件地址的方法为数众多,随便一搜就能找出大把。若是刚好有使用 jQuery 框架,我这里有个用 jQuery 保护邮件地址的方案。此方案的优点在于:邮件地址分段存储在 JS 之中,链接被点击以后,邮件地址才会从 JS 中调出并写入 HTML 页面,目前再厉害的机器人拿它都没办法,除非开着浏览器点击。缺点嘛,访客的浏览器不支持 JS 的话会被当作机器人对待XD。

阅读全文...

分类: JavaScript 标签: , ,

使用 jQuery 在新窗口打开外部链接

2010年6月28日 ③秋之流☆ 没有评论

我们一般都希望在新窗口打开外部链接,这样用户就不需要离开网站就能访问外部链接,但是如果每个外部链接都手工加上新窗口打开的属性的话,这会让人非常抓狂,并且 target="_blank" 也不符合 XHTML 1.0 Strict 标准。

还好有 jQuery,使用 jQuery,我们只需要几行代码就能在新窗口中打开外部链接。

阅读全文...

分类: JavaScript 标签: ,

整合 Google 自定义搜索到 WordPress

2010年6月6日 ③秋之流☆ 6 条评论

如何把 Google 自定义搜索整合到了 WordPress 主题里面,搜索后以内页显示,而不是转跳到 Google 呢?

1.登录到 Google 自定义搜索,创建你的自定义搜索.

2.来到"控制面板"的"外观",在"选择一个托管选项"下面..选择"IFRAME"(这里你可以自定义样式或者默认)

3."保存" 然后 "获取代码"

阅读全文...

分类: WP Trick 标签: , , , ,

WordPress 的文章内容分页

2010年6月3日 ③秋之流☆ 2 条评论

我想使用过 WordPress 标签 <!--nextpage--> 的人应该不多吧,它是用来对文章内容进行分页的,平时很少会用到.不过遇到长篇文章的时候就需要用到它了,不然可要影响阅读了.

使用方法和 <!--more--> 差不多,不过 <!--more--> 只能使用一次, <!--nextpage--> 可以使用多次.只要在每个需要进行分页的地方插入 <!--nextpage--> ,就可以将文章分为多页.

阅读全文...

分类: WP Trick 标签: , ,

给 RSS 订阅换上 jQuery 滚动下拉菜单

2010年6月2日 ③秋之流☆ 没有评论

虽然 iNove 主题的 RSS 订阅原来已经有一个显示更多订阅的菜单,但展示的效果不怎么好,本来在修改主题的时候就想换一种效果的,可我又不怎么懂 JS ,只好继续用着了.

还好,最近看了几篇文章,懂得修改一点 jQuery 了,在我多次修改测试后终于实现了 RSS 订阅的 jQuery 滚动下拉菜单效果.代码来自 mg12 的 jQuery 的 slideUp 和 slideDown 动画 一文.

虽然实现了最终效果,不过还是有一些问题搞不懂:展开的层是如果定位的?怎样定位更好?

JS 代码:

阅读全文...

分类: JavaScript 标签: , , ,

添加"随机一句话"

2010年5月31日 ③秋之流☆ 3 条评论

昨天在 yinheli 那里看了他用 jQueryAjax 实现的一个东西—"随机一句话".很想在我的 Blog 上也加上,可是看了半天加在哪里都不好看,又想了半天,终于决定:当做 Blog 的 "description" 来显示.但只是显示文字又不美观,于是我又把它改成图片方式显示,反正也就几个小图片,一个也就几百字节,几个也就几K.

"服务器端代码是借鉴的wordpress自带的一个插件 Hello Dolly .它能在后台随机显示一句话.但是不支持Ajax.我们要做的是把他弄到前台显示.并实现Ajax刷新的效果."

最终效果,大家可以点击我的 Blog 标题下的文字,点击可以刷新.那怎么实现的呢...

阅读全文...

分类: WP Trick 标签: , , , ,

全国哀悼日 网站灰黑色滤镜代码

2010年4月20日 ③秋之流☆ 没有评论

  新华网北京4月20日电 国务院决定,为表达全国各族人民对青海玉树地震遇难同胞的深切哀悼,2010年4月21日举行全国哀悼活动,全国和驻外使领馆下半旗志哀,停止公共娱乐活动。

明天举行全国哀悼活动,为我的博客穿上素装(使用灰黑色滤镜代码),以表哀悼.

让我们为玉树地震遇难同胞默哀!玉树加油!祈福玉树!

阅读全文...

分类: CSS 标签: , ,