模板修改之一：让广场的右侧变窄点（分享）5-2更新

1、查找模板\template\default\common\common.css

1. #ct { min-height: 400px;  _height: 400px; border: 1px solid {COMMONBORDER}; background: {WRAPBG} url({IMGDIR}/vline.png) repeat-y 644px 0; }
   
2.                 .w { background-image: none !important; }
   
3.                 .n { background-image: url({IMGDIR}/vlineb.png) !important; background-position: 789px 0 !important; }
   
4.                         .n .mn { width: 789px; }
   
5.                         .n .sd { width: 180px; }
   
6.                 .mn { float: left; width: 644px; margin-bottom: 1em; }
   
7.                 .sd { float: right; width: 325px; }
   

复制代码

替换成

1. #ct { min-height: 400px;  _height: 400px; border: 1px solid {COMMONBORDER}; background: {WRAPBG} url({IMGDIR}/vline.png) repeat-y 724px 0; }
   
2.                 .w { background-image: none !important; }
   
3.                 .n { background-image: url({IMGDIR}/vlineb.png) !important; background-position: 789px 0 !important; }
   
4.                         .n .mn { width: 789px; }
   
5.                         .n .sd { width: 180px; }
   
6.                 .mn { float: left; width: 724px; margin-bottom: 1em; }
   
7.                 .sd { float: right; width: 245px; }
   

复制代码

就是把右边缩短  80像素！


2、查找

1. /* 应用列表*/
   
2.         .appl { padding: 6px 0; }
   
3.         .appl li { float: left; width: 33.3%; height: 28px; line-height: 28px; }
   
4.         .appl li a { text-decoration: none; }
   
5.         .appl img { margin: 5px 5px -4px 0; }
   
6.         .appl span { visibility: hidden; margin-left: 5px; }
   
7.                 .appl .hvr span { visibility: visible; }
   
8.                 .appl span a { color: {LIGHTTEXT}; }
   
9.                         .appl span a:hover { color: #06C; }
   

复制代码

替换成

1. /* 应用列表*/
   
2.         .appl { padding: 6px 0; }
   
3.         .appl li { float: left; width: 50%; height: 28px; line-height: 28px; }
   
4.         .appl li a { text-decoration: none; }
   
5.         .appl img { margin: 5px 5px -4px 0; }
   
6.         .appl span { visibility: hidden; margin-left: 5px; }
   
7.                 .appl .hvr span { visibility: visible; }
   
8.                 .appl span a { color: {LIGHTTEXT}; }
   
9.                         .appl span a:hover { color: #06C; }
   

复制代码

3、继续查找

1. /* 个人中心快捷面板 */
   
2.         #pp { position: relative; }
   
3.         #ppc_menu { padding: 10px 15px 10px 10px; width: 300px; }
   
4.                 #ppc_menu.p_pop { margin-left: -2px; box-shadow: 2px 2px 2px {COMMONBORDER}; -webkit-box-shadow: -2px 2px 2px {COMMONBORDER}; -moz-box-shadow: -2px 2px 2px {COMMONBORDER}; }
   
5.                 #ppc_menu hr { margin-left: 0; margin-right: 0; }

复制代码

替换成

1. /* 个人中心快捷面板 */
   
2.         #pp { position: relative; }
   
3.         #ppc_menu { padding: 10px 15px 10px 10px; width: 220px; }
   
4.                 #ppc_menu.p_pop { margin-left: -2px; box-shadow: 2px 2px 2px {COMMONBORDER}; -webkit-box-shadow: -2px 2px 2px {COMMONBORDER}; -moz-box-shadow: -2px 2px 2px {COMMONBORDER}; }
   
5.                 #ppc_menu hr { margin-left: 0; margin-right: 0; }
   

复制代码

IE8  火狐测试正常，ie6没测试！



传送门：
模板修改之一：让广场的右侧变窄点（分享）5-2更新
模板修改之二：帖子列表页显示最后发表的会员名称及时间（分享）
模板修改之三：帖子列表页全局置顶、分区置顶、本版置顶美化（分享）
模板修改之四：去掉帖子列表页右侧，今日 主题 围观人数位置调整（分享）
模板修改之五：板块名称位置调整（分享）

临时解决方案  还是希望官方重视这个！

学习了，感谢分享~

楼主再检查一下代码吧，好象没起作用

回复 4# goodphone


    记得更新CSS缓存！肯定有效果的！

值得收藏了

不错  支持下

不错  支持下

先顶顶。呵呵。。支持一下