You are not connected. Please login or register

  1. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    Chức năng:
    • Thay avatar ngay lập tức từ hình ảnh trong bài viết.
    • Thông báo khi thay avatar thành công và khi xảy ra lỗi.
    • Giới hạn số lần thay đổi avatar nhanh.

    Bước 1: ACP - QLTT - Messages and e-mails - Announcements - General announcements options
    • Activate announcements : Có
    • Announcements display : All pages
    • Scrolling : Go left

    Announcements
    • Name : FMvi.vn - Thay avatar
    • Content * :
      Code:
      <span style="display:none" id="userID">{USERLINK}</span>

    Bước 2: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet
    Code:
    /* Thay avatar - www.fmvi.vn */
    .alert .close{position:relative;top:-2px;right:-21px;float:right;font-size:13px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:0.2;filter:alpha(opacity=20)}
    .alert .close:hover{color:#000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer}
    .alert{display:none;top:5px;position:fixed;left:5px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;padding:8px 35px 8px 14px}
    .alert-success{background-color:#dff0d8;color:#468847;border-color:#d6e9c6}
    .alert-error{background-color:#f2dede;color:#b94a48;border-color:#eed3d7}
    .fmvichange{display:inline-block!important;position:relative;margin:0!important;padding:0!important}
    .fmvichange:hover .changeatvar{display:block!important}
    .changeatvar{margin:0!important;cursor:pointer;background:url(http://i47.servimg.com/u/f47/17/47/88/95/profil11.png) no-repeat scroll 5px center #DDD;border:1px solid #777;color:#484A48;display:none!important;font-weight:700;left:0;position:absolute;text-shadow:1px 1px 1px #FFF;top:0;width:90px;z-index:999;padding:2px 5px 5px 23px!important}
    Bước 3: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management - Create a new javascript:
    Hướng dẫn cho skin FMvi ver.2:
    Những forum sử dụng skin FMvi ver.2, hoặc sử dụng fancybox2 không làm bước này, mà thay file javascript trong overall_header [You must be registered and logged in to see this link.] (javascript fancybox2) bằng [You must be registered and logged in to see this link.]
    Đặt code này:
    Code:
    <span style="display:none" id="numID"></span>
    <script type="text/javascript">
       $("#numID").text($("#userID a").attr("href").slice($("#userID a").attr("href").indexOf("u=") + 2))
    </script>
    vào trước
    • Title * : FMvi.vn - Thay avatar nhanh tại nọi mơi
    • Placement : In the topics
    • Javascript Code * : Download [You must be registered and logged in to see this link.]
      punBB
      Code:
      numA = 7;
      verA = ".entry-content";
      verB = ".frm-set:first img:first";
      verC = ".user";
      verD = "#main-content .message a";
      // download file script, lấy code và đặt dưới dòng này
      phpBB3
      Code:
      numA = 7;
      verA = ".postbody";
      verB = ".panel:eq(1) img:first";
      verC = ".postprofile";
      verD = ".panel a";
      // download file script, lấy code và đặt dưới dòng này
      phpBB2
      Code:
      numA = 7;
      verA = ".postbody";
      verB = "#register .forumline img:first";
      verC = ".postdetails.poster-profile";
      verD = ".forumline .gen a";
      // download file script, lấy code và đặt dưới dòng này
      Invision
      Code:
      numA = 7;
      verA = ".post-entry";
      verB = "#ucp .box-content img:first";
      verC = ".postprofile-details.postdetails";
      verD = ".msg a";
      // download file script, lấy code và đặt dưới dòng này


      Custom - Dành cho những forum đã thay đổi Templates
      Code:
      numA = Giới hạn số lần thay avatar;
      verA = Khung nội dung bài viết;
      verB = Khung trang thay avatar;
      verC = Khung thông tin người viết bài;
      verD = Khung trang thông báo;
      // download file script, lấy code và đặt dưới dòng này


      Hướng dẫn tùy chỉnh:
      [+] Hướng dẫn dưới đây giúp bạn có thể sử dụng riêng 2 hàm chính trong mods là hiện thông báo và thay avatar nhanh. Để sử dụng, yêu cầu bạn phải đặt javascript và CSS trong mods thay avatar nhanh vào trang cần dùng.
      Tùy biến thông báo:
      Chức năng:
      • Hiện thông ở góc trên bên trái màn hình.
      • Xuất hiện với hiệu ứng fade trong 1s.
      • Tự tắt sau 5s hoặc chóng mặt nút đóng, lùi vào bên trái trong 1s rồi mất.

      Code:
      fmvitip(style,bold,normal)
      • style: Có 2 giá trị là error và success
      • bold: Nội dung thông báo in đậm
      • normal: Nội dung thông báo thương

      Có thể dùng HTML để ghi nội dung thông báo.
      Ví dụ:
      Code:
      <button onclick="fmvitip('error', 'Lỗi!', 'Không tải được dữ liệu.')">Thông báo</button>
      Tùy biến thay avatar:
      Chức năng:
      • Chức năng như mods thay avatar nhanh

      Code:
      avatarfmvi(url)
      • url: Thay bằng link hình ảnh muốn dùng làm avatar

      Ví dụ:
      Code:
      <button onclick="avatarfmvi('http://i48.servimg.com/u/f48/16/58/89/73/logofm12.png')">Thay avatar</button>
      Code:
      <button onclick="avatarfmvi(prompt('Nhập URL hình ảnh vào đây!\nChấp nhận các định dạng jpg, jpeg, gif, png, bmp', ''))">Thay avatar</button>
    Thay số 7 bằng số lần giới hạn thay avatar nhanh
    Chú ý:
    Nếu forum bạn chưa có sử dụng tooltip (skin [You must be registered and logged in to see this link.] đã có sẵn) thì làm như sau:
    bước 2 Thêm đoạn CSS sau:
    Code:
    #tooltip{max-width:550px;position:absolute;background-image:url(http://i48.servimg.com/u/f48/13/58/60/43/opacit10.png);border:0;padding:0;border-radius:3px;color:#FFF;z-index:99;}
    #tooltip .header{display:none}
    Trong bước 3, thêm vào phần đầu, code sau:
    Code:
    var versionMinor = parseFloat(navigator.appVersion),
       versionMajor = parseInt(versionMinor),
       IE = document.all && !window.opera && 7 > versionMajor,
       IE7 = document.all && !window.opera && 7 <= versionMajor,
       OP = window.opera,
       FF = document.getElementById,
       NS = document.layers;
    function get_item(a, c) {
       if (IE) return c ? window.opener.document.all[a] : document.all[a];
       if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
       if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
    }
    var current_tooltip;

    function show_tooltip(a, c, d) {
       var b = get_item("tooltip");
       b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
       b.style.zIndex = 100;
       b.style.position = "absolute";
       b.innerHTML = d ? '<p class="header">' + d + "</p><p>" + c + "</p>" : "<p>" + c + "</p>";
       b.style.visibility = "visible";
       a.onmousemove = move_tooltip;
       a.onmouseout = function () {
          b.style.visibility = "hidden"
       };
       a.title = ""
    }
    var offsetxpoint = -60,
       offsetypoint = 20,
       real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
       real_body = document.documentElement ? document.documentElement : document.body;

    function move_tooltip(a) {
       var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
          d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
          b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
          e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
          f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
       current_tooltip = get_item("tooltip");
       current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
       current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
    }
    Copyright baivong - [You must be registered and logged in to see this link.]

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

 
  • Free forum | Khoa học | Trường | © PunBB | Free forum support | Liên hệ | Report an abuse | Sosblogs
© 2012 Zone-A7
FM PunBB - Rip by Simon