Voicemail from Alan ZHANG (10 seconds)
Alan ZHANG has sent you a voicemail using Google Talk. It's 10 seconds long. To listen to this voicemail, please download the attached MP3.
Thursday, February 19, 2009
Sunday, February 8, 2009
CSS的定制Drupal主题风格
CSS的定制Drupal主题风格
Drupal的主题定制非常灵活，可以定制每个区块定制的风格。如果懂PHP的话，几乎可以做出可以想得到风格来。
实际上，在大多时候我们主要是通过图片+CSS来定制，这是一种最简单的定制，也不需要懂得太多的PHP知识。
在themes目录下的每个主题目录中，有一个style.css文件。定制CSS的关键是搞清楚CSS元素控制的对象。但许多人搞不清楚CSS元素控制的对象，在这方面花了不少时间。其实只要选对工具，这实际上是非常容易做的。
这个强大的工具就是Firefox。大多数人只知道Firefox是一个浏览器，实际上Firefox提供了大量网页开发的工具。例如：
+ 选定一部分网页内容，通过右键菜单的View Selection Source功能，可以查看选定部分网页的源码。这是一个杀手级的功能，再也不必为在庞大的HTML源码中找不到相应的目标内容而头痛了。
+ 菜单 Tools->Page Info 可以看到非常详细的网页内容，包括表单、链接、多媒体等信息
+ 菜单 Tools->DOM Inspector 可以对网页的HTML、JavaScript、CSS等内容进行很方便的分级浏览
Firefox的功能太多，一时半刻说不完，我们还是回到CSS定制上面来。这需要用到一个Firefox的插件，插件名称是Web Developer，可以在Firefox的网站上下载到这个插件。
安装好Web Developer插件后，就可以用其提供的功能来定位对象的CSS控制元素：
+ 插件的CSS菜单下有一个View Style Information功能非常好用，当你的鼠标电击到网页的某项内容，就能看到该项内容所使用的相关CSS内容。
+ 在Information菜单下有一个Display ID & Class Details功能，能在网页上显示所有的ID和Class信息。
Web Developer插件是专门为网页开发人员提供的一把宝刀，功能太丰富了，你们就慢慢去体会吧。
Thursday, February 5, 2009
《昨天》：一个80年生人的回忆
我看见大片大片的阳光
如果说《一毛钱》是用暴力的鼻血表达记忆之痛，那《昨天》则是在用流水一样的温情闪烁回忆的忧伤以及长大成人后对生活的反省。当记忆的水滴积重难返，我看见人生的河床上波涛汹涌，波澜壮阔。
给我印象最深的，是其中无处不在的光亮：片头门后射出的记忆之光、贯穿整个片子的阳光（你可以稍微注意一下每个场景）、两眼闭合前的灯光。
开头的睁眼与结尾的闭眼是两个很好的对比和隐喻：睁眼是为了看见，闭眼是为了反思。
我们拥有的，不仅仅是记忆中的阳光；儿时的阳光一直都在我们心中，一直照到现在。
"有时候，停下脚步，也是一种前进。"让我们时不时地停下匆匆的脚步，等等记忆，想想未来。
"漠然的忙碌，混沌的思索，遮挡不住曾闪耀的光辉……我们背叛了生活，背叛了信仰，却无法背叛童年，无法背叛曾经的纯真。"是什么雕刻了我们？
人生就像怀揣不同的梦想攀爬无尽的楼梯，楼道涂满沿途的风景。当我们站在更高的一级，我们说那些风景是记忆。
最后总会有一个房间盛放我们的梦想、记忆，和身体。
十三昨晚推荐这个视频的时候，问他为什么不发，他说：感触太深，笔墨不敢染指。
在一次聊天中，我们说起父辈。"80后总是顾影自怜地回忆自己。"他说，等有实力的那天，他要拍一个关于父辈的故事，"那些涌动的人群，灰衣灰裤中的一点红"。
当我们开始郑重其事地回忆（不论是自己还是父辈），表明我们正在长大。
如果说《一毛钱》是用暴力的鼻血表达记忆之痛，那《昨天》则是在用流水一样的温情闪烁回忆的忧伤以及长大成人后对生活的反省。当记忆的水滴积重难返，我看见人生的河床上波涛汹涌，波澜壮阔。给我印象最深的，是其中无处不在的光亮：片头门后射出的记忆之光、贯穿整个片子的阳光（你可以稍微注意一下每个场景）、两眼闭合前的灯光。
开头的睁眼与结尾的闭眼是两个很好的对比和隐喻：睁眼是为了看见，闭眼是为了反思。
我们拥有的，不仅仅是记忆中的阳光；儿时的阳光一直都在我们心中，一直照到现在。
"有时候，停下脚步，也是一种前进。"让我们时不时地停下匆匆的脚步，等等记忆，想想未来。
"漠然的忙碌，混沌的思索，遮挡不住曾闪耀的光辉……我们背叛了生活，背叛了信仰，却无法背叛童年，无法背叛曾经的纯真。"是什么雕刻了我们？
人生就像怀揣不同的梦想攀爬无尽的楼梯，楼道涂满沿途的风景。当我们站在更高的一级，我们说那些风景是记忆。
最后总会有一个房间盛放我们的梦想、记忆，和身体。
十三昨晚推荐这个视频的时候，问他为什么不发，他说：感触太深，笔墨不敢染指。
在一次聊天中，我们说起父辈。"80后总是顾影自怜地回忆自己。"他说，等有实力的那天，他要拍一个关于父辈的故事，"那些涌动的人群，灰衣灰裤中的一点红"。
当我们开始郑重其事地回忆（不论是自己还是父辈），表明我们正在长大。
Wednesday, February 4, 2009
本站的drupal风格提供下载了 老鬼
本站的drupal风格提供下载了
星期四, 01/15/2009 - 22:05 ― 老鬼
这个风格是我基于默认的garland主题简单修改的，并非纯原创，很多地方都是参考了国外的一些网站。模板文件基本没改，全修改css而来。你只需要下载本站css，然后稍微修改一下page.tpl.php就行了。本风格是左宽又窄两栏风格，不适合其他布局，你如果想改成其他布局需要自己修改css。
page.tpl.php只修改了四处，把breadcrumb、footer和searchbox移动了一下位置，然后加入了一个js让IE6支持li:hover属性(导航菜单里需要)。
压缩包里只有四个文件，page.tpl.php style.css fix-ie.css 还有我自行修改的搜索框文件search-theme-form.tpl.php，你只需要把它们放到garland文件夹里就行了。
为了搭配这个风格，你需要修改一下drupal的设置：
admin/build/themes/settings/garland 风格设置里把站点名称，站点口号关了，只显示logo。在内容类型里把内容类型的评论表单位置修改为"在评论或文章下方显示"。
导航出两个菜单分别用了自带的主导航链接和次链接，你可以去admin/build/menu/list里自行添加。
底部的版权信息你可以在站点设置添加。
page.tpl.php里的文字广告是我免费为我论坛核心会员做的，你不要骂我，这只算是我对论坛核心会员的一点感谢。你可以自己删除和修改。
我所使用的模块你可以在 http://my.chinahtml.com/modules/used 查看
本风格只是我稍微修改了一下css得到的，很多地方还不完善，我还在修改当中，请大家继续关注。
| 附件 | 大小 |
|---|---|
| chinahtmldrupaltheme.rar | 37.63 KB |
- 老鬼 的blog
- 546 次点击
Tuesday, February 3, 2009
53个你会感兴趣的CSS技术
53个你会感兴趣的CSS技术
星期六, 11/15/2008 - 11:59 ― 老鬼
CSS已经变得越来越常用，并且其重要性日渐突出。CSS为我们提供了一种全新的布局模式，使我们不必再拘泥于表格布局，并且让内容与展现形式完美地分离开来，因此更改页面的设计变得十分容易，只需更换一个css文件就搞定，确实很赞。
CSS诞生后接下来的几年里，网页制作者们发表了无数关于CSS开发技术的文章，从这些文章中我们受益匪浅，节约了大量的开发时间。以下，我将向大家推荐53个您一定会感兴趣的CSS技术，大部分都是很基本并且您已经离不开的。
3. CSS Tabs
4. CSS Bar Graphs (CSS For Bar Graphs)
5. Collapsing Tables: An Example
6. Adam's Radio & Checkbox Customisation Method
8. CSS Shadows (CSS Shadows Roundup)
9. CSS Rounded Corners Roundup (Nifty Corners)
10. Drop Cap - Capital Letters with CSS
11. Define Image Opacity with CSS
12. How to Create a Block Hover Effect for a List of Links
13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS
14. CSS Diagrams
15. CSS Curves
16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content �?whichever is visually lowest.
17. CSS Image Map
18. CSS Image Pop-Up
20. CSS Image Replacement for Buttons
21. Link Thumbnail
22. CSS Map Pop
23. PHP-based CSS Style Switcher
24. CSS Unordered List Calender (CSS Styled Calender)
25. CSS-Based Forms: Techniques
26. CSS-Based Tables: Techniques
27. Printing Web-Documents and CSS
28. Improved Links-Display for Print-Layouts with CSS
30. CSS Teaser Box
31. CSS Tricks for Custom Bullets
33. CSS Zooming
34. Creating a Star Rater using CSS
35. The ways to style visited Links
36. PDF, ZIP, DOC Links Labeling
37. Displaying Percentages with CSS
38. Image Floats without the Text Wrap
39. Let visitors decide, whether or not will they open link in a new window
40. Simple accessible external links
41. Zebra Table with JavaScript and CSS
42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS
44. Image Caption with CSS (Styled Images with Caption)
47. Hierarchical Sitemap with CSS
48. Snook�� Resizable Underlines
49. Switchy McLayout: An Adaptive Layout Technique
30个顶级Wordpress培训视频指南与教程
30个顶级Wordpress培训视频指南与教程
星期六, 01/17/2009 - 17:46 ― 凌未风 如何在Wordpress上安装PrettyURLs
WordPress是最受欢迎的博客发布平台之一，具有免费，高度可定制、容易安装和使用等特色。由于Wordpress是如此流行和受欢迎，你可以找到大量的Wordpress开发以及管理等方面的资源，丰富的用户指南让你能够快速的上手使用。
在这篇文章中，我们将充分利用观看视频指南和屏幕录象的优点来学习wordpress。视频教程允许你沿着导师的实时讲解来进行学习，它对许多人来说都是非常有效的教程格式。
你可以使用这些视频教程来自学Wordpress博客发布平台，或者介绍给你的那些对非技术性的客户参考，帮助他们使用Wordpress。你会发现这些指南按照不同的主题来组织，包括：主题开发与定制，站点管理，入门指南，以及一些Wordpress工具的使用。
WordPress 主题开发
Wordpress的设计
来自Chris Coyier的 ( CSS-tricks) Wordpress设计处理视频教程，包括3个部门的系列文章，参考 第二部分 和 第三部分
创建一个Wordpress模板
也是一个教程系列(这里是 第二部分 和 第三部分)，使用像MAMP (本地机器开发) 和 TextWrangler (是一个文本编辑器)这样的不同的免费工具来创建Wordpress Template。
WordPress技巧大杂烩
在这个视频教程中包括多个有用的Wordpress Theme自定义秘诀和技巧。
把WordPress当成CMS来用
学习如何创建具备CMS[内容管理系统，比如Drupal、Joomla]多种特色的Wordpress站点，而不仅仅是博客发布平台。比 如： SimplePie WordPress plugin.
Wordpress的本地安装
为了开发和测试，学习如何使用 WAMP 来安装Wordpress在你的本地机器上。
如何修改Wordpress Theme
在这个指南中，你将学习到在Wordpress中经常用到的 主题模板标签 [Theme Template Tags]
添加一个Twitter字段到你的表单中去
学习如何安装和设置 WP Twitip ID 插件来集成 Twitter到你的wordpress博客站点
如何在你的wordpress博客定制一个页眉（Header）
代替默认的wordpress header为自定义的header，让你可以快速开始使用你的wordpress博客
创建你的第一个小器件 widget
该视频指南告诉你如何创建一个wordpress的主题器件 theme widget
如何创建Wordpress插件
学习如何创建一个遵守 WordPress plugin 开发方针的wordpress插件
管理
如何在Wordpress上安装PrettyURLs
通过该视频教程来学习关于 permalinks 的一切(包括如何在你的wordpress站点设置永久链接
在wordpress中设置成员/用户目录
这个视频告诉你，如何在wordpress管理后台创建成员/用户目录列表页来显示成员信息。
忘记密码，用户信息更新
开启wordpress的HTTPS功能
学习使用 HTTPS 来提高wordpress的安全性。
升级Wordpress的最佳操作练习
升级wordpress是一个简单任务，不过在处理一个较大的升级之前你应该考虑一些额外步骤（不如备份你的wordpress数据库）本教程告诉你一个安全升级安装wordpress的好方法。
博客迁移，改变你的域名
如果你需要迁移你的wordpress安装到你服务器或者web主机其他的位置，你需要参考这个通用的指南，关于如何重新配置你存在的wordpress博客。
导入导出wordpress数据
关于wordpress数据的输入输出的一个屏幕录象指南。
WordPress博客的管理后台设置
获得有用的wordpress管理设置知识，帮助你适当的管理你的wordpress博客。
WordPress 的用户规则说明
在wordpress站点中，你可以分配给成员一些用户角色，这个指南告诉你这些用户角色都有些什么不同。
开始使用wordpress
为你的wordpress安装创建数据库
创建数据库是安装wordpress的首要步骤之一，本视频教程告诉你如何使用phpMyAdmin为wordpress创建数据库，phpmyadmin是大多数共享主机都具备的免费web应用工具。
使用google站点地图生成插件为wordpress创建sitemap
使用Google Sitemap plugin提升博客在搜索引擎上的结果，本指南告诉你如何安装和设置该插件。
wordpress入门使用
入门人员的装备，这个指南是对博客写作和wordpress一个很好的通用介绍。
Wordpress 安装和主题指导
启动和运行wordpress的安装，学习基本wordpress主题的好资料。
如何上传PDF文件
对于那些需要分享一些PDF文件给读者的wordpress用户来说，这个简短视频教程将非常有用
照片说明[Photo Captions]
描述显示在post中的照片的说明，本教程将告诉你为博客文章中的照片添加说明的方法
在wordpress中的简单页面编辑
如何在博客文章中创建图片相册
HTML和QuickTags与可视化编辑器
学习通过可视化编辑器（wordpress内建的WYSIWYG编辑器）与HTML代码进行内容编辑有什么不同
WordPress 工具
使用Windows Live Writer
为wordpress安装 Windows Live Writer ，你能够让博客作者离线发表文章。
如何使用Firefox插件发表wordpress博客文章
使用ScribeFire让博客发表更轻松，使用Mozilla Firefox浏览器插件加速你的博客文章更新速度。
原作：30 Excellent WordPress Video Tutorials
翻译：互联网营销博客 - zhengyong.net
Drupal，开源cms里的巨擘
我从2002年底就开始关注drupal了，当时在国内看不到一点关于drupal的资料，2003年写过几篇关于drupal的介绍文章，到现在都经常看到很多介绍drupal的文章里引用我的话。记得2003年看到海微在研究drupal，并且发布了中文语言包，打开了drupal进入中国的大门。海微是我一直敬仰的一个人，以前一直致力于xoops的中文化工作，现在竟然搞Hiweed Linux操作系统了。
海微发布drupal中文语言包后我就一直开始用drupal，不过都是当作普通的blog程序来用，基本上不装插件，也没改过风格。中途试着改过几次风格，但试了几次都放弃了，感觉很麻烦。
最近看了几个用drupal做的强站，看了之后感觉就是震撼，根本看不出是用个开源代码的做的，看了之后我又萌发了修改drupal风格的念头，打算为我的极客集改个版。研究了两天，终于明白drupal模板的原理了，对CCK和views这两个超强模块也有了新的认识，把官方的主要模块都看了看，看得我眼都花了，实在是太多了，对drupal的评价就是："只有想不到的，没有做不到的"你想要什么功能都有什么模块。这也是国外程序最大的特点，国内的人都抱怨国外的程序简单，不适合做大站，这都是因为没去研究过人家的模块。国外很多人把joomla，drupal叫做web操作系统，这很形象，人家只提供给你最底层的框架代码，其余的功能都留给模块了。就比如用windows一样，安装windows后可以使用，基本的功能也有，但你想要更多的功能就得装软件，你想让你的桌面变漂亮就得换主题。
Drupal属于开发型cms，最便于扩展的cms，在我看来它比joomla灵活很多，官方网站上的模块就有几千个，再加上cck的自定义字段功能，如果想用来做个门户网站功能上你也不用考虑太多了，所以现在Drupal程序员炙手可热，招一个Drupal程序员，不但可以为你节省更多的成本，还有利于以后的开发，毕竟核心代码你不用管了，和Linux一样，linux版本有几十个，但核心代码都是kernel小组开发的。
Drupal上手容易，各种模块装了就可以用，但如果想改模板需要熟悉CSS技术，也需要一定的PHP基础，当然还需要一定的英文基础，因为中文资料相对较少，但官方网站上的教程就够你看一辈子了。如果你css，php，英文都不错，那Drupal在你手中简直就是一个万能工具了，你会越来越对它爱不释手。
不得不承认，Drupal的模板是个门槛，在默认的模板基础上很难做出复杂的页面，和中国人心中的门户网站相差很远。要想做复杂的页面views成了必须用的模块，虽然它很灵活，但使用也很麻烦，而且如果调用太多很占资源，但这个你不必考虑太多，Drupal有很好缓存功能，还有很多缓存插件，数据查询都是一次性运行了放在一个表里随时调用，而且国外那么多大站用drupal充分说明了它的性能。
Drupal的模板核心就是区块(block)，你只需要把你的模板分成很多块，然后把drupa生成的区块排列在你的模板上，你安装的插件如果需要显示一般都会自动生成个区块。Drupal官方发布模板都比较简单，一般只适合做左中右结构的网站，如果你想自己在模板里多加一些容器来放Drupal的区块，需要phptemplate_regions函数，当然更方便的是module_invoke函数，可以让你的区块显示在你想放的任何地方。
drupal默认生成的各种区块里带有很多层的html代码，几乎每个html标签都有单独的css id或者class，这样方便你用css控制显示效果，这给我带来了极大的方便，不用动html代码就可以修改模板的显示效果。
这次给极客集改版让我学了很多东西，本来做了一个比较复杂的页面，调用比较多，研究了一下views模块，感觉太麻烦了，而我又不喜欢装模块，能不用的模块尽量不用，极客集只装了几个比较简单的模块(BUEditor,Google Sitemap,Month,Similar By Terms,Captcha)。views是最复杂的一个模块，代码体积几乎是drupal核心的三分之一，于是我打算放弃views做个比较简单的页面了。其实如果你PHP学的好的话完全可以不用views，views本质上就是生成一段Mysql查询语句。
Drupal的官方论坛是个大宝库，你遇到的问题几乎都可以在那里找到答案，随便提个问题就有很多热心人来帮你，而且还会有其他人给出不同的参考答案。这也是国外开源项目最让人羡慕的地方，真让人兴奋啊。去了官方社区才认识到自己很菜，
这篇文章不小心又成了鼓吹drupal的"枪稿"了，其实根本用不着夸它了，它刚刚获得了2007年最佳开源cms的大奖，去年这个奖是Joomla的。也许有人会问我"你整天说这个程序好，那个程序好，到底哪个最好啊？"，说实话我也不知道那个好，每个都有自己的特点，关键是看使用的人，有的人用个简单blog做的站比那些用大型CMS的都感觉复杂。我本人是见一个爱一个，我很多网站，都用不同的cms，它们都是我的情人，每个情人都能给我带来激情，哈哈。过几天打算写一篇比较国外cms的文章给大家参考，国内的不考虑，因为国内的都没特点，无法比较。
Subscribe to:
Posts (Atom)
Posts
评论