Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

 » Forumotion » Share Code » Css » Đánh giá vài viết với Like & Dislike cho phpBB3 & Invision

Đánh giá vài viết với Like & Dislike cho phpBB3 & Invision

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

Chức năng:
  • Hiển thị số lượt đánh giá chuyên nghiệp.
  • Thực hiện nhiều đánh giá một lúc mà không bị chuyển trang.


Ghi chú: Code được viết bởi [You must be registered and logged in to see this link.], tham khảo ý tưởng của [You must be registered and logged in to see this link.] và [You must be registered and logged in to see this link.].
Nếu bạn muốn sao chép hướng dẫn này đi nơi khác vui lòng không thay đổi bất kỳ thành phần nào trong code và phải ghi bản quyền thuộc [You must be registered and logged in to see this link.]

Hướng dẫn:

Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:

phpBB3
Code:
ul.profile - icons li.voteTopic {
   padding: 6px;
   line - height: 20px;
   background: #fff;
   color: #000;border:1px solid # a0b0c0;
   font - size: 12px;
   font - weight: bold
   width: 70px;
   height: 17px
}
ul.profile - icons li.voteTopic a {
       cursor: default;
   vertical - align:
   middle;
}
ul.profile-icons li span, ul.profile-icons li a {
    display: inline;
}
.voteTopic .plusFMvi {
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.voteTopic .xplusFMvi {
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.xminusFMvi {
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.voteTopic .minusFMvi{
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.loadFMvi, .vote {
    display:none;
    margin: 0;
}

Invision

Code:
ul.post-info li.voteTopic {
   padding: 6px;
   line - height: 20px;
   background: #fff;
   color: #000;border:1px solid # a0b0c0;
   font - size: 12px;
   font - weight: bold
   width: 70px;
   height: 17px
}
ul.post-info li.voteTopic a {
       cursor: default;
   vertical - align:
   middle;
}
ul.post-info li span, ul.post-info li a {
    display: inline;
}
.voteTopic .plusFMvi {
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.voteTopic .xplusFMvi {
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.xminusFMvi {
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.voteTopic .minusFMvi{
    background: url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll center center transparent;
    padding: 0 12px;
}
.loadFMvi, .vote {
    display:none;
    margin: 0;
}


Bước 2: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:
  • Title * : Like & Dislike
  • Placement : In the topics
  • Javascript Code * :
    phpBB3
    Code:
    $(function () {
       $('.profile-icons').each(function (index) {
          $(this).attr('alt', 'vote' + index).prepend('<li alt="vote' + index + '" class="voteTopic"><span alt="vote' + index + '" class="xplusFMvi"></span><span class="cong" alt="vote' + index + '">0</span><span alt="vote' + index + '" class="xminusFMvi"></span><span class="tru" alt="vote' + index + '">0</span><li>');
          $(this).prepend('<iframe name="vote' + index + '" height="0px" width="0px" frameborder="0"></iframe><li alt="vote' + index + '" class="loadFMvi"><img alt="Loading" src="http://farm04.go.vn/photo/data/20111012/10798851/946D73AB7E9F949624C2BF756D1ED794.gif" /></li>');
          var altthis = $(this).attr('alt');
          var plink = $(this).parent().find('a[href$="eval=plus"]').attr('href');
          var mlink = $(this).parent().find('a[href$="eval=minus"]').attr('href');
          if ($(this).parent().find('.vote a').length > 0) {
             $('.xplusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + plink + '"><span alt="' + altthis + '" class="plusFMvi"></span></a>');
             $('.xminusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + mlink + '"><span alt="' + altthis + '" class="minusFMvi"></span></a>');
          };
          if ($(this).parent().find('.vote-bar').length > 0) {
             var z = $(this).parent().find('.vote-bar').attr('title').split(' ');
             var m = parseInt(z[3].replace(/%/, '')) / 100;
             var n = parseInt(z[4].replace(/\(/, ''));
             c = String(Math.round(n * m));
             d = String(n - c);
             $('.cong[alt="' + altthis + '"]').replaceWith('<span class="cong" alt="' + altthis + '">' + c + '</span>');
             $('.tru[alt="' + altthis + '"]').replaceWith('<span class="tru" alt="' + altthis + '">' + d + '</span>');
          };
          $('.plusFMvi').click(function () {
             var altcong = $(this).attr('alt');
             var x = Number($('.cong[alt="' + altcong + '"]').text()) + 1;
             $('.plusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xplusFMvi"></span>');
             $('.minusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xminusFMvi"></span>');
             $('.loadFMvi[alt="' + altcong + '"]').show().fadeOut(1000, function () {
                $('.cong[alt="' + altcong + '"]').replaceWith('<span class="cong">' + x + '</span>');
             });
          });
          $('.minusFMvi').click(function () {
             var alttru = $(this).attr('alt');
             var y = Number($('.tru[alt="' + alttru + '"]').text()) + 1;
             $('.plusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xplusFMvi"></span>');
             $('.minusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xminusFMvi"></span>');
             $('.loadFMvi[alt="' + alttru + '"]').show().fadeOut(1000, function () {
                $('.tru[alt="' + alttru + '"]').replaceWith('<span class="cong">' + y + '</span>');
             });
          });
       });
    });

    Invision

    Code:
    $(function () {
       $('.post-info').each(function (index) {
          $(this).attr('alt', 'vote' + index).prepend('<li alt="vote' + index + '" class="voteTopic"><span alt="vote' + index + '" class="xplusFMvi"></span><span class="cong" alt="vote' + index + '">0</span><span alt="vote' + index + '" class="xminusFMvi"></span><span class="tru" alt="vote' + index + '">0</span><li>');
          $(this).prepend('<iframe name="vote' + index + '" height="0px" width="0px" frameborder="0"></iframe><li alt="vote' + index + '" class="loadFMvi"><img alt="Loading" src="http://farm04.go.vn/photo/data/20111012/10798851/946D73AB7E9F949624C2BF756D1ED794.gif" /></li>');
          var altthis = $(this).attr('alt');
          var plink = $(this).parent().parent().find('a[href$="eval=plus"]').attr('href');
          var mlink = $(this).parent().parent().find('a[href$="eval=minus"]').attr('href');
          if ($(this).parent().parent().find('.vote a').length > 0) {
             $('.xplusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + plink + '"><span alt="' + altthis + '" class="plusFMvi"></span></a>');
             $('.xminusFMvi[alt="' + altthis + '"]').replaceWith('<a target="' + altthis + '" href="' + mlink + '"><span alt="' + altthis + '" class="minusFMvi"></span></a>');
          };
          if ($(this).parent().parent().find('.vote-bar').length > 0) {
             var z = $(this).parent().parent().find('.vote-bar').attr('title').split(' ');
             var m = parseInt(z[3].replace(/%/, '')) / 100;
             var n = parseInt(z[4].replace(/\(/, ''));
             c = String(Math.round(n * m));
             d = String(n - c);
             $('.cong[alt="' + altthis + '"]').replaceWith('<span class="cong" alt="' + altthis + '">' + c + '</span>');
             $('.tru[alt="' + altthis + '"]').replaceWith('<span class="tru" alt="' + altthis + '">' + d + '</span>');
          };
          $('.plusFMvi').click(function () {
             var altcong = $(this).attr('alt');
             var x = Number($('.cong[alt="' + altcong + '"]').text()) + 1;
             $('.plusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xplusFMvi"></span>');
             $('.minusFMvi[alt="' + altcong + '"]').replaceWith('<span class="xminusFMvi"></span>');
             $('.loadFMvi[alt="' + altcong + '"]').show().fadeOut(1000, function () {
                $('.cong[alt="' + altcong + '"]').replaceWith('<span class="cong">' + x + '</span>');
             });
          });
          $('.minusFMvi').click(function () {
             var alttru = $(this).attr('alt');
             var y = Number($('.tru[alt="' + alttru + '"]').text()) + 1;
             $('.plusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xplusFMvi"></span>');
             $('.minusFMvi[alt="' + alttru + '"]').replaceWith('<span class="xminusFMvi"></span>');
             $('.loadFMvi[alt="' + alttru + '"]').show().fadeOut(1000, function () {
                $('.tru[alt="' + alttru + '"]').replaceWith('<span class="cong">' + y + '</span>');
             });
          });
       });
    });


---o0o Hết o0o---


Viết bởi baivong - [You must be registered and logged in to see this link.]

http://www.vn-answer.tk
Share this post on: reddit

No Comment.

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

 » Forumotion » Share Code » Css » Đánh giá vài viết với Like & Dislike cho phpBB3 & Invision

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