设计稿合成web页面…

声明：本设计稿来自 经典才子 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;>还是一直专在。

二、实现--切图. images.rar (46.17 KB)

images.rar (46.17 KB)
下载次数: 93

2009-9-8 22:32

1、头部考虑到要1px平铺 所以 切 1px 高260左右.使得结构好的.
2、整理下 像素图 还是用背景吧.
3、其它的动刀后就出来了.

三、结构与样式 phpwind.rar (4.54 KB)

phpwind.rar (4.54 KB)
下载次数: 81

2009-9-8 22:32

1、习惯多出的切掉.
2、好友最新主题 用 table
3、最新动态 用 dl
4、整体结构 排列为 131

10点了多了，准备睡，就不写了其它的了。

作者: sika2278   发布时间: 2009-09-08

其实这个就是网页编写完的效果图截取，没想到ie7下底部有点错了


顺便把写完的静态页发出来吧，希望对大家有所帮助

[ 本帖最后由 lwid 于 2009-9-9 11:56 编辑 ]

附件

8月圈子风格静态页.zip (72.52 KB)

2009-9-9 11:56, 下载次数: 78

作者: lwid   发布时间: 2009-09-09

作者: phoenixtreeshow   发布时间: 2009-09-09

作者: uptao   发布时间: 2009-09-11

作者: dededesign   发布时间: 2009-09-11

作者: li83127579   发布时间: 2009-09-11

第三栏颜色过深..社区用活泼点的颜色..

作者: musictea   发布时间: 2009-09-11

作者: nanar   发布时间: 2009-09-12

作者: 10992633   发布时间: 2009-09-16

ie6 下哪个切换登入方式不正常；

0001.jpg (15.35 KB)

2009-9-17 08:37

作者: ruobilin   发布时间: 2009-09-17

作者: shangdishi   发布时间: 2011-03-09