生活琐记

Ultra QuickTime Converter – MOV转FLV工具

MOV即QuickTime影片格式,它是Apple公司开发的一种音频、视频文件格式,用于存储常用数字媒体类型。当选择QuickTime(*.mov)作为“保存类型”时,动画将保存为.mov文件。QuickTime因具有跨平台、存储空间要求小等技术特点,而采用了有损压缩方式的MOV格式文件,画面效果较AVI格式要稍微好一些。

继续阅读Ultra QuickTime Converter – MOV转FLV工具
WordPress主题开发

通过CSS禁止Chrome自动为输入框添加橘黄色边框

Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的。

例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将input的border设为none的命令。

为了避免麻烦我们可以禁止chrome为被激活的输入框添加边框,方法如下:

1. 禁止为所有被激活的输入框添加边框
*:focus { outline: none; }

2. 禁止为被激活的输入框添加边框,例如

.class1:focus{ outline:none }

3. 也可以自定义输入框被激活时的边框样式

.changeborder:focus { outline:Blue Solid 4px;}

继续阅读通过CSS禁止Chrome自动为输入框添加橘黄色边框
WP笔记

jquery autocomplete实例:国家选择器

Jquery Autocomplete Plugin 可以用来自动填写表单,类似google suggest,可以给用户更好的体验。

你可以先查看实例

例如,很多表单要求我们填写国家,如果是下拉列表,我们需要从长长的一个列表中选择自己的国家,为了不看的眼花缭乱,我们会用键盘的导航键快速选择,例如要选择中国我们可以选中下拉列表按键盘的“C”键,找到以c开头的国家再找到China。这样还是不够简单迅速。那么来看看下面这个输入式国家选择器,是不是会方便很多。

用户不需要从长长的列表中选择国家了,只需要键入国家的英文名称开头几个字母,这个选择器就会自动提供可供选择的项目,类似google suggest,帮助用户轻轻松松完成国家的选择。

另外,用户完成选择后可以定义一个回调函数,实现更多的功能。例如,选择国家后显示该国家的货币和汇率,或者显示某些房地产信息之类的。可以做的应用很多。

该功能主要依靠JQuery的Autocomplete插件来完成。

[download id=”10″]

继续阅读jquery autocomplete实例:国家选择器
PHP开发

SSL加密不完全的https页面在IE中弹出警告的解决方式

IE8以及更低版本IE浏览器在浏览SSL加密https网页时,会弹出一个警告窗口,警告用户该网页存在不安全内容,是否只查看安全内容,如果选是,往往会看到一个凌乱不堪的网页,很多图片都无法显示。从开发者角度讲,应该尽量避免这种情况发生。

理论上讲只要使用ssl加密的网页存在混合内容(mixed content),就会触发安全警报,混合内容就是指http和https共存的页面内容,实际测试时发现,并不是所有的http链接都会触发安全警告,只有以下几种情况会。

继续阅读SSL加密不完全的https页面在IE中弹出警告的解决方式
PHP开发

谨防浏览器的怪异模式捣乱

最近研究一个oscommerce的模板,IE浏览器总是出一堆奇奇怪怪的问题,比如载入的时候图片和文字还存在,等网站全部载入完毕后这些图片和文字就莫名其妙的消失了,开始以为是绝对定位有问题,搞了很久没效果,偶然在IE的调试工具中看见Quirks模式,一下搞明白了。。。

怪异模式,与DTD声明密切相关,如果DTD声明漏写,就会使浏览器按照怪异模式解析。DTD(Document Type Definition)即文档类型定义,它给你的HTML文档定义了一个规范,这个规范里有很多规则,你的HTML标签是大写还是小写,是否需要闭合等是不是正确就取决于这个规范。不同DTD会影响浏览器解析同一个网页的方式。浏览器解析网页时可以按照标准模式和怪异模式来进行。标准模式是我们现在最常用的模式,而怪异模式是给旧版本浏览器使用的,例如IE4,Navigator 4。如果用怪异模式解析一个按照现在W3C标准书写的网页,可能就要出错了。

继续阅读谨防浏览器的怪异模式捣乱
WP笔记

移除Magpress主题的footer链接看wordpress免费主题安全性

最近发现一个主题网站叫mapgress.com,主题功能很不错,无论是前台外观还是后台功能都不输给收费主题,应客户的要求拿来三个主题开始做定制化。开始做的时候就发现了,这个网站主题的footer代码不可以更改!无论是删除全部链接,还是添加自己的链接都不行!

继续阅读移除Magpress主题的footer链接看wordpress免费主题安全性
WP笔记

cufon字体IE浏览器兼容性问题

cufon字体可以让我们在网页上使用自定义的字体,实现和图片一样的效果。cufon字体的使用可以参考文章Cufon-网页设计师必备字体效果

通常情况下,cufon只支持使用简单的标签,你不能使用一些级联选择器,例如#menu ul li等等。经过测试发现,firefox和chrome都支持这种选择方式,但IE不支持。最简单的方法就是引入一个选择器引擎来帮助我们实现这个功能,例如jQuery,这样js引用情况如下:

继续阅读cufon字体IE浏览器兼容性问题
WP笔记

Wordpress CKEditor smiley表情图标定制化

Wordpress默认的编辑器不是很好用,我习惯将它替换成CKEditor,安装CKEditor For WordPress即可。安装后编辑器将被替换,评论框的编辑器默认会被替换成CKEditor,有时候会导致模板样式错乱,可以在CKEditor->Basic Settings中禁用。

定制表情的方法

CKEditor默认的smiley表情不适合中国,我们可以将表情改造一下换成自己喜欢的表情,方法如下。

继续阅读Wordpress CKEditor smiley表情图标定制化
WP笔记

oscommerce 登陆后跳转的问题

Oscomerce登陆后应该跳转到哪里可以分两种情况,

1. 购物车没有商品,跳转到首页或者查看账户页面。

2. 购物车有商品,跳转到购物车页面或者到checkout页面。

代码可以在网店根目录的login.php中修改,打开该文件,找到

tep_redirect(tep_href_link(FILENAME_DEFAULT));

修改为

if ($cart->count_contents() < 1) {
       tep_redirect(tep_href_link('account.php'));
} else {
      tep_redirect(tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));
}

代码含义如下

tep_redirect(tep_href_link('account.php')); – 跳转到账户页面,如果要跳转到首页,改为
tep_redirect(tep_href_link(FILENAME_DEFAULT))

 tep_redirect(tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));  – 跳转到结账页面,如果要挑战到购物车页面,改为
 tep_redirect(tep_href_link(FILENAME_SHOPPING_CART, '', 'SSL'))

 

继续阅读oscommerce 登陆后跳转的问题
WP笔记

为wp featured content slider plugin添加pager功能

1. wp featured content slider 插件简单介绍

wp featured content slider是一款wordpress的幻灯片(slideshow)插件,你可以在post的编辑页面将post指定为featured post,这样它就可以在featured content slider中显示。该插件的特色是图片(post中的图片或通过custom field定义的图片)显示在banner右侧,post文字内容显示在左侧,是名副其实的content slider。另外该插件提供功能选项,使你可以自由切换幻灯片效果、切换速度、背景色。幻灯片带有箭头是导航按钮。效果图如下

继续阅读为wp featured content slider plugin添加pager功能
PHP开发

用phpBB做中文论坛常用的MOD

phpBB是国外著名的开源论坛,国内使用较少,与discuz相比phpBB功能非常简单,后台界面不太符合中国人的操作习惯。dizcuz相当于安装了各种插件并经过定制化以后的phpBB,而phpBB的优点就是“干净”,没有任何你不需要的功能。它给我们充分的想象力来做符合自己要求的论坛,这需要一些php知识。

继续阅读用phpBB做中文论坛常用的MOD
WP笔记

wordpress Shopp Title优化

Wordpress Shopp插件使用了wordpress的一个页面来动态输出网店内容,默认的Title带着SHOP这个词,感觉很多余,所以要想办法去掉。

去掉的方法就是在模板的functions.php文件中添加钩子函数修改Title输出,因为其它的SEO插件可以覆盖掉PAGE Title的格式,所以要保证Wordpress Shopp使用的页面title规则不被其它SEO插件控制。

修改方法如下,打开functions.php,在最后添加如下代码

继续阅读wordpress Shopp Title优化
生活琐记

什么是CSS reset

什么是CSS Reset。HTML标签在浏览器中都有默认的样式,例如p标签有上下边距,strong标签有字体加粗样式等。不同浏览器的默认样式之间存在差别,例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方法是一开始就将浏览器的默认样式全部覆盖掉,这就是CSS reset。

YUI为我们提供了一个很好的CSS reset,可以直接下载使用,这段代码很成熟,推荐大家使用。YUI的CSS reset主要做了下面几点:

继续阅读什么是CSS reset