声明:本设计稿来自 经典才子 lwid的作品
本人用来练习合成之速度之乱作……严禁它用、商用。如觉得作品不错,请联系 才子 lwid 进行进一步的合作。
于2009年9月8日留
效果小图:
一、切图之前的一点思考.
1、最小宽为?,背景-x 实现视觉全屏.
2、header部分用body>1px背景平铺还是单切?
3、整体结构考虑采用131.
4、3中a与b之间的关系--a在b中还是b在a中?
5、像素图片整合在一起还是分开,关键是用background还是img的考虑.
6、好友最新主题 栏目的结构用table还是li?
7、社区热门只有10个?定了十个?
8、通知栏会display:none;>还是一直存在。
二、实现--切图.
1、头部考虑到要1px平铺 所以 切 1px 高260左右.使得结构好的.
2、整理下 像素图 还是用背景吧.
3、其它的动刀后就出来了.
三、结构与样式
1、习惯多出的切掉.
2、好友最新主题 用 table
3、最新动态 用 dl
4、整体结构 排列为 131
注:行为未写
10点了多了,准备睡,就不写了其它的了。
我写的效果在这里 deom
经典上帖子:设计稿合成web页面…

