Share cái last tạm bợ của em

[rockmanvnx6]

Tình hình là skin FMVI3 bị lỗi nên trong thời gian chờ mình tranh thủ làm cái last.
Cảm ơn anh handsomevip007 đã giúp em căn lề 1 số thứ
Demo:http://c7bungno.tk
Demo ảnh :[You must be registered and logged in to see this image.]
Đây là cái last đầu tay của em , mong các bác ném đá vừa vừa . Trong last có sử dụng simple tooltip của C3Zone ( Cho nó simple )
Ưu điểm: dễ cài đặt , hình thức cũng khá gọn , bố cục cân đối , Nhẹ , nhanh vì chả có gì nhiều lắm ... Dễ dàng tháo bỏ , phù hợp cho các bạn nào đang dùng skin FMVI ver 3 và đợi last mới ...
Mà mình chỉ hướng dẫn thay cho skin FMVI3 thôi nhé , các skin khác xài last của mình làm gì cho nó phí
Đối với skin FMVI v3 . Các bạn hãy thêm vào index_body
dưới {JAVASCRIPT} :

Code:


<!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                                            <!-- END giefmod_index1 -->
<br />
<!-- BEGIN switch_user_logged_in -->
<div style="border: 1px solid #DDD;overflow:none;height:300px;"><iframe src="/h13-page" style="border:0" scrolling="yes" width="99.99%" height="100%" type="text/html"></iframe></div><!-- END switch_user_logged_in -->


Trong đó thay số 13 = link HTML full-chat fmvi .
Các bạn nào không dùng Skin FMVI v3 thì thôi , ko cần thêm . Ngoài ra , khi nào fmvi sửa xong thì chỉ cần xóa cái code đấy thôi là chạy được
--- Đoạn Tooltip simple của C3Zone, bác nào đã làm rồi thì thôi ---
Thêm vô CSS :

Code:


/* C3Tip */
#c3tip {
      z-index: 999; /*Vị trí, trạng thái mặc định*/
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;
      -moz-opacity: 0.8; /* Độ trong suốt 80% */
      opacity: 0.8;
      filter: alpha(opacity=80);
      border: #000000 0px solid; /* Màu viền, bo tròn viền */
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      font-size: 9pt; font-weight:bold; /* Kiểu, cỡ, màu chữ mặc định */
      font-family: Arial; color:#fff;
      background-color: #000; /* Màu nền mặc định */
      width: auto; /* Chiều rộng tối đa */
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
    }
/* End */

Tạo 1 javascript mới :
Title*:Tooltip C3
Placement:In all the pages

Code:


document.write('<div id="c3tip"></div>');
    var enablec3tip = false;
    var tipob = document.getElementById("c3tip");
    function c3tip(ob,cont,color,bgcolor) {
      var cd = FindXY(ob);
      overFlowX = cd['x'] + tipob.offsetWidth - document.body.offsetWidth;
      cd['x'] = overFlowX > 0 ? cd['x'] - overFlowX : cd['x'];
      tipob.style.left = (cd['x']+30) + 'px';
      tipob.style.top = (cd['y'] + ob.offsetHeight + 10) + 'px';
      if (typeof color!= "undefined" && color!= "")
            cont=cont.fontcolor(color);
      if (typeof bgcolor!= "undefined" && bgcolor!= "")
            tipob.style.backgroundColor = bgcolor;
      tipob.innerHTML = cont;
      enablec3tip = true;
      tipob.style.visibility = "visible";
      return false;
    }
    function c3untip() {
      enablec3tip = false;
      tipob.style.visibility = "hidden";
      tipob.style.left = "-1000px";
      tipob.style.backgroundColor = '';
      tipob.style.width = '';
    }


--- Kết Thúc Đoạn tooltip C3Zone ---
Tiếp , thay thế lần lượt các mod :
mod_recent_topics

Code:


<style>
  .titlerecent::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right}</style>
<!-- BEGIN classical_row -->
<div class="module main" style="counter-reset:stt;width:650px;">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content" style="height:250px;max-height:250px;overflow:auto;">
      <!-- BEGIN recent_topic_row -->
          <a href="{classical_row.recent_topic_row.U_TITLE}" style="width:300px;float:left;overflow: hidden; height: 16px;" class="titlerecent" onmouseover="c3tip(this,'Tiêu đề: {classical_row.recent_topic_row.L_TITLE}<br />Thời gian: {classical_row.recent_topic_row.S_POSTTIME}')" onmouseout="c3untip()">
   
{classical_row.recent_topic_row.L_TITLE}</a>

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" style="width:100px;float:right;overflow: hidden; height: 16px;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      <span style="float:right">{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
      <!-- END switch_poster_guest -->

          <center>{ON} {classical_row.recent_topic_row.S_POSTTIME}</center><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->

mod_top_post_users_month

Code:

<div class="module main" style="float:right;width:280px;padding-left:1px;">
   <div class="main-head"><div class="h3">{L_TOP_POST_USERS_MONTH}</div></div>
   <div class="main-content" style="height:100px;max-height:100px;overflow:auto;">
      <table summary="{L_TOP_POST_USERS_MONTH}" width="100%" style="table-layout:auto;">
         <!-- BEGIN POSTER -->
         <tr>
            <td class="{POSTER.ROW_CLASS}" width="30%">{POSTER.NAME}</td>
            <td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
         </tr>
         <!-- END POSTER -->
      </table>
      <br class="clear" />
   </div>
</div>

mod_top_post_users_week

Code:

<div class="module main" style="width:280px;float:right;margin-top:-164px!important;">
   <div class="main-head"><div class="h3">{L_TOP_POST_USERS_WEEK}</div></div>
   <div class="main-content" style="height:100px;max-height:100px;overflow:auto;">
      <table summary="{L_TOP_POST_USERS_WEEK}" width="100%" style="table-layout:auto;">
         <!-- BEGIN POSTER -->
         <tr>
            <td class="{POSTER.ROW_CLASS}" width="30%">{POSTER.NAME}</td>
            <td class="{POSTER.ROW_CLASS}" nowrap="nowrap">{POSTER.BARRE}</td>
         </tr>
         <!-- END POSTER -->
      </table>
      <br class="clear" />
   </div>
</div>

Và sắp xếp Forum widgets management theo thứ tự :
[You must be registered and logged in to see this image.]
Và bước cuối cùng ,bước quan trọng nhất, không làm bước này coi như vứt đi :

Spoiler:

Lưu ý : Đối với skin FMVI3 anh em nào bị lỗi chatbox thì tìm trong index_body:

Code:

{CHATBOX_TOP}

và xóa nó đi. Vị trí mặc định của nó là ở trên

Code:

{BOARD_INDEX}

Khi nào fmvi sửa được last thì thêm lại code {CHATBOX_TOP} vào trên {BOARD_INDEX}
nhé !

___________ Chữ ký ___________

[You must be registered and logged in to see this image.]

Rockmanvnx6 - Gà nhất [You must be registered and logged in to see this image.]

[Lowie]

bóc team đầu vote phát

[Rune]

Có đổi màu dc ko bạn

Vote

[Kid Knight]

Chuẩn men

vote

[Ocean Sapphire]

vote nào

[Rin]

ráng cho cái tooltip hiện ảnh ng` khởi tạo là thành vip luôn

[rockmanvnx6]

ráng cho cái tooltip hiện ảnh ng` khởi tạo là thành vip luôn

Chịu bác ạ , đến cái tên người gửi cuối trong tooltip em còn ko làm được

[HoàngTửNaivip5p]

rockman pro quá! Vote!...

[rockmanvnx6]

thanks bạn HoàngTửNaivip5p đã báo lỗi cho mình , mình sửa và last dùng được rồi đấy

[rockmanvnx6]

Cập nhật tooltip khá giống FMVI v3 . Chỉ cho skin FMVI v3
Bác nào xài skin FMVI v3 mà muốn làm tooltip giống FMVI v3 Demo : [You must be registered and logged in to see this link.]
thì thay toàn bộ mod-recentopic thành như sau :

Code:

<style>
  .titlerecent::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right}</style>
<!-- BEGIN classical_row -->
<div class="module main" style="counter-reset:stt;width:650px;">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content" style="height:250px;max-height:250px;overflow:auto;">
      <!-- BEGIN recent_topic_row -->
          <a href="{classical_row.recent_topic_row.U_TITLE}" style="width:300px;float:left;overflow: hidden; height: 16px;" class="titlerecent" onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')">
   
{classical_row.recent_topic_row.L_TITLE}</a>  <span style="display:none"><font color="red">Tiêu đề</font>: {classical_row.recent_topic_row.L_TITLE}<br /><font color="blue">Gửi lúc</font>: {classical_row.recent_topic_row.S_POSTTIME}</span>

      <!-- BEGIN switch_poster -->

                    <a onmouseover="show_tooltip(this,'Click để xem profile thành viên')" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" style="width:100px;float:right;overflow: hidden; height: 16px;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      <span style="float:right">{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
      <!-- END switch_poster_guest -->

          <center>{ON} {classical_row.recent_topic_row.S_POSTTIME}</center><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->

Ảnh :
[You must be registered and logged in to see this image.]

[lylyvenus995]

Rum mình ko có cái giống thế,nó cứ nằm dọc bên trái skin.Laster topics hoặc top post cũng mỗi đứa mỗi ô,nằm tùm lum chỗ,chả có cái nào cùng 1 khung như thế.
Mình đang muốn có cái bảng thống kê kiểu này lắm.Ai giúp với T^T.

[Rin]

đọc hướng dẫn và làm theo cho giống ko dc làm lệch hoặc tự chế sẽ yk chang mà

[mrtienduc1999]

-Mai thử nào

[rockmanvnx6]

Vì đây là last thế skin fmvi3 nên xài skin đó mới dùng được nhé . Còn các skin khác muốn xài thì :
Tìm ở top_post_users_week và top_post_users_month đoạn :

Code:

width:280px;

và thay nó bằng

Code:

width:30.1%;

sau đó tìm ở mod_recent topic :

Code:

width:650px;

và xóa nó đi
là nó xài được

[lylyvenus995]

"Trong đó thay số 13 = link HTML full-chat fmvi"
Cho em xin cái lick đó được không ? 8->

[rockmanvnx6]

Nếu bạn không xài skin FMVI v3 thì không làm bước ở index body nhé . Nếu muốn thêm chatbox thì nhét chatbox vào dưới toposting user this week thôi nhé

[lylyvenus995]

"Tiếp , thay thế lần lượt các mod :
mod_recent_topics"
Cái này nằm ở đâu vậy ? nghe lạ quá Thay thế nghĩa là xóa hết cái cũ đi phải không ?

[Rin]

"Tiếp , thay thế lần lượt các mod :
mod_recent_topics"
Cái này nằm ở đâu vậy ? nghe lạ quá

ACP Display QLTT Portal

[lylyvenus995]

Thay thế nghĩa là xóa hết cái cũ đi phải không ?

[Rin]

các từ sau được hiểu như thay hết

thay toàn bộ, thay thế, đổi, .....

tóm lại là thay hết

[K.-Kun]

các từ sau được hiểu như thay hết

thay toàn bộ, thay thế, đổi, .....

tóm lại là thay hết

Kinh khủng Giải thích ntn mới gọi là giải thích chứ

[lylyvenus995]

Làm đúng rồi mà nó vẫn nằm dọc thế này đây
[You must be registered and logged in to see this link.]

[rockmanvnx6]

èo , cho version punbb nha bạn @@ ; của bạn là phpbb . vào display -> choose theme -> version để đổi lại version nhé

[lylyvenus995]

Nếu đổi lại version thì có gặp rắc rối gì về giao diện không ? mình đx từng đổi từ phpbb3 qua phpbb2,gặp đủ chuyện,đổi code tùm lum

[Ocean Sapphire]

tất nhiên là bạn đổi ver thì toàn bộ code css của bạn mất hết, vì vậy nên lưu lại hết code trước khi đổi skin, mà nếu code của bạn chỉ phù hợp với ver phpbb thì thua

[rockmanvnx6]

đổi lại punbb đi bạn , hầu hết mọi người xài punbb mà , sang punbb xài giao diện khác

[Ocean Sapphire]

đổi lại punbb đi bạn , hầu hết mọi người xài punbb mà , sang punbb xài giao diện khác

Đừng quyến rũ chỉ bằng lời nói, thôi thì bằng hành động, bạn ấy đổi ver rồi rockman vào add giao diện cho bạn ấy đi

[lylyvenus995]

"Đừng quyến rũ chỉ bằng lời nói, thôi thì bằng hành động, bạn ấy đổi ver rồi rockman vào add giao diện cho bạn ấy đi "
Chuẩn đó ai cao tay add hộ mình đi
Nick: hurricane
Pass: khanhly

[rockmanvnx6]

chinhphuc thiếu gì giao diện , tập add cho quen đi

[Rin]

chinhphuc thiếu gì giao diện , tập add cho quen đi

thích câu này của rock

forumotion đã làm gọn cho chúng ta rất nhiều rồi không phức tạp hoá nhiều vậy nên có những thứ bạn nên tự làm thì sau này mới hiểu được nó kĩ càng

[Sponsored content]