Góc Riêng

Demo: [You must be registered and logged in to see this link.]

Giao diện Tiếng Việt: [You must be registered and logged in to see this link.]
Giao diện Tiếng Anh: [You must be registered and logged in to see this link.]

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

Hướng dẫn:

Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet: Thêm 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;}

Bước 2: ACP - Display - Pictures and Colors - Pics management - Advanced Mode - Mini-icons: Dùng link ảnh sau cho vào vị trí Mini post - Participate

Trích dẫn :: [You must be registered and logged in to see this link.]

Bước 3: ACP - Templates - Ganeral:

overall_header: Tìm và xóa đoạn code sau

Code:: <div id="{ID_LEFT}">

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px">
</div>


</div>

index_body: Thêm đoạn code dưới đây vào bên dưới {JAVASCRIPT}

Code:: <div id="{ID_LEFT}">
<div style="display: block; float:left; width: 260px" class="module main">

{giefmod_index1.MODVAR}



</div>
</div>

Bước 4: ACP - Templates - Portal: Lần lượt thay thế các code sau vào templates tương ứng

mod_most_active_starters

Code:: <div id="topstarters" class="main-content">

<div class="newposter">
<span>
{POSTER.NAME}
</span>
<span class="rightlFMvi">
{POSTER.NB_TOPICS}
</span>
</div>

</div>

mod_most_active_topics

Code:: <div id="activeTopics" class="main-content">

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

</div>

mod_most_viewed_topics

Code:: <div id="viewedTopics" class="main-content">

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

</div>

mod_recent_topics

Code:: </div>
<div style="display: block; margin: 5px; float: left; width: 687px" class="module main">

<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">

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

</div>

mod_top_post_users_month

Code:: <div id="monthPoster" class="main-content">

<div class="newposter">
<span>
{POSTER.NAME}
</span>
<span class="rightlFMvi">
{POSTER.NB_POSTS}
</span>
</div>

</div>

mod_top_post_users_week

Code:: <div id="weekPoster" class="main-content">

<div class="newposter">
<span>
{POSTER.NAME}
</span>
<span class="rightlFMvi">
{POSTER.NB_POSTS}
</span>
</div>

</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">

<div class="newposter">
<span>
{POSTER.NAME}
</span>
<span class="rightlFMvi">
{POSTER.NB_POSTS}
</span>
</div>

</div>
<script type="text/javascript" src="http://fmvi-group.googlecode.com/files/punBB-last-topic-FMvi.js">
</script>

Bước 5: ACP - Modules - Portal & Widgets - Forum widgets management: Chỉnh sửa theo hình hướng dẫn cho các mục sau:

Forum widgets general options: [You must be registered and logged in to see this link.]
Forum widgets management: [You must be registered and logged in to see this link.]
General options of the widget - Recent topics: [You must be registered and logged in to see this link.]

Ghi chú:

Thay đổi ngôn ngữ trong Lý lịch(Profile) - Giao diện(Preferences) - Ngôn ngữ sử dụng(Board Language) và lựa chọn ngôn ngữ cần sử dụng (Anh - Việt).Mods này được viết cho punBB, vì không có nhiều thời gian nên mình chưa
có hướng dẫn cho các phiên bản khác. Nếu các bạn muốn chuyển thể hướng
dẫn này sang cách phiên bản khác của Forumotion hãy gửi tin nhắn cho
mình tại diễn đàn này. Đối với những code được chuyển thể, chỉnh sửa
chưa được sự đồng ý của FMvi đều bị xem là vi phạm bản quyền.