主题和布局(Theme and Layout)-----Layout
2013-05-04 10:57
363 查看
网站布局其实就是网页的框架结构喽,看看sina 的微博,个人主页那是个三栏的结构。
Nopcommerce2.8支持三种Layout:
单栏,双栏和三栏;分别定义在Views/Shared 目录的_ColumnsOne.cshtml,_ColumnsTwo.cshtml以及_ColumnsThree.cshtml中。他们三个还有一个”妈妈“,_Root.cshtml,而_Root.cshtml 又从_Root.Head.cshtml继承而来。
他的css是这样放置的:
一栏,双栏,三栏其实都是放在上图Body里。
对于一栏来说,和_root 呈现的模样大致相同。
两栏又可以有多种结构:
图 两栏结构1 图2 两栏结构2
三栏:把body部分分作3块
图: 3栏1 图 3栏2
Nopcommerce2.8支持三种Layout:
单栏,双栏和三栏;分别定义在Views/Shared 目录的_ColumnsOne.cshtml,_ColumnsTwo.cshtml以及_ColumnsThree.cshtml中。他们三个还有一个”妈妈“,_Root.cshtml,而_Root.cshtml 又从_Root.Head.cshtml继承而来。
Layout of _Root.cshtml 大概是这样的:
他的css是这样放置的:
一栏,双栏,三栏其实都是放在上图Body里。
对于一栏来说,和_root 呈现的模样大致相同。
两栏又可以有多种结构:
图 两栏结构1 图2 两栏结构2
三栏:把body部分分作3块
图: 3栏1 图 3栏2
相关文章推荐
- 主题和布局(Theme and Layout)-----Theme
- android 中系统自带的主题与样式(theme and style)
- android系统自带的主题与样式(theme and style)
- Android Style and Theme 样式和主题
- android 中系统自带的主题与样式(theme and style)
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- Android Theme and Menu 主题菜单相关
- android xml 布局错误(黑掉了)Missing styles. Is the correct theme chosen for this layout?
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题转换
- android风格和主题:Style and Theme
- 【转】android 中系统自带的主题与样式(theme and style)
- 【Android】系统自带的主题与样式(theme and style)
- 系统自带的主题与样式(theme and style)
- Android主题样式与风格(Theme and style)
- android系统自带的主题与样式(theme and style)
- android 中系统自带的主题与样式(theme and style)
- [转]android 中系统自带的主题与样式(theme and style)