FW路径练习
任务：
第一步：fw里画一个直角矩形①和2个圆角矩分别为②、③ 如图：
第二步：将直角矩形①置于②③下，分别用②、③对①打孔，得到图中①。复制①（这里将复制的①命名为C①），画圆角矩形④，宽度于①中凸出部分相等如图：[break]
第三步：将④置于①下打孔，重新得到图①，对①和C①执行联合。得到⑤，如图
结束
很强大的一种写法
来源于蓝色的一篇position方式构建B/S结构软件界面的文章：Html+CSS 构建 B/S结构软件界面 -- 布局篇 -- position方式
单行图文混排垂直居中
记得“守望幸福for pw6.0 论坛风格”导航中就遇到过这个问题，当时是吧图片高度设为行高然后设置align为absmiddle才解决的。今天又有位同学忽然问我background中的left、right是什么意思。一下把我给问傻了，平时用的稀里糊涂的都没仔细想过。稀里糊涂的还有css script背景位置值的确定，有时真是想不明白为什么会是负值。
JavaScript DOM编程艺术中的代码片段
第一个对《JavaScript DOM编程艺术》中的代码做了点修改，用途是判断当前栏目。初学javascript，算交作业了！书中还有个是表格隔行换色的。我以为这个可以用ccs来实现，而且这种表现层的东西就应该是css的事情。
dedecms自定义函数
按BOSS要求用dede仿了个商业站(为什么他总是让我去仿站？BT！！)，可是在某些功能的实现上dede还是有些不足，还好dede能自行扩展function(include/inc_functions.php文件)，结合低层模板，基本能解决问题。
举个简单的例子：列表页显示附加表相关字段。
首先，用arclist显示列表，然后是低层模板：[field:ID function="getaddinfos('@me')"/]，最后写个函数反回需要的附加表内容(这里以“联系电话“为例)：
举个简单的例子：列表页显示附加表相关字段。
首先，用arclist显示列表，然后是低层模板：[field:ID function="getaddinfos('@me')"/]，最后写个函数反回需要的附加表内容(这里以“联系电话“为例)：
line-height绝对垂直局中(非上下相差3px)
虽然题目这么写，可是这真是bug吗？我觉得不算。
问题来源于蓝色WEB标准化专栏：http://bbs.blueidea.com/thread-2835071-1-1.html
line-height使文本居中的3像素bug，先查下这3px的...
守望幸福for pw6.0
这是刚开始弄博客的时候的一个pw风格，现在看来颜色还是很漂亮（可惜不是我“发明”的），只是代码写的很糟！
截图：[break]
xhtml书写 - 大处着眼小处着手
如果你辛辛苦苦写的代码在默认浏览器里BT掉时是什么感受？当然这在一定程度上是浏览器差异造成的，可是更主要的是自己的书写问题，不止是写没写hack。假设我们就单写一个200*200、边框为1px黑色的div，会在陌生浏览器BT吗？
写页面其实跟很多东西都有相通的地方，都需要有全局的眼光。整体没有把握好的画是不能看的，目光短浅的人不能做大生意。
写页面其实跟很多东西都有相通的地方，都需要有全局的眼光。整体没有把握好的画是不能看的，目光短浅的人不能做大生意。
上下导航写法的补充
原来的写法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25px;line-height:25px;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0;}
#nav li a span {display:block;padding:8px 12px 3px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) right 0;}
#nav li a:hover {background-position: 0 -25px;}
#nav li a:hover span {background-position: right -25px;}
#subnav {position:relative;z-index:-100;margin-top:-1px;height:26px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="http://etosun.cn">点不到我</a>我是选不中的文字
</div>
</body>
</html>[/hcode][separator]
这种写法subnav中的文字不可选择，其中的连接不可用，也不兼容FF。
改动后的写法：
[hcode]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav {overflow:hidden;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25x;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0px;}
#nav li a span {display:block;padding:5px 12px 4px 6px;*padding:7px 12px 4px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) no-repeat right 0;}
#nav li a:hover {position:relative;background-position: 0 -25px;}
#nav li a:hover span {position:relative;background-position: right -25px;}
#subnav {clear:both;margin-top:-1px;height:206px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="">点的到我</a>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25px;line-height:25px;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0;}
#nav li a span {display:block;padding:8px 12px 3px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) right 0;}
#nav li a:hover {background-position: 0 -25px;}
#nav li a:hover span {background-position: right -25px;}
#subnav {position:relative;z-index:-100;margin-top:-1px;height:26px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="http://etosun.cn">点不到我</a>我是选不中的文字
</div>
</body>
</html>[/hcode][separator]
这种写法subnav中的文字不可选择，其中的连接不可用，也不兼容FF。
改动后的写法：
[hcode]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav {overflow:hidden;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25x;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0px;}
#nav li a span {display:block;padding:5px 12px 4px 6px;*padding:7px 12px 4px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) no-repeat right 0;}
#nav li a:hover {position:relative;background-position: 0 -25px;}
#nav li a:hover span {position:relative;background-position: right -25px;}
#subnav {clear:both;margin-top:-1px;height:206px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="">点的到我</a>
</div>
</body>
</html>
上下导航的一种写法
看效果，这种做法鼠标翻转的时候鼠标所在导航下面会没有横线。要点就在对图片的处理和对id为subnav的div的处理上，subnav使用相对定位，以便于设置z-index属性让能被上面的导航遮盖住（设置负值的上边距）[break]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q...