图象处理

TUTU坊：http://www.sczz.com/

非常图酷http://www.tucoo.com

构图网：http://www.goto1.net

矢量LOGOhttp://www.findlogo.com/find1.htm

美图http://www.6to23.com/s8/

搜图网：http://www.sophoto.net/cgi-bin/imagefolio.cgi

伊美姬网http://www.imagegarden.net

桌面城市http://www.deskcity.com

中国图片库http://www.imaginechina.net/

夜*图库http://ycpic.myetang.com

网页制作大宝库http://www.4gee.com　

流星雨矢量图库http://meteor.loadskill.com　

中华图库http://www.star99.com/photo　

素材精品屋http://www.sucaiw.com　

热线素材精品：http://sucai.zjonline.com　

壁纸好莱坞http://jimmy.transfar.com　

Wincustomizehttp://www.wincustomize.com/

axialishttp://www.axialis.com/

Eboy Homehttp://www.eboy.com

ICON Listhttp://www.arkbook.com/icon/

ICON中国http://www.iconcn.com/

图标集中营http://www.51icon.com　

馨雅壁纸http://www.365pic.com/cn/index.php　

海龙文化http://www.hellosea.com/civilization/index.asp

中国古代龙 zzx.shangdu.com/artchina_design/design_photo/long/page_01.htm

最好的图片搜索引擎http://www.google.com/imghp?hl=zh-CN

非鸟矢量图库http://www.feiniao.net/ai/index.htm

闪吧矢量图库http://www.flash8.net/index_vector.asp

流星雨矢量图库http://meteor.loadskill.com/

梧桐树下矢量图库http://wtsx.my169.com/flash/2000slt/index.htm

平面设计与桌面出版--矢量素材区http://202.103.233.162/cd/downhtml/down-1.htm

素材网http://gimages.myetang.com/index.htm

猫猫图片酷http://www.tucoo.com/ai/index.htm

coffee 2006-04-01 10:40:16 阅读:681 评论:0 引用:0

谁偷了我的h2？

刚刚改版的博客，发现h2通通不见了，哪位青草地的好心人帮我找找h2跑到哪里去了？

具体症状，请看狗眼看人低

coffee 2006-03-30 17:18:48 阅读:274 评论:9 引用:0

韩国网页蜡笔配色

看韩国网页多些之后，发现他们的配色非常之————单调！不过毕竟是个目前很有影响的江湖流派，所以还是应该学习一下他们怎么把如此单调的颜色搞的如此热闹。他们自己的文章中说运用的是蜡笔色，蜡笔我倒是见过，蜡笔色是个什么东西，好像在化妆品中常用，在网页设计中并不确定。

我老人家只好自己动手，把韩国网页截图中的所谓蜡笔配色给揪出来，让喜欢韩流的兔子们省些力气：

coffee 2006-03-27 10:10:16 阅读:440 评论:3 引用:0

用图像代替提交按钮

当只有一个提交按钮的时候，可以简单地实现，不用加事件函数，代码是：
＜input type="image" name="..." src="/blog/url" width="" height="..." border="..."＞

　　除了标签改为input type="image"以外，其它的属性和＜img＞标签的属性是一样的，例如：

注意：

代替submit按钮的图片代码格式是
＜input type="image" name="..." src="..." onClick="document.formName.submit()"＞
代替reset按钮的代码图片格式是
<a href="javascript :document.formName.reset();">＜img border=0 src="..."＞</a>
注：这里的formName是表单的name属性值。

from:http://www.hzhtea.com/blog/user1/fifa/archives/2006/84.html

coffee 2006-03-27 09:21:28 阅读:2984 评论:1 引用:0

用CSS实现的文字竖排效果

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---用CSS实现的文字竖排效果</title>
</head>

<body>

<div style="layout-flow:vertical-ideographic">
说不上为什么<BR>
我变的很主动<BR>
若爱上一个人<BR>
什么都会值得去做<BR>
河边的风在吹着你吹着你的长发<BR>
飘动……<BR>
</div>

</body>

</html>

coffee 2006-03-27 09:05:30 阅读:311 评论:0 引用:0

css多彩文字链接

具体效果请参考：http://www.jscode.cn/JsCode/588.htm

      <html>
<head>
<title>网页特效|Linkweb.cn/Js|---CSS打造多彩文字链接</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
td {
font-size : 12px;
font-family : 宋体;
}
a {   font-family: "宋体";
font-size: 9pt; text-decoration: none}
.t1{
color: #CC0000;text-decoration: underline
}
.t2{
text-decoration : none;
color:#006699;
}

.t3 {  color: #006600; text-decoration: underline overline}
.t4 {  color: #0066FF; text-decoration: line-through}
.t5 {  border: 1px #FF0000 solid; height: 20px; color: #000099}
.t6 {  border: #FF0000 solid; height: 0px; color: #0066FF; border-width: 0px 0px 1px}
.t7 {  border: #FF0000 solid; height: 0px; color: #0066FF; border-width: 0px 0px 1px; padding-bottom: 5px}
.t8 {  border: #FF0000 solid; height: 0px; color: #0066FF; border-width: 0px 0px 1px;  width: 200px; text-align: center}
.t9 {  border: #FF0000 double; height: 0px; color: #0066FF; border-width: 0px 0px 3px}
.t10 {  border: 1px #FFFF00 solid; color: #FFFF00; clip:  height; background-color: #990000; height: 20px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 130px: 0px}
.t11 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; background-color:#D9DEE8; height: 25px; width: 150px; text-align: center; ; border: #D9DEE8; border-style: outset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.t12{
text-decoration : none;
color:#006699;
; height: 25px; width: 130px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px
; border: 1px #0000CC solid
; filter: Blur(Add=1, Direction=45, Strength=2)
; text-align: center
}
.t13 {  color: #FFFF00; text-decoration: none; height: 25px; width: 120px; font-family: "宋体"; font-size: 12px; background-image: url(http://www.webjx.com/htmldata/2005-12-12/bk3.gif); padding-top: 6px; padding-left: 5px; text-align: center}
.t13:hover {  color: #FFFFFF; text-decoration: none; background-image: url(http://www.webjx.com/htmldata/2005-12-12/bk4.gif); height: 25px; width: 120px; padding-top: 6px; padding-left: 5px; text-align: center}
.t14 {  color: #FFFF00; text-decoration: none; height: 25px; width: 120px; font-family: "宋体"; font-size: 12px; background-image: url(http://www.webjx.com/htmldata/2005-12-12/bk1.gif); padding-top: 5px; padding-left: 5px}
.t14:hover {  color: #000000; text-decoration: none; background-image: url(http://www.webjx.com/htmldata/2005-12-12/bk2.gif); height: 25px; width: 120px; padding-top: 5px; padding-left: 5px}

.t1:hover{
color: #0000FF;text-decoration: underline
}
.t2:hover{
text-decoration : underline;
color:#339900;
}

.t3:hover {  color: #9900CC; text-decoration: none}
.t4:hover {  color: #FF0099; text-decoration: none}
.t5:hover {  border: 1px #0000FF solid; height: 20px; color: #CCCC00}
.t6:hover {  border: solid; height: 0px; color: #0066FF; border-width: 0px 0px 1px; border-color: #00FF00 #00FF00 #00FF33 #00FF33}
.t7:hover {  border: #FF0000 solid; height: 0px; color: #990000; border-width: 0px 0px 1px; padding-bottom: 2px}
.t8:hover {  border: #FF0000 solid; height: 0px; color: #336600; border-width: 0px 0px 1px;  width: 170px; text-align: center}
.t9:hover {  border: #FF0000 double; height: 0px; color: #0066FF; border-width: 0px 0px 5px}
.t10:hover {  border: 1px #0000FF solid; color: #333333; clip:  height; background-color: #C8D8F0; height: 20px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 130px: 0px}
.t11:hover { BORDER-RIGHT: #99CCFF 1px outset; PADDING-RIGHT: 2px; BORDER-TOP: #99CCFF 1px outset; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #99CCFF 1px outset; PADDING-TOP: 2px; BORDER-BOTTOM: #99CCFF 1px outset;background-color:#C8D8F0; height: 25px; width: 150px; text-align: center; }
.t12:hover{
text-decoration : none;
color:#006699;
; height: 25px; width: 130px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px
; border: 1px #0000CC solid
; filter: Blur(Add=1, Direction=45, Strength=1)
; text-align: center
}
.txt10 {  line-height: 15px}

</style>
<script language="JavaScript">

</script>
</head>

<body bgcolor="#EBEAF4" text="#000000" onLoad="MM_preloadImages('bk4.gif','bk3.gif','bk2.gif','bk1.gif')">
<table width="300" border="0" cellspacing="1" cellpadding="5" align="center" bgcolor="#CCCCCC">
  <tr bgcolor="#FFFFFF" align="center">
    <td colspan="2" class="txt10">CSS打造多彩文字链接</td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td>一、</td>
    <td>初级链接样式</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>1、</td>
    <td><a href="#" class="t1">普通链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>2、</td>
    <td><a href="#" class="t2">无下划线链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>3、</td>
    <td><a href="#" class="t3">双划线链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>4、</td>
    <td><a href="#" class="t4">删除线链接</a></td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td>二、</td>
    <td>进阶链接样式风格</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>1、</td>
    <td><a href="#" class="t5">另类下划线的原理</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>2、</td>
    <td><a href="#" class="t6">定制下划线色彩</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>3、 </td>
    <td><a href="#" class="t7">定制下划线距离</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>4、 </td>
    <td><a href="#" class="t8">定制下划线长度和对齐方式</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>5、 </td>
    <td><a href="#" class="t9">定制双下划线</a></td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td>三、</td>
    <td>高级链接样式风格</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>1、</td>
    <td><a href="#" class="t10">定义块状链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>2、</td>
    <td><a href="#" class="t11">定义按钮风格的链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>3、</td>
    <td><a href="#" class="t12">定义特效链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>4、</td>
    <td><a href="#" class="t13">静态背景切换链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>5、</td>
    <td><a href="#" class="t14">动态背景切换链接</a></td>
  </tr>
  <tr bgcolor="#FFFFFF" align="right">
    <td colspan="2"><a href="http://www.webjx.com">网页教学网</a>改编</td>
  </tr>
</table>
<p class="t2">　</p>
</body>
</html>

coffee 2006-03-27 08:49:51 阅读:317 评论:0 引用:0

为blog4加油

最近青草地技术上有了大的改动，奈何美工跟不上，无法表现出新系统的伟大与美妙。具体布局上的改动，除了把左栏的挪到右边，右边的挪到左边之外，我暂时想不出什么好布局。还是先搞个css吧，从最简单的开始做起，诸位看看有没有一点“韩流”的味道？

具体例子请参考：山大同学录

coffee 2006-03-23 19:46:50 阅读:313 评论:10 引用:0

照片不小心误删除不用怕！

如果你象我一样粗心把自己喜欢的数码相机照片给不小心删除了怎么办？不用担心，有好用的软件Digital Image Recovery可以帮忙。它不仅会恢复最近删除的照片，而且会把以前的陈谷子滥芝麻都给你扒出来，呵呵！

coffee 2005-12-19 09:55:26 阅读:440 评论:1 引用:0

coffee就职演讲

诸位青草地的公民们：

虽然不是经过公民选举担任了青草地博客的css设计，但是既然得到了来自青草地缔造者hofman的推举，我感到无比荣幸和兴奋（此处作痛哭流涕状）。
写博客程序是个技术活，我是一窍不通的，本来没有参与的机会。但是幸好hofman是个“色盲”，临时又找不到别人帮忙，只好让我这个色弱的家伙滥竽充数还美其名曰千金买马（其实只是请我吃了顿饭，千金是没有滴）。
因为功力欠缺，我设计的css模板全部都是抄袭滴（高雅一点的说法是参考）。所以呢，css里面内容混乱，代码冗余，缺乏创新，兼容恶劣……。这并非全是我的错误，有时候是以讹传讹。（够无耻吧？）
既然就职，怎么也得干点活表示忠诚。目前第一个任务，是为现有模板进行评分：从符合标准、页面美观、原创性和加载速度等几个方面进行评分。
其中重要的一项标准是：能否同时支持个人博客模式（两栏）和小组织模式（三栏）。两栏模式的基本布局是right+center，三栏布局首页是left+main+right,次级页面仍旧是right+center。所以，两种模式是可以写在一个css模板里面的。
通过评选的模板将会被钦定为青草地的官方推荐模板！

coffee 2005-11-29 11:18:43 阅读:2349 评论:17 引用:0

google banner collection

Google 之美 (1998-2005)

2005

地球日 - 2005 年 4 月 22 日

达芬奇诞辰 - 2005 年 4 月 15 日

梵高诞辰 - 2005 年 3 月 30 日

2005 年 3 月 22 日

三八妇女节 - 2005 年 3 月 8 日

情人节 - 2005 年 2 月 14 日

中国农历新年 - 2005 年 2 月 9 日

新年快乐！- 2005 年 1 月 1 日

2004

节日的问候

Google 六岁生日 - 2004 年 9 月 7 日

雅典奥运会 - 2004 年夏季

金星凌日 - 2004 年 6 月 8 日

地球日 - 2004 年 4 月 22 日

闰年 - 2004 年 2 月 29 日

加斯顿·朱丽亚诞辰 - 2004 年 2 月 3 日

中国农历新年 - 2004 年 1 月 22 日

“勇气号”登陆火星 - 2004 年 1 月 15 日

新年快乐！- 2004 年 1 月 1 日

2003

节日的问候

飞机发明 100 周年 - 2003 年 12 月 17 日

Google 五岁生日 - 2003 年 9 月 7 日

阿尔弗雷德·希区柯克诞辰 - 2003 年 8 月 13 日

MC·埃舍尔诞辰 - 2003 年 6 月 16 日

发现 DNA 五十周年 - 2003 年 4 月 25 日

地球日 - 2003 年 4 月 22 日

爱因斯坦诞辰 - 2003 年 3 月 14 日

米开朗基罗诞辰 - 2003 年 3 月 6 日

情人节 - 2003 年 2 月 14 日

中国农历新年 - 2003年2月1日

新年快乐！- 2003 年 1 月 1 日

2002

节日的问候

毕加索诞辰 - 2002 年 10 月 25 日

Google 四岁生日 - 2002 年 9 月 27 日

安迪·沃荷诞辰 - 2002 年 8 月6 日

中国龙舟节 - 2002 年 6 月 15 日

世界杯 - 2002 年 5 月 31 日

地球日 - 2002 年 4 月 22 日

皮耶·蒙德里安诞辰 - 2002 年 3 月 7 日

盐湖城奥运会 - 2002 年冬季

新年快乐！

1:

2:

3:

4:

5:

2001

节日的问候

诺贝尔奖百年纪念典礼 - 2001 年 12 月 10 日

莫奈诞辰 - 2004 年 11 月14 日

地球日 - 2001 年 4 月 22 日

农历新年 - 2001 年 1 月 24 日

新年快乐！

2000

节日的问候

悉尼奥运会 - 2000 年夏季

新年快乐！

1999 1998

节日快乐

我们尚处于测试版时所使用的图标 - 1998 年

火人节 - 1998 年

是 Google Inc 的商标。

coffee 2005-11-28 18:01:58 阅读:708 评论:0 引用:0

导航

图象处理

最新评论

图象处理

2004