从psd文件创建主题的一些CSS问题

时间:2013-07-03 14:41:52

标签: html css css3 themes photoshop

我正在研究如何从PSD文件开始创建一个表格CSS网页模板,并将其编码为HTML + CSS,但我遇到了一些问题。

Befor解释我的问题我告诉你我的结果(这不是最终的结果):

http://onofri.org/example/WebTemplate/

正如您所看到的,我在标题中遇到了问题,因为正文的重复背景图像(bg.jpg)与#header div(bgheader.jpg)的背景图像不匹配。

奇怪的是,这个问题只发生在蓝色区域而不是上面的灰色阴影中;全部匹配,顶部灰色阴影的颜色匹配,但蓝色区域不匹配。

关于重复的immage bg.jpg,我小心翼翼地将它裁剪成与bgheader.jpg相邻的

我无法理解这是什么问题以及如何解决它,因为在我看来,我一直严格遵循教程:http://www.html.it/articoli/da-photoshop-al-sito-xhtmlcss-7/

事实上,本教程中的预期结果类似于:http://www.html.it/articoli/1688/template/6-css.html

在这里,您还可以为我的此模板版本下载我的psd文件:http://onofri.org/example/WebTemplate/template4.psd

有人可以帮我解决吗?

TNX

安德烈

1 个答案:

答案 0 :(得分:0)

不完全确定您遇到的问题。

是什么意思?
  

"正如你所看到的,标题中有一个问题" ??

使用我的Firefox,我没有看到明显的问题。 我无法看到你的pdf(给我一个404 Page Not Found错误)

请提供进一步说明。

但是一些普遍观察:  使用重复背景的技术不是一个好主意,包括标题,分隔符,正文的单独颜色。通过CSS3(大多数现代浏览器都支持它们),几乎可以轻松实现图像为您的网页实现的所有样式。

如果你对PS很好,你可以创建自己的渐变,否则你可以检查:http://www.colorzilla.com/gradient-editor/(还有更多可用的)。