国外优秀婚纱摄影作品欣赏！（1）
作者:涩斑鸠 日期:2008-10-01 09:52
今天与大家一起分享国外的一组摄影作品---"结婚典礼之序幕"。在这组作品中，摄影师对细节的捕捉,精彩的构图,绝妙的光的应用,值得我们深深去体会。没有作做的POSE，没有多过的修饰,没有过多的人为的PS,而这一切又都是那么的自然,平实，而又让人兴奋和期待，期待这一刻一步一步的到来...... 现在，就让我们一起静静分享这美丽动人而又让人陶醉的瞬间吧!
ui设计资料集锦
作者:涩斑鸠 日期:2008-09-30 23:14
my photo
作者:涩斑鸠 日期:2008-09-29 15:42
该日志已被加密
网页制作中XHTML+CSS小技巧
作者:涩斑鸠 日期:2008-09-24 09:12
1div实现滚动条 (某些情况下可以替代iframe)
<style>
.gb { overflow:auto; white-space:normal; height:100px; padding:3px;}
</style>
<div class="gb"></div>
其中高度height和overflow是必须设置的！
ps:在IE下有的时候水平滚动条会出来，但是事实上，水平滚动条不没有实际的用途，貌似这个是IE的ｂｕｇ，解决方法：overflow-x: hidden
加上这个．把水平滚动条隐藏掉～
2.用css来实现三角形
HTML代码
<style>
.t{
width:50px;
border-style:solid;
border-color:#a6a2f7 #fff;
border-width:0 50px 50px 50px;
}
</style>
<span class="t"></span>
3.鼠标移上去是出现一个window的保存收藏打印的那个小框框，能不能限制它的出现？
在HEAD中加入
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
4. 图片上用新属性galleryimg
<img width=500 height=500 src=a.gif galleryimg="no">
5. 用vml来画圆角...
HTML代码
<html xmlns:v>
<head>
<style>
v\:* {behavior: url(#default#VML);}
#lone {
width:200;
height:70px;
}
</style>
</head>
<body>
<v:RoundRect id="lone" strokecolor="#000" strokeweight="4px" arcsize="0.8" fillcolor="#ff0000">
<!--arcsize 弧度值 fillcolor 圆的填充色 strokecolor 圆的边框色 strokeweight 边框大小-->
</body>
</html>
6 . IE下,当使用了FLOAT之后.用margin-left和margin-right 会变成用双倍的数值,例子:
margin-left:10px; 实际的效果是20PX;
解决的方法:(1),用display:inline;(2)用clear:float
方法1适应的范围比较广一些,(2)的话.只适合那些可以清除浮动的元素.不能清除的,不能用~
7.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：
div{margin:30px!important;margin:28px;}
注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：
div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;
8.IE5和IE6的BOX解释不一致IE5下
div{width:300px;margin:0 10px 0 10px;}
div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改:
div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}
这个/**/是IE5和firefox都支持但IE6不支持.
9.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义
ul{margin:0;padding:0;}
10.关于脚本，在xhtml1.1中不支持language属性，只需要把代码改为
<script type="text/javascript">
11.JS 的页面跳转脚本
HTML代码
<script language="javascript">
location.assign ("<a href="HTTP://webjx.com" target="_blank">HTTP://webjx.com</a>")
</script>
12. IE下用JS去掉所有链接和图片的焦点(因点击而产生的虚线框)
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>
13. 屏蔽右键类的代码
<body oncontextmenu="return false">
14。div＋css布局用了float之后背景不能延伸的解决方案
<div style="clear: both; font-size: 0;"></div>
原因：背景的自适应高度并不继承float的高度，背景会继承float底线所在容器中的位置高度，所以背景一定会找到最后一个标签去测定，这样我们在如上的标签，这个标签中什么也不放。也就是一个没有高度的空容器，这样它就可以把背影拉下来了。
15.用JS来处理图片变形的问题，等比例缩放图片，还能防止图片在加载过程中因为图片太大而引起的变形
<script language="JavaScript" type="text/javascript">
<!--
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
} else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
//-->
</script>
应用：
<img src="XXXX" alt="自动缩放后的效果" width="200" height="200" onload="javascript:DrawImage(this,"200","200");" />
这里给图片设置了固定的大小。用了JS函数之后，不影响效果：）
16.用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数。
17.未知大小的图片在一个已知大小容器中的水平和垂直居中
这个水平和垂直居中的例子能正常工作在IE5.x, IE6, IE7, Firefox, Opera, Mozilla, Netscape，为IE和非IE分别写了二套简单的样式。
IE使用inline-blocks，非IE使用table-cell and vertical-align。
CSS
/* for non-IE browsers */
div.holder {width:750px; height:300px; background:#f8f8f8;
border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
}
18 .在IE里面元素浮动之后.原来的边距(margin)会加倍,但是FF等就不会.解决方法
在浮动的元素的代码中加入：display: inline;，可使浮动被忽略，IE中不至于产生双倍距离.
19. 首页下沉的效果:
.post-body:first-letter {font-size:2.5em; float:left; padding:0 2px 0 0; line-height:1em; font-family:"楷体_GB2312"; font-weight:bold; color:#b00;}
20.半透明的效果
HTML代码
<div style="width:100px;height:100px;background-color:#f00;filter:alpha(opacity=50); /* IE */ ; -moz-opacity:0.5; /* Moz + FF */ ; opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/">我在任何浏览器里都是半透明的
</div>
my uidesign
作者:涩斑鸠 日期:2008-09-19 18:10
介绍几款CSS框架
作者:涩斑鸠 日期:2008-09-04 10:17
什么是框架？框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如：
* typography.css 字体排版规则
* grid.css 表格布局
* layout.css 布局
* form.css 表单
* general.css CSS常规设置
下面是一些不错的CSS框架，推荐。
Elements CSS Frameworks
Elements 是一个基础CSS框架，它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架，它拥有自己的工作流。它拥有你需要完成项目的各种元素，查看介绍：Overview .
YUI Grids CSS
很不错的框架，基础的YUI Grids CSS提供4种页面宽度，6种边框模板，以及控制行列能力。4kb文件提供了超过1000个页面布局，点击这里查看更多： Other features include:
YAML CSS Framework
Dirk Jesse的能够对(X)HTML/CSS 框架扩展，支持复杂web项目。YAML基于web标准和支持各种流行浏览器，尤其支持所有IE版本包括从 5.x/Win 到 7.0.
Blueprint CSS
Blueprint是一个CSS框架，它的目标是减少你的CSS开发时间。它提供给你强大的CSS基础来创建你的项目，包括易于使用的grid，有效的字体排版，以及可打印的stylesheet .
以下框架不详细说明，请点击链接查看详细内容。
优秀摄影资源网站整理汇总★★
作者:涩斑鸠 日期:2008-09-02 18:39
一个专业摄影师的网上收藏夹，现和大家分享，吐血推荐，希望对大家有帮助！
--------------------------------------------------------------------
[色影图酷] http://eephoto.cn 人物摄影,摄影知识,摄影作品欣赏,商业摄影,产品摄影,摄影偷拍
[色影无忌] http://www.xitek.com/ 全球最大中文摄影网
[全景正片] http://www.orderpic.com/default.aspp （摄影类）
[中国摄影在线] http://www.cphoto.net/ 中国互联网品牌50强
[国外摄影作品] http://www.sunmarch.com/wenzhang/sheying-01.htm 优秀国外摄影作品欣赏
[蜂鸟网] http://www.fengniao.com/ 中国影像第一门户
[广告摄影] http://www.ad520.com/guanggaosheying.htm 优秀广告公司商业摄影
[金相摄影网] http://www.kinphoto.cn/ 专业摄影师的网上家园
[享受摄影吧] http://www.der8.cn/ 中国知名摄影综合网站
[照片处理网] http://www.photops.com/ 软件,工具,素材,教程,模板,资源,下载
[中国网络摄影] http://www.chinaphotography.com 内容包括摄影论坛，二手交易，摄影画廊.
[新摄影] http://www.nphoto.net/ 中国摄影门户网站
[广告摄影欣赏] http://www.cisad.cn/picture/picture6.html
[影视广告制作] http://www.cfmake.com/ 影视广告,影视广告制作,影视广告公司,影视后期制作
[久特摄影] http://www.9take.com/ 原中国人体摄影网
[企业形象策划] http://www.diysi.com/ 专卖店设计,SI设计,品牌终端设计
[中国摄影家协会] http://www.cpanet.cn/ 中国摄影家协会主办
[橡树摄影网] http://www.xiangshu.com/ 中国规模最大的摄影俱乐部
[东方摄影] http://www.ea360.com/ 全球领先的中文摄影门户网站
[enet摄影] http://dclub.enet.com.cn/ 摄影,数码摄影,数字摄影,摄影技巧,摄影技术,摄影作品
[太平洋摄影] http://www.pconline.com.cn/digital/photo/ 中国最大的数码摄影互动社区
[爱爱摄影美图网] http://www.aaphoto.cn/ 一群摄影师的摄影作品展示网站
[龙河文艺] http://www.ydwl.net/ 摄像作家聚会的地方
[广东摄影家协会] http://www.gdart.com/gdsy/
[小熊在线数码] http://digi.beareyes.com.cn/ 最新数码资讯等
[中互摄影频道] http://photo.u-vv.com/vv/photo/index.shtml 网友原创媒体内容基地
[摄影经典] http://www.photowin.cn/ 专业摄影类网站
[迪派影像] http://www.dpnet.com.cn/ 专业的数码影像资讯网和中文商务网
[摄影SSphoto.cn] http://www.ssphoto.cn/ 中国最优秀的人文地理摄影网站！
[优秀广告摄影作品欣赏] http://www.ad520.com/enjoy/picture8.htm
[摄影日报] http://www.photodaily.net/ 摄影论坛，博客，作品下载等
[图说天下] http://www.fotosay.com/ 功能强大的摄影交流和图片交易平台
[影视广告创意网] http://www.dvdto.cn/ 从事影视广告创意理论知识研究的专门网站
[世纪摄影] http://photo.zjol.com.cn/ 浙江在线·世纪摄影
[西藏图片库] http://www.tibetpic.com/ 西藏各类图片齐全
[v2外景婚纱] http://www.v2.net.cn/v2/ 全球外景婚纱摄影顶尖品牌
[骄狂美色] http://www.jkms8.cn/ 美女图片的大本营
[摄影吧] http://www.der8.cn/ 专业摄影门户网站
[天涯社区摄影] http://www.tianya.cn/new/Publicforum/
[POCO摄影网] http://photo.poco.cn/ 中国领先时尚摄影平台 图片个人空间
[美女自拍网] http://www.dvdm.cn/ 包含白领自拍,模特自拍,调皮自拍,泳装自拍等
[大众摄影网] http://www.pop-photo.com.cn/ 《大众摄影》《大众DV》
[优色网] http://www.1se.cn/ 提供美女和明星相关的新闻资讯
[丽水摄影网] http://www.lsphoto.org/
[影与摄像] http://www.photovideochina.com/
[中华魅力网] http://www.sinoml.cn/ 提供中国的明星,美食,美女图片,名胜摄影等
[摄影之家] http://www.photo-home.com/ 含摄影技巧，摄影欣赏，名机欣赏，网上影展，摄影论坛。
[摄影天地] http://www.mm.com.cn/ 中国人的原创人体摄影基地.
[湛江摄影] http://photo.yinsha.com/ 军事摄影自然环境摄影 社会纪实摄影
[疯狂自拍网] http://www.dvdf.cn/ 最优秀的自拍写真图片全部奉献给网友,希望喜欢。