列印

AL8 首頁四格 加入 一欄顯示方式(二) (四格延伸應用系列)

AL8 首頁四格 加入 一欄顯示方式(二) (四格延伸應用系列)

安裝前請先安裝:AL8 首頁四格顯示 for Discuz 6.0.0
http://linux0911.no-ip.info/Discuz/thread-9664-1-1.html

效果如下:可以在同一欄切換最新主題與最新回覆話題 (用滑鼠移過式的)


也有另一個版本可選:(用滑鼠點選式的)
http://linux0911.no-ip.info/Discuz/thread-10175-1-1.html

作者:忘了
整理:Linux0911
功能:加入頁籤功能來顯示更多的話題內容, 也可自行擴展~

開始安裝


下載附件依結構上傳檔案

./templates/default/foruminfo.htm (如果有請先備份以免出錯)

後臺更新快取, 完成!

DIY 開始

如果你除了要最新文章、最新回覆還要再加東西上去

修改 foruminfo.htm

找到 (依照紅字結構添加下去)
引用:
                        <td style="width: 54%">
                                <table cellpadding="0" cellspacing="0" >
                                        <thead>
                                        <tr>
                                                <td width="18%" class="bfg_ntopa" id="c0" onMouseOver="javascript:view(0);"><h4 style="font-size: 11pt">最新文章</h4></td>
                                                <td width="18%" class="bfg_ntopb" id="c1" onMouseOver="javascript:view(1);"><h4 style="font-size: 11pt">最新回覆</h4></td>
                                                <td width="18%" class="bfg_ntopb" id="c2" onMouseOver="javascript:view(2);"><h4 style="font-size: 11pt">XXXXX</h4></td>
                                        </tr>
注意:
a. 表格寬度 54% 要除以你要的欄位數來決定, 例如 54% 分三格, 所以每格是 18%, 以此類推
b. 藍字的 id="c2" onMouseOver="javascript:view(2);" 是要照順序的, 這個是 C 的部分


找到 (依照紅字結構添加下去)
引用:
                                                <td colspan="2">
                                                        <ul id="d0" style="display:block">
                                                                <!--{loop $_DCACHE['newtopic'] $newtopic}-->
                                                                        $newtopic[content]
                                                                <!--{/loop}-->
                                                        </ul>
                                                        <ul id="d1" style="display:none">
                                                                <!--{loop $_DCACHE['newreply'] $newreply}-->
                                                                        $newreply[content]
                                                                <!--{/loop}-->
                                                        </ul>
                                                        <ul id="d2" style="display:none">
                                                                XXXXX
                                                        </ul>

                                                </td>
注意:
a.  colspan="3" 要根據你上面的欄位數來決定, 要四格就要到 4, 上面的部分也要到 id="c3" onMouseOver="javascript:view(3);, 以此類推
b. 藍字的 <ul id="d2" style="display:none"> 是要照順序的, 這個是 D 的部分


找到 (依照紅字結構添加下去)
引用:
function view(a) {
        document.getElementById('d0').style.display='none';
        document.getElementById('d1').style.display='none';
        document.getElementById('d2').style.display='none';
        document.getElementById('d'+a).style.display='block';

        document.getElementById('c0').className='bfg_ntopb';
        document.getElementById('c1').className='bfg_ntopb';
        document.getElementById('c2').className='bfg_ntopb';
        document.getElementById('c'+a).className='bfg_ntopa';
}
注意:
上面是 D 的部分, 要照順序添加, 那下面是 C 的部分也同理, 依序添加, 根據你的欄位數來決定, 只要改數字就好了, 其他照貼
(因為是從 0 開始計, 所以你如果四欄就是加到 d3 c3)

存檔, 完成!

備註:XXXXX 請自己改為你想要的內容, 例如 Youtube, 或是 Flash、圖片等都可以自行運用!
附件: 您所在的用戶組無法下載或查看附件
Hack 安裝錯誤, 80% 來自粗心, 請專心安裝
Linux0911 打造您的個性論壇

本人現在忙於研究所, 沒多的時間管論壇, 有問題別發 pm 給我, 謝謝~
Linux0911 Forum © 2004-2009 All Rights Reserved.

TOP

沒事了~~

改出來了~~~

謝謝樓主提供資訊~~

感恩唷~~^_^

[ 本帖最後由 mychu 於 2008-7-9 04:34 AM 編輯 ]
如需要MSN資料在用短訊密我阿~~
主要我需要做分類~~
才不會忘記您從哪裡得知~~
如有不便與打擾之處敬請見諒~~
^_^
Linux0911 Forum © 2004-2009 All Rights Reserved.

TOP



論壇聲明
  • 本論壇為無營利行為之開放平台,所有文章都是由網友自行張貼,如牽涉到法律糾紛一切與本站無關。
    如網友發表之內容涉及侵權,而損及您的利益,請立即通知版主刪除。
    請勿批評中華民國元首及政府或批評各政黨,是藍是綠本站無權干涉,但這裡不是政治性論壇!
最佳瀏覽解析度:不低於 1024 (最佳 1280 以上).(支援 IE 7, Mozilla Firefox, Safari, Chrome)
The Best Surfing Resolution: No Lower than 1024 (Best: above 1280).(IE 7, Mozilla Firefox, Safari, Chrome Supported)