photoshop教程

网站PSD模板切图为XHTML+CSS的网页实例(4)

时间:2009-06-06 15:13来源:译言 作者:admin 点击:
另一个导出的小的可自动伸缩部分的是导航栏的背景,它可以根据菜单文字的长度来自动伸缩。这里需要使用png的文件因为可以利用其透明度来覆盖住不同颜色的背景,这样看起来会更~和谐~~~~ 文章部分在概念 设计 稿上是

另一个导出的小的可自动伸缩部分的是导航栏的背景,它可以根据菜单文字的长度来自动伸缩。这里需要使用png的文件因为可以利用其透明度来覆盖住不同颜色的背景,这样看起来会更~和谐~~~~

PS把PSD网站模板切图为XHTML+CSS的网页

文章部分在概念设计稿上是跟侧边栏有一样的边线效果,但是因为他们没有覆盖在其他的图片上并且也没有复杂的透明度等问题,所以我们将会用纯粹的css代码来实现他的效果。

PS把PSD网站模板切图为XHTML+CSS的网页

接下来就是使用了蓝色渐变的内容区(也就是放留言数继续阅读等的区域),这个地方也是导出一个瘦长的区域然后横向重复就能达到其效果。

PS把PSD网站模板切图为XHTML+CSS的网页


(责任编辑:bbs.16xx8.com)

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
栏目列表
百度联盟
推荐内容
热点内容