[Thông báo] Chuyển diễn đàn


Diễn đàn về free Code sẽ chuyển sang ICT2.net







You are not connected. Please login or register

ELECTRONIC AND COMMUNICATION » Tổng hợp về Forumotion » Tài nguyên FM » Codes » [Share] Lastopic đa chức năng cho Punbb

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Founder

Founder
Admin
Admin
Loading
Demo : http://chienthan28.forumvi.com/

Giao diện Tiếng Việt:

[Share] Lastopic đa chức năng cho Punbb Vilast10

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;}



Cách đặt widgets :

[Share] Lastopic đa chức năng cho Punbb Anh_ch11


nguồn fmvi

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

ELECTRONIC AND COMMUNICATION » Tổng hợp về Forumotion » Tài nguyên FM » Codes » [Share] Lastopic đa chức năng cho Punbb

Permissions in this forum:
Bạn không có quyền trả lời bài viết