![[TUTORIAL] Adicionar os Botões Curti e Não Curti Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
MoedasAdicionar os botões curti e não curti |
Nesse tutorial estarei ensinando como adicionar os botões curti e não curti.
![[TUTORIAL] Adicionar os Botões Curti e Não Curti Codigo10](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/codigo10.png) | ![[TUTORIAL] Adicionar os Botões Curti e Não Curti Phpbb3](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/phpbb3.gif) |
![[TUTORIAL] Adicionar os Botões Curti e Não Curti Java](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/java.png)
![[TUTORIAL] Adicionar os Botões Curti e Não Curti Nostopicos](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/nostopicos.png)
- Código:
var CopyrightNotice = 'Professional
like/dislike bar for forumotion phpBB3 boards. Copyright © 2011 by Dion
Designs. All Rights Reserved. Use and/or modification of this script is
allowed, provided this entire copyright notice remains in the original
or modified script. Distribution is not allowed without written consent
from Dion Designs.';
$(function() {
$('#main-content').prepend('<style
type="text/css">ul.profile-icons
li.ddvote{height:20px;line-height:20px;background:#fff;color:#000;border:1px
solid #a0b0c0;font-size:12px;font-weight:bold}ul.profile-icons
li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote
img{cursor:default;vertical-align:middle}.postbody ul.profile-icons
li.ddvote a img{cursor:pointer}</style>');
var x=$('.vote').get();
for (i=x.length-1; i>=0; i--) {
var plus='0';
var minus='0';
var vplus='<img
style="position:relative;top:-3px;margin-right:3px" title="Curti"
src="http://i41.servimg.com/u/f41/17/41/76/40/dislik10.png" />';
var vminus='<img style="margin:0px 3px 0px 10px" title="Não
Curti" src="http://i41.servimg.com/u/f41/17/41/76/40/like10.png" />';
var y=$(x[i]).find('.vote-button a').get();
for (j=0; j<y.length; j++) {
if (y[j].innerHTML=='+') {vplus='<a href="'+y[j].href+'">'+vplus+'</a>';}
else if (y[j].innerHTML=='-') {vminus='<a href="'+y[j].href+'">'+vminus+'</a>';}
}
var y=$(x[i]).find('.vote-bar')[0];
if (y) {
var z=y.title.split(' ');
var pct=parseInt(z[3].replace(/%/,''))/100;
var num=parseInt(z[4].replace(/\(/,''));
plus=String(Math.round(num*pct));
minus=String(num-plus);
}
if (x[i].parentNode.parentNode.parentNode.className=='module row1') {
$(x[i].parentNode).find('.profile-icons').prepend('<li
class="ddvote"> ' + vplus + plus + vminus + minus + ' <li>');
$(x[i].parentNode).find('.h3').css('border','none');
}
else {
$(x[i].parentNode.childNodes[0]).prepend('<li
class="ddvote"> ' + vplus + plus + vminus + minus + ' <li>');
}
x[i].parentNode.removeChild(x[i]);
}
});
Resultado:
![[TUTORIAL] Adicionar os Botões Curti e Não Curti Regos10](https://i.servimg.com/u/f41/17/41/76/40/regos10.png)
