网站运营
位置:首页>> 网站运营>> 手把手教你做主题 WordPress皮肤教程(二)(2)

手把手教你做主题 WordPress皮肤教程(二)(2)

 来源:asp之家 发布时间:2010-03-22 18:27:00 

标签:主题设计,皮肤制作,wordpress,设计教程


Step4-切割背景

给每一个切片命一个名字(名字最好是有意义的)。合并可以合并的图片,并保留背景的透命度。我利用切片工具来切割头部的图片,切割主要背景(height:1px,在这里我是为了更明显所以切割的比较大。)切割侧边背景(height:1px),继续切割footer,和footer的背景。见下图的测量长度,利用辅助线(CRTL+R)来精确的测量。保存图片为PND-24位格式,最后保存在电脑里的PND文件夹里。

当图片为PNG格式时,对于IE6是不好的支持,要升级到IE7,或者使用firefox.(如果你设计的目标是IE6,那格式最好用GIF或JGP)

Step-HTML框架

现在我们就开始编HTML框架,和CSS文件,做完之后就可以导入wordpress主题了。

头部如下:

以下为引用的内容:
<head>   
<title>GenerationX</title>  
<link rel="stylesheet" href="style.css"type="text/css" media="screen" />
</head>

在纸上建一个模型如图:



0
投稿

猜你喜欢

手机版 网站运营 asp之家 www.aspxhome.com