May 23 2007

测试一下外国人的办事效率

Filed under: Diary - ferry @ 22:06 pm

Dear admin:
My name is Ferry Chu,i’m a Chinese. Recently i customized a blog for myself in blogsome. I found it easyly to use and manage. And now,could you please add a plugin which named "Click Counter" for me? I think i need it very much,i realy want to know how many people visite my blog and how many people interested in BlogSome. :)

Thank you very much!

Follwing is my profile:
Name:Ferrychu
My blog:http://ferrychu.blogsome.com
Need plugin:Click Counter

Your quick reply will make me appreciated.
Best regards
Ferry

申请个Plugin,看看会不会有结果。。。emoticon

May 22 2007

开张记

Filed under: Diary - ferry @ 22:51 pm

下雨喽,开张喽……emoticon

从BI上遇到N多N人,首先看到BLOGSOME是从Old9处,没想到这还有一处不错的FreeBlog可用。注册开户测试了一下,功能和Donews(WordPress)的差不多,速度还行,于是就决定在这定居了.

希望能在这留一下生活的点点滴滴,关注和学习的技术资料,还有其它的……
希望有一天我也能变成N人……
希望所有的人都能变成N人……

还是在BI上看到一个强人的签名是:我要装着很懂技术。细细品味,觉得挺逗。于是把MSN签名改了:水太深,我要装着很懂技术。我也装一把。。。嘿嘿,有一至友在大学时就曾提及一句名言,哪个名人发明的不得而知,曰:装X很痛苦。可是,痛苦也要装。。。emoticon

石家庄人

Filed under: Diary - ferry @ 22:05 pm

没事走走看到一打油诗,挺有趣……没想到家乡还有这样的艺人emoticon
From:http://www.ufoblog.cn/article.asp?id=427

太行山上砍过树,烈士陵园盗过墓,此生行尽天涯路,石家庄人就是酷。
北国门口练摊爽,湾里庙中赶过场,万里长城万里长,石家庄人就是强。
南三条里下过海,车站广场挂过彩,青山颜色终不改,石家庄人就是拽。
民心河中洗过澡,裕彤里面赛过跑,天若有情天亦老,石家庄人就是吊。
立交桥下打过劫,师大门口飙过血,意气精魄坚如铁,石家庄人就是烈。
燕春花园吃过饭,浴都床上流过汗,也曾弯弓射大雁,石家庄人就是赞。
太和卖盘谋过生,南环大桥吹过风,万山览遍此为峰,石家庄人就是凶。

May 20 2007

用css样式表实现首字大写

Filed under: xhtml/css - ferry @ 18:26 pm

css当中有许多平时很少用的属性,但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐,首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法,东西很简单,下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法:
:first-letter版本:CSS2 兼容性:IE5.5+

语法:Selector : first-letter { sRules }

说明:设置对象内的第一个字符的样式。
此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。

在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。
示例:p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }

应用于:IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD DIV DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP

目前IE和FF都支持此属性,所以大家不必顾虑兼容性的问题,当然要记得设置float属性哦,不然就不会出现那种大字紧贴几行的效果了。

范例(未设置float属性):
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;}
</style>
<p>欢迎大家来到<a href="http://homepage.yesky.com"><a href="http://homepage.yesky.com/" class="bluekey" target="_blank">网页</a>陶吧</a></p>
范例(设置float属性为left):
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;float:left;}
</style>
<p>欢迎大家来到<a href="http://homepage.yesky.com">网页陶吧</a></p>
ths

网页一屏有多大?

Filed under: xhtml/css - ferry @ 18:12 pm

From:http://dancewithnet.com

网站设计时,有一个最常用的指导性原则:页面长度原则上不超过3屏,宽度不超过1屏。这个原则明显是从用户的体验出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条,这几乎是目前的设计准则。那么这里的一屏到底是多大呢?

普通用户通常浏览网页时,其浏览网页的有效面积会受到下面几个方面的影响:

  1. 显示器的分辨率
    这个由科技发展和用户购买力及喜好决定,其数据取决于统计。
  2. 操作系统
    毫无疑问目前是Windows的天下,其中WindowsXP占绝大多数。
  3. 网页浏览器
    IE依旧份额最高,但是Firefox、Opera和Safari等也有一定市场。
  4. 个人定制
    主要是用户定制操作系统的样式、操作系统任务栏是否隐藏和浏览器的样式,但是总体上这部分应该属于高级用户,绝大部分用户依旧会使用操作系统和浏览器的默认样式。

下面是关于浏览器和屏幕分辨率的统计数据:
W3Counter于2006.11.12发布的全球统计数据
        W3Counter于2006.11.12发布的全球统计数据
国内某知名站点2006年10月份的数据
        国内某知名站点2006年10月份的数据

由上面的数据可以得出:

  1. 基本上用户分辨率都在800×600以上,绝大部分都在1024×768以上,从全球情况来看,800×600的分辨率会越来越少。
  2. 国内浏览器依旧是IE6的天下,这将会持续较长的时间。从全球市场来看,国内的Firefox2.0和IE7会逐步增长,特别当IE7的中文版推出和Windows自动更新的推广开始以及随Vista上市,IE7增长会更快。

所以计算一屏大小应基于以下原则:

  1. 一屏指绝大部分用户的浏览器显示网页的有效可视区域。
  2. 一屏的计算环境是Windows XP和浏览器均处于默认样式。
  3. 由于IE无论是否超过一屏都存在纵向滚动条的位置,Firefox和Opera是在页面超过一屏的时候出现纵向滚动条,且浏览绝大部分网页都有纵向滚动条的存在,所以一屏大小的计算都基于浏览器有纵向滚动条的状态下。
  4. 由于Firefox2.0在只浏览一个网页时不出现多窗口的控制栏,而其它的多窗口浏览器都出现多窗口控制栏且使用时都会同时浏览多个网页,所以一屏大小在Firefox中指多窗口的控制栏存在时。

下面是基于上面的原则得到常用浏览器和分辨率下的的数据结果:

 有效可视区域(单位:px)屏幕一二三
800 600 1024 768 1280 1024
IE6.0 779(+21) 432(+168) 1003(+21) 600(+168) 1259(+21) 856(+168)
IE7.0 779(+21) 452(+148) 1003(+21) 620(+148) 1259(+21) 876(+148)
Firefox2.0 783(+17) 417(+183) 1007(+17) 585(+183) 1263(+17) 841(+183)
Opera9.0 781(+19) 461(+139) 1005(+19) 629(+139) 1261(+19) 885(+139)

关于上面数据的解释和一些其他事实:

  1. 在800×600分辨率和Windows XP下定制Windows的经典样式IE6的有效可视区域是780×445,Windows98、Windows 2000和Windows2003均采用经典样式切IE5.0、IE5.5、IE6.0的布局上相似,所以相同分辨率下应该比Windows XP默认的样式要大。
  2. 知道浏览器型号和屏幕的分辨率能够很容易的推算出可视区域面积,比如1024×768下IE7.0的可视面积是(1024-21)×(1024-148)

综合上面所有的数据,结论如下:

  1. 最保守而最有兼容性的一屏大小是:779×432
  2. 最广泛的一屏大小是:1003×600
  3. 适合目前国内的情况,一屏大小是779×600

May 4 2007

每天看一遍都能让你有所收获的25句话

Filed under: Diary - ferry @ 20:43 pm

From:http://liizhi.blogspot.com/2007/05/25.html
1.记住该记住的,忘记该忘记的。改变能改变的,接受不能改变的 。
2.能冲刷一切的除了眼泪,就是时间,以时间来推移感情,时间越长,冲突越淡,仿佛不断稀释的茶。
3.怨言是上天得至人类最大的供物,也是人类祷告中最真诚的部分。
4.智慧的代价是矛盾。这是人生对人生观开的玩笑。
5.世上的姑娘总以为自己是骄傲的公主(除了少数极丑和少数极聪明的姑娘例外)。
6.如果敌人让你生气,那说明你还没有胜他的把握。
7.如果朋友让你生气,那说明你仍然在意他的友情。
8.令狐冲说“有些事情本身我们无法控制,只好控制自己”。
9.我不知道我现在做的哪些是对的,那些是错的,而当我终于老死的时候我才知道这些。所以我现在所能做的就是尽力做好每一件事,然后等待着老死。
10.也许有些人很可恶,有些人很卑鄙。而当我设身为他想象的时候,我才知道:他比我还可怜。所以请原谅所有你见过的人——好人或者坏人。
11.鱼对水说:你看不到我的眼泪,因为我在水里。水说:我能感觉到你的眼泪,因为你在我心里。
12.快乐要有悲伤作陪,雨过应该就有天晴。如果雨后还是雨,如果忧伤之后还是忧伤,请让我们从容面对这离别之后的离别,微笑地去寻找一个不可能出现的你!
13.死亡教会人一切,如同考试之后公布的结果--虽然恍然大悟,但为时晚矣!
14.你出生的时候,你哭着,周围的人笑着;你逝去的时候,你笑着,而周围的人在哭!一切都是轮回!!!!我们都在轮回中!!!!
15.男人在结婚前觉得适合自己的女人很少,结婚后觉得适合自己的女人很多。
16.于千万人之中,遇见你所遇见的人;于千万年之中,时间的无涯荒野里;没有早一步,也没有晚一步,刚巧赶上了。
17.每个人都有潜在的能量,只是很容易:被习惯所掩盖,被时间所迷离,被惰性所消磨。
18.人生短短几十年,不要给自己留下了什么遗憾,想笑就笑,想哭就哭,该爱的时候就去爱,无谓压抑自己。
19.《和平年代》里的话:当幻想和现实面对时,总是很痛苦的。要么你被痛苦击倒,要么你把痛苦踩在脚下。
20.真正的爱情是不讲究热闹不讲究排场不讲究繁华更不讲究嚎头的。
21.生命中,不断地有人离开或进入。于是,看见的,看不见了;记住的,遗忘了。生命中,不断地有得到和失落。于是,看不见的,看见了;遗忘的,记住了。然而,看不见的,是不是就等于不存在?记住的,是不是永远不会消失?
22.我们确实活得艰难,一要承受种种外部的压力,更要面对自己内心的困惑。在苦苦挣扎中,如果有人向你投以理解的目光,你会感到一种生命的暖意,或许仅有短暂的一瞥,就足以使我感奋不已。
23.我不去想是否能够成功,既然选择了远方,便只顾风雨兼程;我不去想身后会不会袭来寒风冷雨,既然目标是地平线,留给世界的只能是背影。
24.后悔是一种耗费精神的情绪。后悔是比损失更大的损失,比错误更大的错误。所以不要后悔。
25.日出东海落西山,愁也一天,喜也一天;遇事不钻牛角尖,人也舒坦,心也舒坦。

April 30 2007

图片自动加圆角的两种方法

Filed under: xhtml/css - ferry @ 19:29 pm

准备:4个圆角GIF/PNG透明图
第一种方法:图片做背景

* { background:red; } .pic { background:url("http://www.douban.com/mpic/s1818356.jpg"); width:660px; height:300px; } .tl { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/ item/a78762d0aea88b8ca1ec9c2b.jpg") no-repeat top left; } .tr { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/ item/4eb363273a7bed00908f9d2b.jpg") no-repeat top right; width:660px; height:300px; } .bl { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/item/ 6d4c8a13348c78d3f6039e2b.jpg") no-repeat bottom left; } .br { background:url(http://hiphotos.baidu.com/ferryboat401/abpic/ item/702f8c545445ea1c3b29352b.jpg) no-repeat bottom right; width:660px; height:300px; }

第二种方法:图片被插入
* { background:red; } .tl { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/ item/a78762d0aea88b8ca1ec9c2b.jpg") no-repeat; width:10px; height:10px; position:absolute; top:15px; left:10px; } .tr { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/ item/4eb363273a7bed00908f9d2b.jpg") no-repeat; width:10px; height:10px; position:absolute; top:15px; left:206px; } .bl { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/ item/6d4c8a13348c78d3f6039e2b.gif") no-repeat; width:10px; height:10px; position:absolute; top:38px; left:10px; } .br { background:url("http://hiphotos.baidu.com/ferryboat401/abpic/ item/702f8c545445ea1c3b29352b.jpg") no-repeat; width:10px; height:10px; position:absolute; top:38px; left:206px; }
over

«前一页
Get free blog up and running in minutes with Blogsome
Theme designed by Ferry Chu
Website Hit Tracking
Copyright © 2007 Chuyujiang