主题和布局(Theme and Layout)-----Layout

         网站布局其实就是网页的框架结构喽,看看sina 的微博,个人主页那是个三栏的结构。

          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

 

               

 

posted on 2013-05-04 10:57  xinchuang  阅读(526)  评论(0编辑  收藏  举报