Đăng Ký


avatar
24h...CậuéC
Thiết Kế Team
Bài Viết : 51
on 27.10.12 14:46
24h...CậuéC - Thiết Kế Team
Demo ảnh:


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:

Chú ý: 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 (javascript fancybox2) bằng http://www.fmvi.vn/44409.js
Title : FMvi.vn - Thay avatar nhanh tại nọi mơi Placement : In the topics Javascript Code : Download http://fmvi-group.googlecode.com/files/change-avatar-fmvi-vn.js 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
 

phhpBB2
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 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 click 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 Skin FMvi ver.2 đã 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"
        }
 

0
avatar
TopDragon
Thành Viên
Bài Viết : 27
on 28.10.12 13:01
TopDragon - Thành Viên
đc nàk=))

avatar
nhÓk lÙn
Thiết Kế Team
Bài Viết : 58
on 05.11.12 13:05
nhÓk lÙn - Thiết Kế Team
votevotevote

avatar
bucnong
Thành Viên
Bài Viết : 51
on 25.11.12 15:17
bucnong - Thành Viên
tét

avatar
*๖ۣۜ Mr-๖ۣۜ Hải*
Thành Viên
Bài Viết : 3
on 08.12.13 9:28
*๖ۣۜ Mr-๖ۣۜ Hải* - Thành Viên
Cười đã quá

avatar
Trilogy
Thành Viên
Bài Viết : 3
on 02.05.14 9:20
Trilogy - Thành Viên
yyyyyyyyyyyyy

avatar
aitmanh123
Thành Viên
Bài Viết : 14
on 25.10.14 11:59
aitmanh123 - Thành Viên
hay du

avatar
sayedn73
Thành Viên
Bài Viết : 39
on 14.02.15 7:23
sayedn73 - Thành Viên
thank's

avatar
trandangduat
Thành Viên
Bài Viết : 15
on 20.10.15 17:45
trandangduat - Thành Viên
m

avatar
sican73
Thành Viên
Bài Viết : 34
on 13.11.15 9:56
sican73 - Thành Viên
thank's

avatar
Ryuki
Thành Viên
Bài Viết : 12
on 20.08.16 14:40
Ryuki - Thành Viên
لماذا لامثال ؟

avatar
JAR7
Thành Viên
Bài Viết : 24
on 11.10.16 14:46
JAR7 - Thành Viên
thanks

avatar
roseila
Thành Viên
Bài Viết : 11
on 15.10.16 19:01
roseila - Thành Viên
xem


Sponsored content
Sponsored content -


Hãy Đăng Nhập Để Gửi Bình Luận - Nếu Chưa Có Tài Khoản Đăng Ký - Click Tại Đây


 

© 2016 Spiderum Themes Cover Forumotion By @Thànhkent