WIXOO

Digest

Theme Layout

作者:不详 发布时间 11/06/29 来源 来自网络

说明:

NITC V3.1 正式版中默认三套主题即 绿色活力[default]、银色简洁[black_cn_en]、蓝色简洁[blue_cn_en]。下面将简要银色简洁版 [black_cn_en] 介绍主题布局,详细主题开发请查阅左侧 主题制作 栏目。

银色简洁版[black_cn_en] [全屏播放]

主题布局说明:

NITC效益型网站系统主题样式规则说明,以下是最新规范线框结构图布局,资深设计师可以查阅,结构样式规范主题。

homepage ( index.html ) 首页

class选择器注释:
.wrapper——作为全部模块归集的封装,最大的一层,可多样化背景。
.meta——网站SEO相关模块
.header——网站头部模块
.nav——网站主导航菜单模块
.main——网站主体内容模块
.home_left——主体左边容器
.sort——分类列表模块
.search——搜索模块
.briefcontact——简要联系模块
.linkbar——网站SEO接口模块
.home_right——主体右边容器
.crumbs——当前位置浏览路径(面包屑)模块
.ban——大幅广告模块
.home_box——首页大容器*
.box1——首页小容器*
.home_news——首页“新闻”模块
.home_about——首页“关于”模块
.home_products——首页“产品”模块*
.clear——浏览器兼容性调整层*
.footer——网站底部模块
.footernav——辅助导航模块
.links——友情链接模块
.copyright——版权信息模块
.freeheight——自由高度调整层

* 注释:
.home_box 首页大容器——在多个小块外置一个大容器,有利于整体布局
.box1 首页小容器——将横向小块合成一大列,在多列结构中,有利于整体布局
.home_products 首页“产品”模块——一般为“推荐产品”或“最新产品”
.clear 浏览器兼容性调整层——在某些浏览器中需要清除影响到布局的浮动关系
.freeheight 自由高度调整层——用于自由调整上下整体间距的层

subpage ( about_us.html ) 子页

subpage (news.html / channel.html / products.html / inquiry.html / contact.html) 子页

class选择器注释:
.left——子页主体左边容器
.right——子页主体右边容器
.about——“关于”模块
.company——“公司信息”模块
.list——“列表”模块
.detail——“详细内容”模块
.products——“产品列表”模块
.productsdetail——“产品详情”模块
.inquiry——“在线留言”模块
.contact——“联系”模块

补充:
.function——用于列表目录翻页以及内容详细页快捷浏览功能的样式
.title——用于模块标题的样式
建议设计编辑样式表时采用以上命名规则,涉及到更加细节的样式,可灵活自由。