搜外科技网站建设教程,网站制作新手教程,24小时学会网站建设

搜外科技网站系统主题开发安装教程: 400-859-1113
网站地图 xml
免费网站建设 > 主题开发 > 主题布局 > ④【主题布局介绍】-主题配置及布局
④【主题布局介绍】-主题配置及布局
2015-08-30 16:14:22

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

银色简洁版[black_cn_en]  ----双击下图可放大主题布局说明:

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

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——用于模块标题的样式
建议设计编辑样式表时采用以上命名规则,涉及到更加细节的样式,可灵活自由。




  [返回首页] [打印] [返回上页]   下一篇

我要评论

  • *姓名:

  • *邮箱:

  • *内容:

  • *等级:

产品分类

    联系方式

    点击这里给我发消息
    点击这里给我发消息