学习中,看到部落窝的模板做的很不错,去那里看了看,突然来了感觉.发现模板制作和修改真的不难.甚至可以说很简单.因为终归所有,也......
只不过是一个头部图片.和头部图片配套的容器背景和字体颜色方案.
所以,认真看教程学习的话,相信一天的时间就可以明白一个大概.
这篇文章以部落窝的精灵模板和我做的苹果树下为例,为大家说下我的看法和想法!
X-Space的模板,也就是CFAN的模板大概可以分为几个模块.(可以看图,直接明了.像这两个模板,可以分为四个模块)
引用:
1.头部-header
2.边栏-side
3.主体-mainarea
4.footer
2+3=Warp
1+2+3+4=body
推荐点击看大图.
点击下载源码：[attach]164159[/attach][attach]164160[/attach]
了解了大概以后,现在我就说一下.我是怎样把精灵模板变成苹果树下的:
在精灵模板的基础上,我主要修改了:
精灵模板的头部图片(header)方案,字体颜色方案,容器(warp)背景图片,各个部分的位置.再就是细节修改.
而我们需要知道的.就是CSS怎样控制这几个模块的...位置.大小.颜色(字体,背景).背景图片.等
首先,我们来看一下精灵模板和苹果树下模板具体有哪些CSS模块!
---------------------------------------------------------------------------------------------------------------------------
[quote]
/********头部*********//*默认布局*//********边栏定义*********//********主体内容定义*********/
/*项目列表*//*信息正文中的模块*//*自定义字段*/
/*出价记录*//*商品基本信息*//*图片显示页面*//*文件显示页面*//*信息正文中的模块*/
/*Tab选项卡*//* 分页 */
/*日志列表*//*图片样式*//*页面底部定义*/
---------------------------------------------------------------------------------------------------------------------------
标记为红色的模块,CFAN还没有开放.标记为蓝色的模块,对整体效果影响不大.所以都不说.喜欢或者需要的话也可以修改.
而其中主要的只有:
引用:
/*头部 */
主要控制头部的图片.图片样式.字体.字体样式.背景.背景颜色.以及位置的限制性!
/*默认布局*/
主要控制wrap(容器)的布局.分为左边栏,右边栏,和主体的相对位置.
如图:
/*边栏定义*/
定义侧边栏的样式:字体.背景.图片.颜色.大小.位置等..
/*主体内容定义*/
定义主体区域的样式:字体.背景.图片.颜色等..
/*页面底部定义*/
定义底部样式
对照图片,再对照我学习CSS时候的精灵模板笔记,再对比我怎样修改.应该比较容易理解吧!
~!important:有的地方我也不是太理解.或者会有错误.S0..请不要吝惜你的意见.我会不断完善这篇文章!
标记为红色的就是我不理解的地方.见谅.
