存档

‘猫玩技术’ 分类的存档

Chrome 上 Gmail 新功能:附件拖放保存

2010年8月8日 6 条评论

在实现往 中拖放附件和图片功能之后,今天 终于实现附件拖放保存至本地功能了。当然,这仍然是 Google 率先送给 用户的“小礼物”,也就是说目前只有 用户可以优先享用这一新功能。

鼠标指针指向附件图标会提示“点击可进行查看,拖动到您的桌面可进行保存”

将附件拖到本地即可保存之

如果你是 Chrome 用户,在使用 Chrome 打开带有附件的 Gmail 邮件之后,将鼠标指向附件的图标,会提示“点击可进行查看,拖动到您的桌面可进行保存”,在图标按住鼠标左键,将其拖到你想要保存的位置,松开鼠标就可以完成保存了。如果附件较大的话,你还会看到处理的过程。

分类: 猫玩技术 标签: , ,

WordPress 随机彩色标签的实现方法

2010年7月23日 10 条评论

博客系统中,使用标签组织归类文章是极为有效的方式。为了给予用户强大的视觉冲击力,强调标签的重要性是 主题设计的一个基本要素。这个自我感觉还不错的效果之前也有读者询问过,现在做个 随机彩色标签的实现方法的分享。

按照笨猫首页现在的实现方式,随机彩色其实很容易。先来按照常理输出标签列表的代码:

<?php wp__cloud(); ?>

如果为标签添加背景色,就需要为每个标签元素设置 类来定义其样式。

首先,使用获取标签列表对象:

$tags = get_the_tags();

然后,使用 foreach 函数遍历标签列表,循环输出标签名称和链接地址等信息,代码如下:

foreach($tags as $tag) echo '<a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a>'; ?>

完整的随机背景颜色代码为:

<?php $tags = get_the_tags(); foreach($tags as $tag) echo '
<li><a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a></li>'; ?>

注意到其中的 rand(1, 5) 函数产生数字 1~5,则每一个标签的标记可以使用诸如 tag-1 的样式。

最后通过 CSS 定义 tag-1 至 tag-5 五个不同背景颜色的样式即可:

.tag-1{background:red;}
.tag-2{background:blue;}
...
.tag-5{background:green;}

当然,如果你不想输出太多颜色限制,还有一个输出随机背景色的方法:

<?php echo '<li style="background:rgb(255,0,0);">笨猫 - www.benmao.com</li>'; ?>

实现的方法其实是和第一种一致的,有兴趣可以尝试第二种。

分类: 猫玩技术 标签: , ,

2010世界杯网页插件

2010年6月12日 4 条评论

 2010世界杯网页插件2010 南非世界杯点燃激情,特奉 2010 南非世界杯网页插件供大家使用,为自己的网站增添一些世界杯元素。

* 几乎支持所有个人站点、Blog、空间
* 赛事信息,比分实时传递
* 添加容易,1 分钟搞定
* 自动支持 10 种语言,方便所有用户访问

本插件采用了 Flash 制作,交互性更强,信息量更大;即时同步比赛数据。提供多达19国世界杯新闻数据。
支持中文简体,繁体中文,英文, 西班牙文,葡萄牙文,法文,德文,韩文,越南语;即将支持日文,意大利文,阿拉伯文。
自动读取本地时区给出比赛时间。

引用方法请见:http://fifa.honglei.net
下方代码直接 Copy 加入即可:


  <object width="190" height="282" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
	<param value="http://fifa.honglei.net/fifa.swf" name="movie">
	<param value="always" name="AllowScriptAccess">
	<embed width="190" height="282" AllowScriptAccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://fifa.honglei.net/fifa.swf">
</object>

大家好好享受世界杯吧

分类: 猫玩技术 标签: ,

WordPress不同页面显示不同侧边栏内容

2010年6月1日 10 条评论

以前实现WordPress不同页面显示不同侧边栏内容,逅客使用的是WordPress Widget Logic插件,推荐使用WordPress Display Widgets插件。用起来很方便,所以在这里做个启用记录。

Display Widgets插件简单介绍:
WordPress 2.8或更高版本下都可正常使用,使用这个插件可以通过给每个widget添加复选框来控制它是否在每个页面显示或隐藏,避免创建多个侧边栏和重复的widget。

Display Widgets插件下载解压后上传到/wp-content/plugins目录里,登录网站后台在已安装插件中启用,这个插件,不用修改代码,轻松实现不同页面不同侧边栏内容的效果。默认状态下,“Hide on Checked”(隐藏选中项)选中,所有复选框留空,即所有当前widget在所有页面都显示。

下拉选单中控制在选中页面隐藏还是显示。

Show/Hide Widget 显示/隐藏Widget

Show on checked 选中项显示。这个widget会在勾选页面显示。

Hide on checked 勾选项隐藏。 这个widget会在勾选页面隐藏。

下半部分则是选择具体的页面,前面的就不说了,都是你的各个“页面”名称。不过在这个列表的末尾有两项:

Pages:单独页面

Archives Page 存档页面

Categories:文章类型

Single Post Page 单篇日志页面

Miscellaneous:功能页面

还有rchives Page Blog Page 404 Page。

就这么些了,更多资料请查看百度Google。

分类: 猫玩技术 标签: ,

为你的WordPress 日志设置标题高亮颜色

2010年5月16日 13 条评论

有时需要对某些日志重点推荐,我们可以尝试文章置顶。 默认也为我们提供了日志置顶功能。但置顶面临的问题是,文章次序会被打乱,而且你不一定需要如此张扬的对文章实行突出重点。那怎么办?经过芒果的深思熟虑,得出的结果是:为日志标题设置高亮颜色。

如果是设置所有日志标题,很轻松,改一下标题 HTML 标签的 样式即可。但具体指定到某一篇文章,需要通过如下一个小小的技巧:

<font color="#f60">笨猫的日志标题</font>

或者你嫌弃 font 标签太过老气,那就这样吧:

<span style="color:#f60">笨猫的日志标题</span>

WordPress 控制面板里,直接为日志标题添加 HTML 标记即可:

经测试,前台可执行HTML代码。大功告成

分类: 猫玩技术 标签:

搜狗浏览器升级到webkit核心!(非IE核心)

2010年5月9日 9 条评论

今天像往常一样,打开电脑,登上QQ,点开QQ邮箱。跳出了搜狗浏览器的升级提示,就点了下确认~~~

一直都在用搜狗浏览器,最主要的是它的加速功能。因为用的是网通,上学校网站,以前总是很卡,打开一个网页要等很长时间。发现搜狗有加速功能后,就开始使用,并一直设为默认(我电脑上安装的浏览器可是很多的,forefox,谷歌浏览器,Opera,还有几个IE内核的)。

 

IE6很烂,估计很多人都知道,不光在速度上,最主要的还是很多网页功能不能实现。但由于XP上默认安装,用的人也是很多的。刚买电脑时,对于各种浏览器还没有什么概念,便在同学的唆使下安装世纪之窗,用这确实比IE强多了。于是,又安装了好多其他的,开始知道还有内核这东西。并且知道,很多浏览器都是IE内核,所以这些浏览器功能上可能就不太那么强大了。

搜狗用着一直不错,但有时由于内核的限制,某些网页还是会出现错位现象。还有没有分屏,挺无趣的,提过很多次了,一直没加,今天的升级,便是添加了新的内核

马桶3测试版就是WEBKIT核心的,以后这是个趋势,谷歌,火狐用着也很不错,希望浏览器会让我们有更多的选择和扩展应用。

WordPress 图片管理的几个方式

2010年5月5日 18 条评论

虽说现在博客图片托管比较普遍,但在稳定性难以保证的条件下(比如 Flickr、Picasa 等经常被河蟹),建议将图片存储于本地主机,防止突发的意外。以下是几点博客图片存储建议,仅供参考。

1. 图片路径优化

默认情况下, 图片保存于 wp-content/uploads 目录。后台上传图片后,会自动生成如 2009/07/ 的目录结构,不但增加了图片路径深度,也并没有带来管理上的方便。建议在“设置 – 杂项”选项中将“以年 – 月目录形式整理上传内容”复选框去除勾选。以保证图片均直接存储在 uploads 目录下。

2. 图片命名格式

为了便于管理,建议以时间作为图片名称。比如 20090730.jpg 或 090730.jpg 等命名方式。有利于和文章发布日期的统一。

3. 移除缩略图功能

使用缩略图功能的情况并不多,但不管使用与否,WordPress 都会自动为所上传的图片添加缩略图。对于空间资源和流量极为宝贵的虚拟主机而言,缩略图等同于不必要的垃圾文件。要移除此功能,只需在“设置 – 媒体”选项中将所有图片尺寸参数更改为 0 即可。

4. 图片外链托管

如果想外链图片,托管于图片分享网站并不符合国情。芒果建议将图片寄存到价格便宜容量足够的主机上,当然类似 Godaddy 那样的免费空间也是不错的选择。然后为该主机绑定如 img.benmao.com 之类的二级域名,文章图片直接从该域调用。

这样做的另一个好处是,如果备份及时,一旦外链出现问题,只要将备份上传至可用的新主机,并把二级域名平滑切换到新主机即可。避免了图片红叉的风险。

分类: 猫玩技术 标签:

WordPress 分类排序插件

2010年4月19日 3 条评论

WordPress分类不能够自由排序!

这个插件解决了这个难题!

实现原理很简单:

语句:ALTER TABLE $wpdb->terms ADD `term_order` INT( 4 ) NULL DEFAULT ‘0′

在wp_terms表里添加了一个term_order字段,用来进行标序!

操作:

首先下载安装该插件:

http://wordpress.org/extend/plugins/my-category-order/

解压到 /plugins中

到后台激活

然后就可以直接拖拽分类来进行排序!

阅读全文…

分类: 猫玩技术 标签: ,

无觅相关文章插件,快速提升流量