存档

‘Web’ 分类的存档

给域名续费了,留个小技巧——打折购买Godaddy主机,及超低价续费Godaddy域名

2010年8月28日 4 条评论 236 views

下午逛西门的博客,发现了优惠续费godaddy域名的方法,想起这几天godaddy老是给我发邮件催我续费,就按这个方法续费了,不错,价钱跟直接用优惠码续费差不多,但是却多了一个economy或者deluxe的空间,不亏不亏。

具体步骤我就不复述了,也不想盗链西门的图片,简单说一下,要具体就戳这儿去看吧。

阅读全文…

分类: Web 标签: , ,

wp-cumulus完美显示中文标签

2010年5月6日 8 条评论 88 views

相信大家都知道wp-cumulus这个插件吧!Flash+JS实现的超炫Wordpress标签云3D效果。传达给用户强大的视觉冲击力,具体可以参看我博客的右边的展示。当然这篇文章并不是仅仅介绍这个插件,因为这个插件不支持中文,所以如果从官方下载常规安装后只显示英文tags,而不显示中文tags。国人也对此做了研究,就是把博客或者常用的中文tags都导入到swf中,结果是swf会膨胀到5M左右,严重影响其加载速度。

今为大家提供TwaMix修改过的wp-cumulus,其大小竟然比官方的还要小数倍,加载迅速,完美显示中英文tags,使用方法和官方一样!!

wpcumulus

 

插件调方法:

1、在侧边连调用

2、是页面调用:页面函数调用:<?php wp_cumulus_insert(); ?>

下载:

wp-cumulus#TwaMix修改版

分类: Web 标签: ,

36个经典的JQuery导航菜单演示+下载

2010年5月4日 4 条评论 5,681 views

现在很多网站或博客上都流行使用JQuery菜单样式,这种样式看起来很非常好看,导航效果比纯文字或图片效果要好的多,下面是从网上搜集整理的 36个经典的JQuery导航菜单。

1.jQuery 选项卡界面 / 选项卡结构菜单教程

这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此演示哟,你一定会喜欢上它的。

jquery-tabbed-interface

Preview || Download

阅读全文…

分类: Web 标签: ,

jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果

2010年5月4日 56 条评论 9,905 views

看到Louis Han的博客有个图片随滚动条渐显的效果,感觉既华丽又能节省资源,一举两得,于是就开始研究。

通过查看其源代码以及google搜索知识,初步搞明白了,它是通过一个js来实现的,下面就来介绍一下:

特效优点:

  1. 加速wordpress站点的页面载入速度;
  2. 不唐突的图片渐显方式;
  3. 代码精简,便于操作维护,JS代码仅仅 1.6KB  先决条件是:你的站加载了 Jquery.js

阅读全文…

分类: Web 标签: , ,

WP-Syntax Quick Insert——自己写的Windows Live Writer代码高亮插件

2010年5月1日 12 条评论 410 views

重新打理博客后,开始纠结选代码高亮插件的问题。各种插件都试过,感觉都不尽如人意。比如说WP后台写日志时要用html模式而不能用visual模式,而且如果用WP-Syntax或者codebox这种以pre方式插入代码的,还要考虑到转义符的问题,我就在转义符这个问题上纠结了N久N久,一定要在pre里加一个escaped=true的属性,不然当遇到尖括号和引号的代码会惨不忍睹。

后来用Windows Live Writer写日志了,也开始找相关的插件。装了很多个都倒在转义符这个问题上。最后哥火了,自己写!

参考了网上几篇介绍编写wlw插件的博文,折腾了一个下午,终于解决了转义符的问题。现在只要在wlw中点击插入代码,然后把代码复制进去,选择语言类型,程序就自动把需要转义处理的都处理掉,在页面上显示就正常了。在wlw中看到是什么代码,最后发布到网页上也是什么代码,至少目前还没发现问题。当然欢迎提建议或者报告bug。

所以我觉得自己这个插件最大特点是:所见即所得,解决转义符问题

wp_syntax_quick_insert_1

wp_syntax_quick_insert_2

阅读全文…

分类: IT, Web 标签: , , , , ,

WordPress图片保持宽高比自动缩小

2010年5月1日 6 条评论 1,285 views

前阵子一篇博文里面介绍了WordPress图片自动缩放,后来发现有个问题,它仅仅改变了图片的宽度,而没有改变图片的高度,也就是说影响了图片的宽高比,那个叫惨不忍睹。

在网上查了好些资料,经过自己实验,发现只要在原来基础上再加一句代码即可。

max-width:600px;
width: expression(this.width > 600 ? "600px" : true);
height:auto;

这样就可以实现自动按宽高比缩小了。

阅读全文…

分类: Web 标签: ,