CSS

CSS HACK:关于Firefox3有效应用

FF3出来有一段时间了,本站对此版本的FF也发布了几篇相关文章。针对FF3的CSS HACK好不容易找到。
MOZILLA 已经对FF所有 3.0一下版本实行了 更新3.0的推送。

大部分都是3.0了,以前的HACK又失效了。

下面的代码是最新的FF3的HACK。只有 FF3支持。呵呵


#hack, x:-moz-any-link, x:default {
/* Firefox 3 style here */
}

(更多…)

CSS

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范

一.文件命名规范

全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;

二.常用类/ID命名规范

页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright 
导 航:menu
主导航:mainMenu
子导航:subMenu
标 志:logo
标 语:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
按 钮:btn
登 录:login
链 接:link
信息框:manage
……

(更多…)

WordPress, 资源

50+ WordPress随机插件

偶遇,或者说邂逅通常都是件美丽的事情.本文里面,为大家收集整理了50多个Wordpress随机插件,包括随机图片,随机格言摘要,随机视频,随机日志以及其它一些有趣的随机插件.

WordPress 随机图片插件

Random Image Selector: 从一个指定的文件夹里面随机显示其中的图片.

Random Image widget: 从一个指定的文件夹里面随机显示其中的图片.

NextGEN Gallery:强大的相册插件,上一篇文章已经介绍过.当然包含了随机图片列表功能.

WPG2: 一个Gallery插件. 可以显示来自GALLERY2的随机图片在Wordpress侧边栏.

Shashin: 一个Picasa相册插件. 支持随机Picasa图片显示.

Fotobook: 一个Facebook集成到Wordpress的插件.可以显示你的Facebook帐户中相册里的图片,作为随机图片添加到侧边栏的Widget.

Photon: 支持PHPWEBGALLERY的随机图片展示.

Picasaedissimo: 显示某个指定的Picasa相册的RSS Feed中的图片, 可以显示最新图片列表和随机图片.

Gallery Widget: 可以捕获Wordpress内置媒体库中的图片, 然后显示最新图片列表和随机图片列表. 可以指定显示某个分类文章下的图片.

Picasa Web Album Widget: 随机显示Picasa图像到Wordpress的侧边栏.

WordPress 随机日志插件

(更多…)

WordPress

Warning: cannot yet handle MBCS in html_entity_decode()! 的解决办法

版权声明:
本文可以任意转载,转载时请务必以超链接形式标明文章原始出处和作者信息。

————————————————————————————————————-

  前些日子我的博客上一直没有使用热门日志,因为我的WP-Postviews插件只要调用Most Viewed这个Widgets,首页就会出现很多行以下错误:

 Warning: cannot yet handle MBCS in html_entity_decode()! in /wp-content/plugins/wp-postviews/wp-postviews.php on line 238

  今天Google了一下,国内也有人出现此类问题,但没有正确的解决办法。然后我就找了找国外的网站,果然有好多相关问题和解决办法,我按照方法很快就解决了这个问题。

  插线这个问题的主要原因是网站空间环境是php4.x,而不是php5.x,如果是后者就不会出现此类问题,所以最好的解决办法就是将空间的php4.x升级到php5.x。当然,很多人可能无法升级php的版本,所以可以使用下面的方法完美解决:

  首先将你的wp-postviews.php页面进行备份,然后打开wp-postviews.php文件,找到下面这段代码:

 $text = html_entity_decode($text, ENT_QUOTES, get_option(‘blog_charset’));

将上面这段代码修改为下面这段代码:

 $text = utf8_decode($text);

好了,现在再试试吧,不出意外应该可以解决MBCS in html_entity_decode()!问题了!

希望这篇文章那个能够对也遇到这个问题的你有所帮助^_^

查看英文原文

WordPress

100+WordPress留言插件

  作为一个Wordpress博客来说, 留言的重要性不止是反反垃圾邮件这么简单. 在Wordpress插件世界里面, WordPress留言类插件和文章类插件是最多的. 这也从某种程度上说明了留言对博客的重要性. 本文收集整理了100多个Wordpress留言插件, 并且详细进行归类, 包括增强留言功能的Wordpress插件, 勾引读者留言的Wordpress插件, 美化留言列表的Wordpress插件, 加强交流互动作用的Wordpress插件等13个分类.

  对很多人来说, 留言是他们博客发展下去的动力. 除了内容为王这个道理之外, 借助一些插件赋予的功能也能对提升留言达到有效的作用. 希望你能从下面的列表中找到适合自己的Wordpress留言插件

1. 勾引读者留言的Wordpress插件

CommentLuv – 这个Wordpress插件可以为留言者添加来自他的博客的最新文章. 从而达到鼓励用户积极进行讨论的目的.
Suggest Comments – 非常简单的建议用户留言的Wordpress插件.

BlogFollow – 这个Wordpress插件在每条留言的下面显示留言者博客上的部分内容。

DoFollow – 删除留言者URL中的”nofollow”属性.

NoFollow Free – NoFollow这个Wordpress插件可以移除Wordpress博客留言部份的 “nofollow” 属性.

DoFollow Trackbacks – 删除trackbacks中”nofollow” 属性的Wordpress插件。

Show Top Commentators – 在你的Wordpress博客侧边栏上列出最多留言用户.

Top Commentators Widget – 这个Wordpress插件可以添加一个最多留言用户的Widget到你的博客侧边栏.


2. 美化留言列表的Wordpress插件

(更多…)

CSS, JavaScript, 网页设计

IETester – IE5.5、IE6、IE7、IE8.0下测试页面效果的利器

CSS兼容性问题一直被大家关注,而调试环境成为很多CSSer头疼的问题。如何在一台电脑中实现多个浏览器版本共存呢。

而今天向大家介绍一款新的工具IETester。这款工作个头不大,但是功能不小。它能模拟实现在IE5.5、IE6、IE7、 IE8.0环境下页面显示效果。包括HTML、CSS和JS的呈现。IETester支持XP和Vista系统,不过系统需要安装有IE7以上版本。

(更多…)

网页设计

美学设计—黄金分割与九宫格

  构图一词是英语COMPOSITION的译音,为造型艺术的术语。在《辞海》中,谈到“构图”为艺术家为了表现作品的主题思想和美感效果,在一定的空间,安排和处理人、物的关系和位置,把个别或局部的形象组成艺术的整体。在中国传统绘画中称为“章法”或“布局”。

首先说构图里的分布和造型,这里不得不提到2个名词:九宫格和趣味中心

  经典的黄金分割,松鼠的前面留出空地,若有所思的生态跃然纸上,令人忍俊不禁

  说九宫格前先说著名的黄金分割

  自从古希腊人发现黄金分割以来这种比例就被认为是美学的最佳比例而得到广泛的应用。

  其实黄金分割是造型艺术中的一种分割法则。亦称黄金分割率,简称黄金率。它的分割方法为,将某直线段分为两部分,使一部分的平方等于另一部分与全体之积, 或使一部分对全体之比等于另一部分对这一部分之比。即:在直线段AB上以点C分割,使(AC)2=CB×AB,或使AC∶AB=CB∶AC。

  抽象主义摄影大师兰克运用的黄金分割

  实践证明,它的比值约为1.618∶1或1∶0.618,被称为黄金比。黄金比最早是由古代希腊人发现的,直到19世纪被欧洲人认为是最美、最谐调的 比例。黄金比广泛用于造型艺术中,具有美学价值,尤其在工艺美术和工业设计的长和宽的比例(如书籍开本)设计中容易引起美感,故称为黄金分割。20世纪 中,法国建筑师Le科布西埃发现黄金比具有数列的性质。他将其与人体尺寸相结合,提出黄金基准尺方案,并视之为现代建筑美的尺度。法国还产生了冠名为黄金 分割画派的立体主义画家集团,专注于形体的比例。

  在实际运用中,黄金比多只采用近似值。最简单的方法是按照数列2、3、5、8、13、21……得出2:3、3∶ 5、5∶8、8∶13、13∶21等比值作为近似值。这种分割方法亦用于优选法。

  再说说九宫格,九宫格的源头可是我们中国人发明的一种构图模式,但巧的是它与黄金分割有着惊人的理论联系!大家们把画面的上下左右用黄金分割来做出4条线,我们惊奇的发现这就是我国古人所说的九宫格!

  看,整个主体分布在2和黄金分割线上

  人们发现在九宫格的4条线交汇的4个点是人们的视觉最敏感的地方,在国外的摄影理论里把这4个点称为“趣味中心”。顾名思义,被反复证明的是当被摄主体处于或发布在这4个点附近最容易得到“眼球”

  下面是摘自另一篇文章<设计和谐画面 浅谈黄金分割与摄影构图>关于黄金分割的算法

原理1

  如图A:“黄金分割”公式可以从一个正方形来推导,将正方形底边分成二等分,取中点X,以X为圆心,线段XY为半径作圆,其与底边直线的交点为Z点, 这样将正方形延伸为一个比率为5:8的矩形,(Y’点即为“黄金分割点”), A:C = B:A = 5:8。幸运的是,35MM胶片幅面的比率正好非常接近这种5:8的比率(24:36 = 5:7.5)

原理2

  如图B:通过上述推导我们得到了一个被认为很完美的矩形,连接该矩形左上角和右下角作对角线,然后从右上角向Y’点(黄金分割点,见图A)作一线段交 于对角线,这样就把矩形分成了三个不同的部分。现在,在理论上已经完成了黄金分割,下一步就可以将你所要拍摄的景物大致按照这三个区域去安排,也可以将示 意图翻转180度或旋转90度来进行对照。

很久以前的工作记录

给一个鲜花网站设计的首页效果图

这是我曾经为一个鲜花网站设计的首页效果图,颜色摒弃普通的绿色,而使用了更能代表植物的绿。


点击可以查看清晰大图

下面是配色表。

鲜花网站-配色表

WordPress

十个受欢迎的博客标题格式

世界著名博客的55篇经验之谈系列之十一:十个受欢迎的博客标题格式

如今,你看了太多类似的标题,像“如何……” 或者“……头条新闻”,希望换换口味?让我们尝试一些新的标题,给你的博客增加些新鲜血液。

1. 谁还需要……
用“谁还需要……”这样的标题,这是一个很好的社交策略,它暗示了一个已经存在的大众需求。这个策略在网络营销领域已经使用过度了,但在其他领域还是很有有效的。
谁还需要一个优秀的博客模版?
谁还需要一个高薪工作?
谁还需要一个轻松和有趣的假期?

2. ……的秘密
这个经典标题应用很广,因为它很有效。它是把圈内人的知识分享并给读者带来价值。
播客成功的秘密
在诉讼中保护资产的秘密
核准住房贷款的秘密

3.帮助……做……的方法
直接分出你的目标读者,还有你带给他们的价值。
帮助房主节省保险费的方法
帮助孩子学会快速阅读的方法
帮助作者撰写优秀博客标题的方法

4. ……不为人知的方法
同样达到”……的秘密”这样的标题的效果,可能还更好。
节省暖气费的不为人知的方法
Google Gmail的不为人知的使用方法
快速安全减肥的不为人知的方法

5. 一劳永逸的解决……问题
一个经典的标题格式,它指出了一个令人痛苦的难题,还表达了读者对解决问题的渴望。
一劳永逸的解决工作低效问题
一劳永逸的解决地毯污渍问题
一劳永逸的解决发型问题

6. ……的捷径
人们喜欢轻松快捷完成的一个繁琐的事情。
治疗感冒的捷径
教育晚辈的捷径
备份硬盘的捷径

7. 现在你能够……
经典的标题格式,给人一块点心吃——谁能不喜欢呢?
现在你能停止工作并赚更多的钱
现在你能在网上免费观看单打比赛
现在您能拥有一个运行Windows的苹果电脑

8. 像……那样的……
像外交官那样的讲西班牙语
像李斯特那样的博客

9.拥有令人骄傲的……
拥有令人骄傲的孩子
拥有令人骄傲的笑容
拥有令人骄傲的博客网

10.每个人应该知道的……
这样的标题会引起强烈的好奇心,人们会打开网页,看看是否自己遗漏了什么东西。
每个人应该知道的ASP
每个人应该知道的可变利率贷款
每个人应该知道的标题写作技巧

英文原文:10 Sure-Fire Headline Formulas that Work