订阅本站

CSS控制图片等比例缩放

admin 发表于 2011-7-29 分类 知识口袋 | 发表评论

网页制作过程中经常遇到需要做特片等比缩放，并且需要控制尺寸在一定的范围内。一般有JS与CSS两种控制方法，在我看来用CSS控制相对简便一些。
IE7以上 FF等直接用 max-width与 max-height两个属性，IE6用expression，示例如下：

  1. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>PIC</title>
  6. <script type="text/javascript">
  7. function ResumeError() { return true; }
  8. window.onerror = ResumeError; //屏蔽JS错误，这样状态栏就不会显示“网站上有错误了”
  9. </script>
  10.  
  11. <style type="text/css" >
  12. .album img {
  13. vertical-align: middle;
  14. max-width:100px;   /* FF IE7+ */
  15. max-height:100px; /* FF IE7+ */
  16. _width:expression(this.width>100&&this.width>this.height?100:auto); /* IE6 */
  17. _height:expression(this.height>100?100:auto); /* IE6 */
  18. }
  19. </style>
  20. </head>
  21.  
  22. <body>
  23. <div class="album">
  24.    <img src="pic_01.jpg" />
  25.    <img src="pic_02.jpg" />  
  26. </div>
  27. </body>
  28. </html>

wordpress代码高亮插件CodeColorer使用方法

admin 发表于 2011-6-18 分类 知识口袋 | 发表评论

以前我们介绍过WordPress代码高亮插件COOLCODE使用方法另外也介绍过使用syntaxhighlighter插件在wordpress中显示高亮代码的方法，今天我们再介绍一个新的高亮代码插件:CodeColorer,它是一款wordpress下的代码高亮插件，支持语言广泛，有多种风格可以选择，另外也可以定义自己风格。

码高亮效果见页面：http://wordpress.org/extend/plugins/codecolorer/screenshots/

以上地址就是官网的下载页面和演示页面，大家直接直接去下载

当然这款插件也支持可视化编辑哦！方法在文章最后。

本文简单介绍一下CodeColorer的使用方法。

先看效果：

echo “This is php code”;

查看全文

使一个DIV垂直居中于浏览器

admin 发表于 2011-6-15 分类 知识口袋 | 发表评论

很老的一个话题了，以前使用表格很方便让里面内容来一个垂直居中，后来使用DIV的时候发现要让一个DIV在垂直方向上居中还真有点不知道怎么搞。

后来在国外网站看到一个垂直居中的DIV，仔细看了一下CSS之后也就明白了：

  1. div {
  2.     position:absolute;
  3.     top:50%;
  4.     left:50%;
  5.     margin:-50px 0 0 -60px;
  6.     height:100px;
  7.     width:120px;
  8.     }

说明：
1、这里我们使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二。
2、对于margin:-50px 0 0 -60px，前一个负50px是height的值除以二，后一个负60px是width的值除以二。

Everbox 盛大网盘--免费国产文件网络同步服务

Ben 发表于 2011-6-2 分类 快乐分享 | 发表评论

云端文件存储多设备同步服务已经越来越受到关注，当然，这也是因为使用网络文件同步型网盘服务的用户也越来越多了，大家都爱上了网络同步的便利。国外的Dropbox、SugarSync、Live Mesh，国内的Dbank、金山快盘、酷盘等产品也越来越多。

今天无意间发现一款由盛大推出的文件同步型网盘 EverBox (盛大网盘)，它提供数据存储和同步服务，提供了15GB的免费存储空间，支持文件同步、文件分享下载、在线浏览照片、在线听音乐等功能，并提供 Windows、Android手机等客户端程序……

相比国内的其他网盘，Everbox 作为盛大旗下的产品，稳定性、雄厚的资金和各种资源都有保证，稳定性、安全性方面应该值得信任。虽然目前没有太多亮点，但同步网盘本身就是一款基础性的产品，Everbox 支持在线音乐、视频、图片的播放等功能也算是比较适合个人使用了，有文件同步需求的朋友在选用国产网盘时可以考虑使用。毕竟，市场上多一个竞争对手，用户多一个选择，永远都是好事。另外，盛大之前推出的类似 EverNote 的网络笔记本服务麦库也是很优秀的一款免费国产产品。

废话不多，好处自己体验：点此注册EverBox盛大网盘！

搜索速度快到让您震精！极为优秀的免费文件搜索工具Everything下载

Ben 发表于 2011-3-9 分类 快乐分享 | 2条评论

使用电脑的朋友都会储存着大量的文件，如果你没有一个很好的使用习惯和管理方法，时间一长，当下载的东西越来越多乱起来的时候，可能你常常需要花上大半天的时间才找到一个文档。而Windows的搜索功能实在是太慢了，今天给大家介绍的就是一款被认为是当前最强最快最实用的文件搜索工具Everything。它几乎可以在瞬间从你的硬盘中找到你需要的文件！速度非常非常的快！！已经到难以置信的地步了！而且，而且它还是一款完全免费的软件，界面简洁，体积很小巧，但功能却非常丰富！引用xbeta的一段话：Everything搜索工具的最大优点是速度。其速度不是快，是极快；用户不是满意，而是震惊。你甚至会愤怒，它凭什么这么快？！ 查看全文


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