推荐应用
yeei的漂亮的首页N格制作方法
发布于 2013-01-29
模板模板可以直接替换,不是默认模板。或者不能替换 discuz.htm common.css;需要手动修改模板。
第一步:在模板下discuz.htm 文件与
之间添加以下内容:
修改主要做好备份,注意更新缓存
{lang index_today}: $todayposts|{lang index_yesterday}: $postdata[0]|{lang index_posts}: $posts|{lang index_members}: $_G['cache']['userstats']['totalmembers']
第二步在模板文件下common.css 最下面添加以下内容:/*----------------buka首页 内容开始------------------------------*/
.frame{ border:none; padding:0px; margin:0px}
.move-span { border:none; background:none; padding:0px; margin:0px}
.yeei_sw{padding:0;margin-top:-1px;*margin-top:-16px;border-left:#d9d9d9 1px solid;border-right:#d9d9d9 1px solid;}
.yeei_sw1{height:107px; overflow:hidden;border-bottom:1px solid #D9D9D9;}
.yeei_sw1l{ margin-right:320px;_margin-right:323px;padding:10px 10px 0 15px;background:#fff url({IMGDIR}/img/show_1_bg.gif) repeat-x 0 0px;position: relative;}
.yeei_sw1l .hot{background:url({IMGDIR}/img/new.png) no-repeat right 0;position: absolute;right:0px;top:1px; width:48px; height:47px;_background:none}
.yeei_sw1l .m { margin-top:0px; padding-right:5px;*padding-right:0px}
.yeei_sw1l .m img{ border:1px solid #E0E0E0; background:#fff; padding:1px}
.yeei_sw1l dt{ font-size:16px; padding-bottom:3px; padding-top:1px;font-family:'Hiragino Sans GB','Microsoft YaHei','宋体',Helvetica,Arial,sans-serif;}
.yeei_sw1l dd{ color:#666;margin-bottom:5px}
.yeei_sw1l .b{ color:#888;}
.yeei_sw1l .b a{ color:#77828E; margin-right:6px}
.yeei_sw1r{float:right;height:98px; width:313px;_width:316px; overflow:hidden; padding-left:7px; padding-top:8px;background:url({IMGDIR}/img/show_2_bg.gif) no-repeat 0 0;}
.yeei_sw1r .chart{ background:none;width:300px; padding-bottom:10px; padding-left:6px;background: url({IMGDIR}/img/bottom_b.gif) repeat-x 0 bottom;}
.yeei_sw1r .yeei_wb{ padding-left:7px; padding-top:2px;}
.yeei_sw1r a{cursor: pointer;}
.yeei_sw1r a:hover{text-decoration: none;}
.yeei_wb dt { height:19px;overflow:hidden;padding-bottom:9px;font-family:'宋体',Helvetica,Arial,sans-serif; font-weight: 700;background:url({IMGDIR}/img/wb.gif) no-repeat -54px 4px; padding-left:17px}
.yeei_wb .n { float: left; color:#666; width:220px; overflow:hidden; background:#FFFFF0; border:1px solid #EDD180; height:23px; line-height:23px; padding:0 6px;}
.yeei_wb .n b{ color:#F08800; font-weight:none}
.yeei_wb .m { float: left; margin:0px; height:54px; width:54px; margin-right:7px;}
.yeei_wb .m img{ border:1px solid #85898C; padding:1px;}
.yeei_wb span{float:left; margin-top:2px;margin-right:10px; font-size:14px}
.yeei_wb .ting{width:66px;height:19px;display: block;background:url({IMGDIR}/img/wb.gif) no-repeat 0 bottom; float:left}
.yeei_sw2{height:195px;overflow:hidden;border-bottom:1px solid #D9D9D9}
.yeei_sw2l{margin-right:318px;height:195px;border-right:1px solid #D9D9D9}
.yeei_sw2r{ float:right;width:313px; overflow:hidden; padding-left:5px; padding-top:5px;}
.yeei_sw2l .title{background: url({IMGDIR}/img/tab_bg.gif) repeat-x 0 0; height:40px;}
.yeei_sw2l .titletext{font-size:12px;font-weight:normal;}
.yeei_sw2l .tb a{padding:0px; background: url({IMGDIR}/img/tab_a.gif) no-repeat 0 -40px!important; margin-right:5px; color:#444; border:none;text-align:center;width:85px; height:40px}
.yeei_sw2l .tb-c{ padding:10px; border:none}
.yeei_sw2l .tb .a a {background:url({IMGDIR}/img/tab_a.gif) no-repeat 0 0!important;font-weight: 700; color:#333;}
.yeei_sw2l .module ul li{width:50%;*width:49%;border-bottom:1px dotted #ddd; float:left; margin-bottom:3px; padding:0 0px 3px 0; }
.yeei_sw2l .module ul li span{background:url({IMGDIR}/img/li.gif) no-repeat 5px 6px; padding-left:15px;}
.yeei_sw2l .module ul li em{ font-size:11px; margin-right:10px;}
.yeei_sw2l .module ul li a:hover{color:#225F8F;text-decoration: none;}
.fl .bm_h h2 a, .fl .bm_h h2{color:#444!important;font-size:14px;font-family:'Hiragino Sans GB','Microsoft YaHei','宋体',Helvetica,Arial,sans-serif;}
#online .bm_h a{color:#444}
.fl .bm_c{ padding:0px}
.fl_tb{}
.fl .fl_tb tr {background: url({IMGDIR}/img/tb_b.gif) repeat-x 0 bottom;}
.fl .fl_tb td{ padding-left:10px;}
.fl .fl_row td { border-top: 1px dotted #ccc; }
.tl .bm_c{ padding:0px;}
.tl .icn { padding-left: 10px; width: 25px; text-align: left; }
.tl th, .tl td { padding: 5px 0; border-bottom: 1px solid #E6E6E6; }
.lk{background: url({IMGDIR}/img/bgt.gif) repeat-x 0 1px;}
.bml{background: url({IMGDIR}/img/bgt.gif) repeat-x 0 1px;}
.ct2_a{ margin-bottom:10px}
.tf .y{ padding-right:15px}
.pnc, a.pnc { border-color: #666;}
.tb .o {border: 1px solid #666; }
最后一步把 img 文件上传到 \static\image\common 目录下修改主要做好备份,注意更新缓存