不知道你这个效果是用在前台呢？还是用在后台？也不知道你的右边要显示的什么内容（该栏目的下级内容？文章列表？还是该栏目的谋篇文章？）？
专业领域包括成都网站建设、成都网站设计、商城网站建设、微信营销、系统平台开发， 与其他网站设计及系统开发公司不同，创新互联公司的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，为客户提供全网互联网整合方案。
其实能够实现你这种效果的方法有很多。
给一个非常普遍及常用的思路给你：
1、建立3个页面，左侧导航栏是一样的、固定不变的；
2、这个3个页面不同的地方就在于 右侧是不一样的；
3、每个页面的右侧分别对应每个栏目自己的内容；
4、当点击左侧栏目1 的时候，就跳到页面1；点击栏目2的时候，就跳到栏目2；左侧都是一样，只是右侧内容变了。
5、这个其实跟常见的 导航栏的功能在本质上是完全一样的，只不过 一般的导航栏是横着放的，到了这里变成了竖着 放的罢了。横着的导航栏也是点击就变成各种各样不同的页面，但每个页面的导航栏都一样
你改的是HTML页，一刷新其它页面，肯定都变回原来的了！进帝国CMS的后台，模板--公共模板变量--管理模板变量--页面头部（修改）。修改完了，刷新下其它页面就行了
div+css这个不好说清楚，建议你自己学学基础，还需要学习标签，新手建议用pageadmin、wp这些。
你的意思是要在封面页循环各个子栏目吗？如果是这样，你可以看默认通用一级栏目的封面模板里用[listsonclass]'selfinfo',5,38,0,0,7,0,0[/listsonclass]这个（参数自定），然后在参数为7的循环子栏目标签里用[!--the.classname--]就会显示该一级栏目下的所有子栏目名称了
