Admin |
Tiêu đề: [Share] Lastopic đa chức năng cho Punbb Wed Dec 26, 2012 9:53 pm | |
| demo Chức năng: Hoạt động trên hầu hết các trình duyệt. Hỗ trợ hai ngôn ngữ: Anh - Việt Thống kê thành viên và bài viết Icon trạng thái chủ đề Chuyển đổi vị trí hai khối thống kê Chức năng cập nhật bài viết mới Tooltip hiển thị thông tin chi tiết của chủ đề: Tiêu đề Người tạo chủ đề Người gửi cuối Thời gian gửi Tên chuyên mục Trạng thái chủ đề Lượt xem Lượt trả lời Ghi chú cho người xem Bắt đầu làm nào : mod_most_active_starters - Code:
-
<div id="topstarters" class="main-content"> <!-- BEGIN POSTER --> <div class="newposter"> <span> {POSTER.NAME} </span> <span class="rightlFMvi"> {POSTER.NB_TOPICS} </span> </div> <!-- END POSTER --> </div> mod_most_active_topics - Code:
-
<div id="activeTopics" class="main-content"> <!-- BEGIN TOPIC --> <div class="newltopic"> <span style="margin-right: 3px" class="topicstatus"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/post_o10.gif" /> </span> <span class="ltitletopic"> <a href="{TOPIC.LINK}">{TOPIC.NAME}</a> </span> </div> <span style="display:none">{TOPIC.TITLE}</span> <!-- END TOPIC --> </div> mod_most_viewed_topics - Code:
-
<div id="viewedTopics" class="main-content"> <!-- BEGIN TOPIC --> <div class="newltopic"> <span style="margin-right: 3px" class="topicstatus"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/post_o10.gif" /> </span> <span class="ltitletopic"> <a href="{TOPIC.LINK}">{TOPIC.NAME}</a> </span> </div> <span style="display:none">{TOPIC.TITLE}</span> <!-- END TOPIC --> </div> mod_recent_topics - Code:
-
</div> <div style="display: block; margin: 5px; float: left; width: 687px" class="module main"> <!-- BEGIN classical_row --> <div class="main-head"> <select name="selectTopic" style="padding: 0; margin: -4px; width: 250px"> <option value="latestTopics"> Latest topics </option> <option value="activeTopics"> Most active topics </option> <option value="viewedTopics"> Most viewed topics </option> </select> <span style="cursor: pointer; position: absolute; right: 10px; top: 5px;" id="reloadlFMvi"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/load10.png"/> <img style="display:none" src="http://farm04.go.vn/photo/data/20111012/10798851/946D73AB7E9F949624C2BF756D1ED794.gif"/> </span> <span style="position: absolute; cursor: pointer; right: 40px; top: 5px;" id="togglelFMvi"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/toggle10.png"/> <img style="display:none" src="http://i48.servimg.com/u/f48/16/58/89/73/edit10.png"/> </span> </div> <div id="latestTopics" class="main-content"> <!-- BEGIN recent_topic_row --> <div class="newltopic"> <span style="margin-right: 3px" class="topicstatus"> <img src="http://i48.servimg.com/u/f48/16/58/89/73/post_o10.gif" /> </span> <span class="ltitletopic"> <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> </span> </div> <span style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span> <!-- END recent_topic_row --> </div> <!-- END classical_row --> mod_top_post_users_month - Code:
-
<div id="monthPoster" class="main-content"> <!-- BEGIN POSTER --> <div class="newposter"> <span> {POSTER.NAME} </span> <span class="rightlFMvi"> {POSTER.NB_POSTS} </span> </div> <!-- END POSTER --> </div> mod_top_post_users_week - Code:
-
<div id="weekPoster" class="main-content"> <!-- BEGIN POSTER --> <div class="newposter"> <span> {POSTER.NAME} </span> <span class="rightlFMvi"> {POSTER.NB_POSTS} </span> </div> <!-- END POSTER --> </div> mod_top_posters - Code:
-
<div class="main-head"> <select name="selectPoster" style="padding: 0; margin: -4px; width: 250px"> <option value="topPoster"> Top posters </option> <option value="topstarters"> Most active topic starters </option> <option value="weekPoster"> Top posting users this week </option> <option value="monthPoster"> Top posting users this month </option> </select> </div> <div id="topPoster" class="main-content"> <!-- BEGIN POSTER --> <div class="newposter"> <span> {POSTER.NAME} </span> <span class="rightlFMvi"> {POSTER.NB_POSTS} </span> </div> <!-- END POSTER --> </div> <script type="text/javascript" src="http://fmvi-group.googlecode.com/files/last-topic-for-punBB-by-FMvi-group.js"> </script> Vào Header tìm đoạn code sau và xóa nó đi : - Code:
-
<div id="{ID_LEFT}"> <div style="display: block; float:left; width: 260px" class="module main"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <!-- END saut --> <!-- END giefmod_index1 --> </div> </div> Vào index_body thêm vào dưới {JAVASCRIPT} : - Code:
-
<div id="{ID_LEFT}"> <div style="display: block; float:left; width: 260px" class="module main"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <!-- END saut --> <!-- END giefmod_index1 --> </div> </div> Thêm đoạn sau vào css : - Code:
-
.tooltipFMvi{background-color:#131313;border:5px solid #000;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 3px #818181;color:#FFF;display:none;font-family:cursive;font-size:13px;line-height:18px;position:absolute;z-index: 999;width:290px;padding:5px} .tiplFMvi{color:threedface;font-family:Verdana;padding:2px 3px 2px 0} #main,#left,.module,.module>div{overflow:visible !important} .newltopic,.newposter,#left .main-head{position:relative} .rightlFMvi{position:absolute;top:0px;right:2px;} #content-container div#left{margin-bottom:30px;width:100%;border:1px solid #1E1E1D;border-radius:0;box-shadow:0 0 1px #000} .newltopic,.newposter{font-family:Comic Sans MS;line-height:22px;font-size:14px;} #latestTopics,#activeTopics,#viewedTopics,#topPoster,#weekPoster,#monthPoster,#topstarters{display:none;height:210px;}
sắp xếp widget nguồn : fmvi |
|