Discuz 页面宽度修改为1200px

Discuz 默认模版的页面宽度默认是960px,页面很窄,不利于网页设计。页面加宽我们需要修改Discuz网站根目录下:/template/default/common/common.css 文件。

第一步:将下面的代码段进行修改,整体页面宽度修改;

/* 通用容器,定义页面宽度 */ .wp { margin: 0 auto; width: 960px; } #wp .wp { width: auto; }
修改宽度值1200px,如下:
/* 通用容器,定义页面宽度 */ .wp { margin: 0 auto; width: 1200px; } #wp .wp { width: auto; }

第二步:修改页头宽度为;

/* 页头 */
     #toptb { min-width: 960px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; line-height: 28px; }
         #toptb a { float: left; padding: 0 4px; height: 28px; }
         #toptb a.showmenu { padding-right: 15px; }
         #toptb a.hover { background-color: #FFF; }
         #toptb .pipe { float: left; display: none; }
修改值为1200px:
/* 页头 */
     #toptb { min-width: 1200px; border-bottom: 1px solid {COMMONBORDER}; background: {COMMONBG}; line-height: 28px; }
         #toptb a { float: left; padding: 0 4px; height: 28px; }
         #toptb a.showmenu { padding-right: 15px; }
         #toptb a.hover { background-color: #FFF; }
         #toptb .pipe { float: left; display: none; }

第三步:修改页面主区域和边栏宽度;

/* 页面主区域 */
#ct { min-height: 300px; }
    .ie6 #ct { height: 300px; }
    .mn { overflow: hidden; }
    .ct1 { border: 1px solid {WRAPBORDERCOLOR}; border-top: none; }
    .ct2 .mn { float: left; width: 730px; margin-bottom: 1em; }
    .ct2 .sd { float: right; width: 220px; overflow: hidden; _overflow-y: visible; }

    .appl { float: left; overflow: hidden; margin-bottom: 10px; padding: 6px 10px; width: 117px; }

    .ct2_a, .ct3_a { border: 1px solid {WRAPBORDERCOLOR}; {SIDEBGCODE} }
        .ct2_a_r { border: none; background-image: none; }
         .ct2_a h1.mt { display: none; }
         .ct2_a .tb { margin-top: 3px; }
    .ct2_a .mn { float: right; width: 810px; }
        .ct2_a .mn { display: inline; margin-right: 10px; padding-top: 10px; width: 800px; }
            #nv_userapp .ct2_a .mn, .ct2_a_r .mn { margin-right: 0; width: 810px; }

    .ct3_a .mn { float: left; margin-left: 20px; width: 565px; }
    .ct3_a .sd { float: right; width: 220px; }
        #nv_home .ct3_a .sd .bm { margin-right: 10px; border: none; }
            #nv_home .ct3_a .sd .bm_c { padding: 10px 0; }

    .mw { width: 100%; float: none; }
    .mnw { clear: both; border-top: 1px solid #CCC; }
    .mnh { width: 643px; background: {COMMONBG}; margin-bottom: 0; }
修改为:
/* 页面主区域 */
#ct { min-height: 300px; }
    .ie6 #ct { height: 300px; }
    .mn { overflow: hidden; }
    .ct1 { border: 1px solid {WRAPBORDERCOLOR}; border-top: none; }
    .ct2 .mn { float: left; width: 995px; margin-bottom: 1em; }
    .ct2 .sd { float: right; width: 200px; overflow: hidden; _overflow-y: visible; }

    .appl { float: left; overflow: hidden; margin-bottom: 10px; padding: 6px 10px; width: 117px; }

    .ct2_a, .ct3_a { border: 1px solid {WRAPBORDERCOLOR}; {SIDEBGCODE} }
        .ct2_a_r { border: none; background-image: none; }
         .ct2_a h1.mt { display: none; }
         .ct2_a .tb { margin-top: 3px; }
    .ct2_a .mn { float: right; width: 1050px; }
        .ct2_a .mn { display: inline; margin-right: 10px; padding-top: 10px; width: 1040px; }
            #nv_userapp .ct2_a .mn, .ct2_a_r .mn { margin-right: 0; width: 1050px; }

    .ct3_a .mn { float: left; margin-left: 20px; width: 565px; }
    .ct3_a .sd { float: right; width: 220px; }
        #nv_home .ct3_a .sd .bm { margin-right: 10px; border: none; }
            #nv_home .ct3_a .sd .bm_c { padding: 10px 0; }

    .mw { width: 100%; float: none; }
    .mnw { clear: both; border-top: 1px solid #CCC; }
    .mnh { width: 643px; background: {COMMONBG}; margin-bottom: 0; }

第四步:修改/template/default/style下面t1/t2/t3/t4/t5里面nv.png图片的宽度为1200px;

第五步:修改风格基础图片 /static/image/common里面nv.png图片的宽度为1200px。

Discuz 页面宽度修改为1200px

发表评论

邮箱地址不会被公开。 必填项已用*标注

滚动到顶部