YEEI公式ドリームテンプレートマルチフレーム共有！ （デモ：Nグリッドはこちらのサイトでご覧いただけます）

夢

このホームページを見たとき、とても素敵だなと思いました。オリジナルではありません。ただ見て、みんなと共有するためにひっくり返しただけです。

著作権はYEEIに帰属します。プログラマのホーム フォーラムは共有するためだけにあります。

ホームページ上の N グリッドのレンダリングを見てみましょう:



実装方法:
1. 画像ファイルをアップロードします (デフォルトのテンプレートディレクトリ: /static/image/common/)
添付ファイルをダウンロードして解凍し、img フォルダーをファイル ディレクトリに転送します (img フォルダーはフォルダーの内容ではないことがわかります)。 2. N グリッド CSS スタイルを CSS に追加します

.yeei_sw{パディング:0;マージントップ:-1px;*マージントップ:-16px; ボーダー左:1ピクセルソリッド #D9D9D9; ボーダートップ:1ピクセルソリッド # D9D9D9 ;}

.yeei_sw1{高さ:107px; オーバーフロー:非表示;ボーダーボトム:1px ソリッド #D9D9D9;}

.yeei_sw1l{ margin-right:320px;_margin-right:323px;padding:10px 10px 0 15px;背景:#fff url({IMGDIR}/img/show_1_bg.gif)repeat-x 0 0px;位置:相対}

.yeei_sw1l .hot{background:url({IMGDIR}/img/new.png) no-repeat右 0;位置: 絶対;右:0px;上:1px;高さ:47px;_背景:なし}

.yeei_sw1l .m { margin-top:0px;*padding-right : 0px}

.yeei_sw1l .m img{ ボーダー:1px ソリッド #E0E0E0; パディング:1px}

.yeei_sw1l dt{ フォントサイズ:16px; ; 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:316px;非表示;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;パディング -bottom:10px;padding-left:6px;background:url({IMGDIR}/img/bottom_b.gif)repeat-x 0bottom;}

.yeei_sw1r .yeei_wb{padding-left:7px; 2px ;}

.yeei_sw1r a{カーソル: ポインタ;}

.yeei_sw1r a:hover{テキスト装飾: なし;}

.yeei_wb dt { 高さ:19px;オーバーフロー:非表示;パディングボトム:9px;フォント- family:'宋体',Helvetica,Arial,sans-serif; font-weight: 700;background:url({IMGDIR}/img/wb.gif) no-repeat -54px 4px}

 .yeei_wb .n { フロート: 左; 幅: 220 ピクセル; 背景: 1 ピクセルの高さ: 23 ピクセル; }
 .yeei_wb .n b{ color:#F08800; font-weight:none}

.yeei_wb .m { float: left; width:54px;}

 .yeei_wb .m img{ ボーダー:1px ソリッド #85898C; パディング:1px;}

.yeei_wb スパン{float:left; margin-top:2px; font-size:14px} . ting{幅:66px;高さ:19px;表示:ブロック;背景:url({IMGDIR}/img/wb.gif) 繰り返しなし 0 下;

.yeei_sw2{高さ:195px;オーバーフロー:非表示;border-bottom:1px ソリッド #D9D9D9}

.yeei_sw2l{margin-right:318px;height:195px;border-right:1px ソリッド #D9D9D9}

.yeei_sw2r{ float:right;width:313px;非表示;padding-left:5px;padding-top:5px;}

.yeei_sw2l .title{background:url({IMGDIR}/img/tab_bg.gif)repeat-x 0 0;}

。 yeei_sw2l .titletext{font-size:12px;font-weight:normal;}

.yeei_sw2l .tb a{padding:0px; 背景: url({IMGDIR}/img/tab_a.gif) no-repeat 0 -40px!重要; マージン-右: 5px; ボーダー: なし; テキスト整列: センター; 幅: 40px}

.yeei_sw2l{ ボーダー: なし} .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; }

.yeei_sw2l .module ul li span{background: url ({IMGDIR}/img/li.gif) no-repeat 5px 6px; padding-left:15px;}

.yeeei_sw2l .module ul li em{ font-size:11px;}

 .yeei_sw2l .module ul li a:hover{color:#225F8F;text-decoration: none;}

コードをコピー
3、モール板中にN格代格を追加（默认モール板文件は：/template/default/forum/discuz.htm）





{lang Index_today}: $todayposts|{langindex_yesterday}:$postdata[0]|{langindex_posts}:< em>$posts|{langindex_members}: $_G['cache']['userstats']['totalmembers']





< ;/div>

< ;div id="yeei4" class="area">

复制發 4、打开论坛首页、管理账号登陆、导入论坛XML文件！ その後更新缓存就可了！
不会の閲覧可能この帖子、http://www.clqxn.com/forum.php?mod=viewthread&tid=7&extra=page%3D1
少額のQQと一緒に交流を追加することもできます、良い西就は共有と交流が必要です！
PS: さらに別の方法もありますが、それも可能です。添付ファイルに説明があります。
   

yeei多格.rar

2012-9-6 18:41 上传

点击文件名下ダウンロード添付ファイル

55.22 KB、ダウンロード次数: 1239