webrebuild.org第四届年会——金秋四城联动

粤建三和软件网站设计

2007年06月11日 | 作品

查看页面DEMO

粤建三和软件网站设计DEMO

已有 0 条评论

东莞建设监督网

2007年05月18日 | 作品

东莞建设监督网1  东莞建设监督网2

已有 0 条评论

Sec-space icon demo 2

2007年04月15日 | 我的生活

基本上定型了。现在改成一只鸟头了~做上次那个猴子尾巴时候变种出来得-.-扭着扭着就扭出来了@.@

已有 0 条评论

Sec-space.cn Icon Demo

2007年04月12日 | 我的生活

中午从桌子上爬起来-.-~~

闪过一个PP,大体就如这样拉：  (画笔画的，凑合ba！) 就是一个V,然后一个上扬尾巴.

然后就想到思妙的招牌猴子的尾巴。——->>>

貌似是翻了180度~可别说我D版…想过很多icon,暂时就觉得这个尾巴还不错

已有 0 条评论

纯CSS的图片展示效果

2007年04月05日 | HTML/CSS

原文：http://bbs.blueidea.com/thread-2728504-1-1.html
然后还在回帖中看到一个更强的：http://www.cssplay.co.uk/menu/lightbox.html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh” lang=”zh”>
<head profile=”http://www.w3.org/2000/08/w3c-synd/#”>
<meta http-equiv=”content-language” content=”zh-cn” />
<meta http-equiv=”content-type” content=”text/html;charset=gb2312″ />

<style>

dl {
position:absolute;
width:240px;
height:170px;
border:10px solid #eee;
}
dd {
margin:0;
width:240px;
height:170px;
overflow:hidden;
}
img {
border:1px solid black
}
dt {
position:absolute;
right:3px;
top:50px;
}
a {
display:block;
margin:1px;
width:20px;
height:20px;
text-align:center;
font:700 12px/20px “宋体”,sans-serif;
color:#fff;
text-decoration:none;
background:#666;
border:1px solid #fff;
filter:alpha(opacity=40);
opacity:.4;
}
a:hover {
background:#000
}
</style>

<dl>
<dt><a href=”#a” title=”">1</a><a href=”#b” title=”">2</a><a href=”#c” title=”">3</a></dt>
<dd>
<img src=”http://farm1.static.flickr.com/80/251133988_e0b8174060_m.jpg” alt=”" title=”" id=”a” />
<img src=”http://farm1.static.flickr.com/6/76318014_e50414fe42_m.jpg” alt=”" title=”" id=”b” />
<img src=”http://farm1.static.flickr.com/48/172522117_410a1e87c1_m.jpg” alt=”" title=”" id=”c” />
</dd>
</dl>

扩展应用：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh” lang=”zh”>
<head profile=”http://www.w3.org/2000/08/w3c-synd/#”>
<meta http-equiv=”content-language” content=”zh-cn” />
<meta http-equiv=”content-type” content=”text/html;charset=gb2312″ />

<style>

dl {
position:absolute;
width:240px;
height:170px;
border:10px solid #eee;
}
dd {
margin:0;
width:240px;
height:170px;
overflow:hidden;
}
dt {
position:absolute;
right:1px;
}

ul {
margin:0;
padding:0;
width:260px;
height:170px;
list-style:none;
background:url(“http://bbs.blueidea.com/attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif“) no-repeat 75% 20px;
border:1px solid #ccc
}
#b {
background-position:75% center
}
#c {
background-position:75% 86%
}
li {
width:205px;
height:27px;
font:12px/27px “宋体”,sans-serif;
white-space:nowrap;
overflow:hidden;
}
dt a {
display:block;
margin:1px;
width:30px;
height:56px;
text-align:center;
font:700 12px/55px “宋体”,sans-serif;
color:#fff;
text-decoration:none;
background:#666;
}
dt a:hover {
background:orange
}
</style>
<dl>
<dt><a href=”#a” title=”">新闻</a><a href=”#b” title=”">娱乐</a><a href=”#c” title=”">体育</a></dt>
<dd>

<ul id=”a”>
<li>·<a href=”" title=”">国际新闻国际新闻国际新闻</a></li>
<li>·<a href=”" title=”">国际新闻国际新闻国际新闻</a></li>
<li>·<a href=”" title=”">国际新闻国际新闻国际新闻</a></li>
<li>·<a href=”" title=”">国际新闻国际新闻国际新闻</a></li>
<li>·<a href=”" title=”">国际新闻国际新闻国际新闻</a></li>
<li>·<a href=”" title=”">国际新闻国际新闻国际新闻</a></li>
</ul>

<ul id=”b”>
<li>·<a href=”" title=”">娱乐新闻娱乐新闻娱乐新闻</a></li>
<li>·<a href=”" title=”">娱乐新闻娱乐新闻娱乐新闻</a></li>
<li>·<a href=”" title=”">娱乐新闻娱乐新闻娱乐新闻</a></li>
<li>·<a href=”" title=”">娱乐新闻娱乐新闻娱乐新闻</a></li>
<li>·<a href=”" title=”">娱乐新闻娱乐新闻娱乐新闻</a></li>
<li>·<a href=”" title=”">娱乐新闻娱乐新闻娱乐新闻</a></li>
</ul>

<ul id=”c”>
<li>·<a href=”" title=”">体育新闻体育新闻体育新闻</a></li>
<li>·<a href=”" title=”">体育新闻体育新闻体育新闻</a></li>
<li>·<a href=”" title=”">体育新闻体育新闻体育新闻</a></li>
<li>·<a href=”" title=”">体育新闻体育新闻体育新闻</a></li>
<li>·<a href=”" title=”">体育新闻体育新闻体育新闻</a></li>
<li>·<a href=”" title=”">体育新闻体育新闻体育新闻</a></li>
</ul>
</dd>
</dl>

已有 1 条评论

IE 特有注释(hack)

2007年04月05日 | HTML/CSS

IE特有注释格式：

html
<!--[if *condition IE *version]>contend<![endif]-->

*condition 值说明：

  • gt: greater than，选择条件版本以上版本，不包含条件版本
  • lt: less than，选择条件版本以下版本，不包含条件版本
  • gte: greater than or equal，选择条件版本以上版本，包含条件版本
  • lte : less than or equal，选择条件版本以下版本，包含条件版本

ex.:

html
<!--[if lt IE 7.0]>IE7.0以下可见（不包括ie7.0）<![endif]-->
已有 1 条评论

总算是架好了自个的blog了

2007年04月05日 | 我的生活

测试下咯,111111111111111abcdefg

工作中.摸鱼中.^^

已有 0 条评论
8/8« 最新...45678