Botão de reputação positiva e citação

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Botão de reputação positiva e citação

Mensagem por Troubleshoot 23.02.12 17:27

Qual é minha questão:
Olá , quero colocar isto circulado em vermelho no meu fórum :
Código:
http://i.imgur.com/yHNZy.png

Como esta no meu fórum :
Código:
http://i.imgur.com/mEt4R.png


Até mais.Piscada

Medidas que eu tomei para corrigir o problema:
--

Links e imagens do meu problema:
--

Endereço do meu fórum:
www.rb-forum.net

Versão do meu fórum:
PHPBB3
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe 23.02.12 17:32

Olá!

Veja este tópico:

:seta2: Agradecimento Avançado

Abraço.


Última edição por Heisenburg em 23.02.12 17:33, editado 1 vez(es)
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/01/2010
Mensagens : 5769
Pontos ativos : 7546

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por MateusV. 23.02.12 17:32

Olá,

Aceda a:
Painel de controleBotão de reputação positiva e citação 2479035592Visualização Botão de reputação positiva e citação 2479035592Imagens e CoresBotão de reputação positiva e citação 2479035592CoresBotão de reputação positiva e citação 2479035592Aba Folha CSS.
Cole o codigo e salve.
Código:
.vote .vote-button  {
background-color: #D6D6D6;
border: 1px solid #888888 !important;
-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
ul.profile-icons {
background-color: #D6D6D6;
border: 1px solid #888888 !important;
-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5p
}
Cordialmente.
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos ativos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 23.02.12 18:21

Olha , eu quero fazer igual ao dele , colocar o somente o Botão de + e o citar lado a lado ...

ele me passou este código JavaScript:
Código:
var CopyrightNotice = 'Professional like/dislike bar for forumotion phpBB3 boards. Copyright © 2011 by WebPixel. 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;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 vplus='<img style="position:relative;top:-3px;margin-right:3px" title="Feito por Web Pixel " src="http://i45.servimg.com/u/f45/14/85/89/99/plus_110.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>';}
                }
            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));
            }
            if (x[i].parentNode.parentNode.parentNode.className=='module row1') {
                $(x[i].parentNode).find('.profile-icons').prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
                $(x[i].parentNode).find('.h3').css('border','none');
            }
            else {
                $(x[i].parentNode.childNodes[0]).prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
            }
            x[i].parentNode.removeChild(x[i]);
        }
    });
...

Quero deixar o voto e o citar igual ao dele !
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe 23.02.12 18:35

Olá!

Acesse:

Painel de Controle :seta2: Módulos :seta2: HTML & JAVASCRIPT :seta2: Gestão dos Códigos JavaScript :seta2: Criar um novo Javascript

Marque o investimento em todas as páginas e cole este código:

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;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 vplus='<img style="position:relative;top:-3px;margin-right:3px" title="Like" src="http://i45.servimg.com/u/f45/14/85/89/99/plus_110.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>';}
            }
        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));
        }
        if (x[i].parentNode.parentNode.parentNode.className=='module row1') {
            $(x[i].parentNode).find('.profile-icons').prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
            $(x[i].parentNode).find('.h3').css('border','none');
        }
        else {
            $(x[i].parentNode.childNodes[0]).prepend('<li class="ddvote"> ' + vplus + plus + ' <li>');
        }
        x[i].parentNode.removeChild(x[i]);
    }
});

Quanto à citação, copie a url da imagem que ele usa como Citação e cole em:

Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Gestão das Imagens :seta2: Modo Avançado :seta2: Botões

Se já não aparecer ao lado do botão de voto, nos avise.

Abraço.
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/01/2010
Mensagens : 5769
Pontos ativos : 7546

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 23.02.12 19:28

Ainda não foi :/
Aqui esta minha folha css :
Código:
.module{-moz-border-radius:10px;-webkit-border-radius:15px;border:2px solid #42BDFF;padding:0}
.module .h3{background-image:url(http://habboemotion.com/resources/images/website_backgrounds/snowbg1.gif);margin:-5px -5px auto;padding:10px;text-align:center;width:155px center}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}



a[href="/u1"] {
text-shadow: 0px 0px 5px #e90000;
}


.postprofile{text-align:center}


hr{background-color:#87CEEB!important;border-top:1px #87CEEB!important}

.postprofile dl dt a img{max-width:151px}

.post{-moz-border-radius:9px;-webkit-border-radius:9px;background-position:100% 0;background-repeat:no-repeat;border:3px solid #eaeaea;margin-bottom:4px;padding:0 10px}

.postprofile{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#ADD8E6;border:1px solid #87CEEB;border-radius:3px}

#textarea_content textarea#text_editor_textarea{width:98%!important}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i.imgur.com/jgzUV.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://hitskin.com/themes/17/98/78/i_icon_mini_faq.gif) no-repeat 80% 0;
padding: 24px 0;}

p.author {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #D7D7D7;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: #232323;
    left: -11px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    width: 225px;
}

.vote .vote-button  {
background-color: #D6D6D6;
border: 1px solid #888888 !important;
-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
ul.profile-icons {
background-color: #D6D6D6;
border: 1px solid #888888 !important;
-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5p
}
   

                  .colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.png);
                  font-family: Arial, Helvetica, sans-serif;
                  display: none;
                }
                .colorpicker_color {
                  width: 150px;
                  height: 150px;
                  left: 14px;
                  top: 13px;
                  position: absolute;
                  background: #f00;
                  overflow: hidden;
                  cursor: crosshair;
                }
                .colorpicker_color div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 150px;
                  height: 150px;
                  background: url(http://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.gif);
                  margin: -5px 0 0 -5px;
                }
                .colorpicker_hue {
                  position: absolute;
                  top: 13px;
                  left: 171px;
                  width: 35px;
                  height: 150px;
                  cursor: n-resize;
                }
                .colorpicker_hue div {
                  position: absolute;
                  width: 35px;
                  height: 9px;
                  overflow: hidden;
                  background: url(http://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.gif) left top;
                  margin: -4px 0 0 0;
                  left: 0px;
                }
                .colorpicker_new_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 213px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker_current_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 283px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker input {
                  background-color: transparent;
                  border: 1px solid transparent;
                  position: absolute;
                  font-size: 10px;
                  font-family: Arial, Helvetica, sans-serif;
                  color: #898989;
                  top: 4px;
                  right: 11px;
                  text-align: right;
                  margin: 0;
                  padding: 0;
                  height: 11px;
                }
                .colorpicker_hex {
                  position: absolute;
                  width: 72px;
                  height: 22px;
                  background: url(http://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.png) top;
                  left: 212px;
                  top: 142px;
                }
                .colorpicker_hex input {
                  right: 6px;
                }
                .colorpicker_field {
                  height: 22px;
                  width: 62px;
                  background-position: top;
                  position: absolute;
                }
                .colorpicker_field span {
                  position: absolute;
                  width: 12px;
                  height: 22px;
                  overflow: hidden;
                  top: 0;
                  right: 0;
                  cursor: n-resize;
                }
                .colorpicker_rgb_r {
                  background-image: url(http://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.png) top;
                  left: 322px;
                  top: 142px;
                  overflow: hidden;
                }
                .colorpicker_focus {
                  background-position: center;
                }
                .colorpicker_hex.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_submit.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_slider {
                  background-position: bottom;
                }

.contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}

.postbody .topic-title a {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #D7D7D7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #232323;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    top: -5px;
}

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}



form#quick_reply #textarea_content textarea#text_editor_textarea {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{-moz-border-radius:4px;-webkit-border-radius:14px;}

a:link {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black -o-transition: all #0.1s linear;
transition: all .1s linear;
}
a:hover {
color: #FF404A;
font-size: 16px;
padding-left: 20px;
}

.postprofile dl dd span span{color:grey!important}
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 24.02.12 15:25

Alguém pode ajudar ?
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por #BadBoy# 24.02.12 21:46

Botão de reputação positiva e citação Thumb-10 Avaliação positiva de uma mensagem
Sempre
gostamos de criar novas maneiras para aumentar a interatividade nas
postagens, e dessa vez, você aprenderá através do tutorial a colocar um
botão de avaliação positiva nas mensagens, onde cada clique representará
o mesmo que "Curtir", como estamos acostumados na rede social Facebook.




--> Tutoriais, dicas e astúcias <--
Avaliação positiva de uma mensagem


Botão de reputação positiva e citação Logo Versão PunBB

- Localizar a template:
Painel de Controle Botão de reputação positiva e citação 337884 Visualização Botão de reputação positiva e citação 337884 Templates Botão de reputação positiva e citação 337884 Geral Botão de reputação positiva e citação 337884 viewtopic_body Botão de reputação positiva e citação 337884 (Botão de reputação positiva e citação 323947) Editar

- Adicionar o código:

Adicionem o seguinte script abaixo na última linha da template:

Código:


- Remover o bloco de votação:

Procure pelas seguintes linhas no template e remova-as: (busque apenas a primeira linha, depois veja até onde deletar)

Código:

   

   
       
[url=http://ajuda.forumeiros.com/%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS%7D]+[/url]   
   
       

       
                   
       
                   
           
   
       
----   
   
       
[url=http://ajuda.forumeiros.com/%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS%7D]-[/url]   
   

- Substituir outra linha da template:

Agora procure pela seguinte linha:

Código:


Substitua-a por esta:

Código:


- Adicionar o bloco de votação:

Agora, exatamente abaixo da linha que acabou de substituir, cole o código abaixo:

Código:

   

   
       
[url=http://ajuda.forumeiros.com/%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS%7D]+[/url]   
   
       

       
                   
       
                   
           
   
       
----   
   
       
[url=http://ajuda.forumeiros.com/%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS%7D]-[/url]   
   

- Salvar e publicar o template:

Ao terminar, clique em Salvar, na parte inferior da página e depois, no mesmo local em que clicou para ir até a edição do template, clique em Publicar (Botão de reputação positiva e citação Ajouter)

Observações:

Botão de reputação positiva e citação 337884 Sim, eu poderia ter dado o template pronto para que vocês apenas o substituíssem. Mas não o fiz por duas razões.

1)
Seguindo o tutorial, você sabe exatamente o que fez para obter o
resultado desejado, caso contrário, estaria confiando no código
fornecido por mim sem saber as substituições e edições que fiz.

2)
Muitos membros já podem ter feito alguma alteração na template através
de outro tutorial ou modificação própria, então eu acabaria estragando
as mesmas...

Botão de reputação positiva e citação 337884 Já fiz o tutorial utilizando a imagem que pediram, do FdF Inglês.

Botão de reputação positiva e citação Logo Versão Phpbb3 & Invision

- Localizar a gestão dos códigos Javascript:
Painel de Controle Botão de reputação positiva e citação 337884 Módulos Botão de reputação positiva e citação 337884 Gestão dos códigos JavaScript Botão de reputação positiva e citação 337884 Criar um novo Javascript

- Criar o código:

Título: Avaliação positiva de uma mensagem
Investimento: Em todas as páginas
Código Javascript:

Phpbb3:
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('');
    var x=$('.vote').get();
    for (i=x.length-1; i>=0; i--) {
        var plus='0';

        var vplus='[img]http://i45.servimg.com/u/f45/14/85/89/99/plus_110.png[/img]';

        var y=$(x[i]).find('.vote-button a').get();
        for (j=0; j            if (y[j].innerHTML=='+') {vplus='[url=http://ajuda.forumeiros.com/%27+y%5Bj%5D.href+%27]'+vplus+'[/url]';}
            }
        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));
        }
        if (x[i].parentNode.parentNode.parentNode.className=='module row1') {
            $(x[i].parentNode).find('.profile-icons').prepend('<li class="ddvote"> ' + vplus + plus + ' </li><li>');
            $(x[i].parentNode).find('.h3').css('border','none');
        }
        else {
            $(x[i].parentNode.childNodes[0]).prepend('</li><li class="ddvote"> ' + vplus + plus + ' </li><li>');
        }
        x[i].parentNode.removeChild(x[i]);
    }
});
Invision:
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('');
    var x=$('.vote').get();
    for (i=x.length-1; i>=0; i--) {
        var plus='0';

        var vplus='[img]http://i45.servimg.com/u/f45/14/85/89/99/plus_110.png[/img]';

        var y=$(x[i]).find('.vote-button a').get();
        for (j=0; j            if (y[j].innerHTML=='+') {vplus='[url=http://ajuda.forumeiros.com/%27+y%5Bj%5D.href+%27]'+vplus+'[/url]';}
            }
        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));
        }
        $(x[i].parentNode.previousSibling.childNodes[0]).prepend('</li><li class="ddvote"> ' + vplus + plus + ' </li><li>');
        x[i].parentNode.removeChild(x[i]);
    }
});

Botão de reputação positiva e citação 337884 Clique em Confirmar.

Botão de reputação positiva e citação 337884 Resultado final:

Agora,
acesse algum tópico ou mensagem no fórum que tenha sido criado por
outro membro e veja o resultado em uma de suas postagens (com já 1 voto
positivo computado):

(Desconsidere a versão de exemplo)
Botão de reputação positiva e citação Repo




</li>
#BadBoy#

#BadBoy#
Nível 9

Masculino
Membro desde : 08/12/2011
Mensagens : 200
Pontos ativos : 334

http://suporte-codigos.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe 25.02.12 1:13

@!sasuky escreveu:Ainda não foi :/
Aqui esta minha folha css :
Código:
.module{-moz-border-radius:10px;-webkit-border-radius:15px;border:2px solid #42BDFF;padding:0}
.module .h3{background-image:url(http://habboemotion.com/resources/images/website_backgrounds/snowbg1.gif);margin:-5px -5px auto;padding:10px;text-align:center;width:155px center}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}



a[href="/u1"] {
text-shadow: 0px 0px 5px #e90000;
}


.postprofile{text-align:center}


hr{background-color:#87CEEB!important;border-top:1px #87CEEB!important}

.postprofile dl dt a img{max-width:151px}

.post{-moz-border-radius:9px;-webkit-border-radius:9px;background-position:100% 0;background-repeat:no-repeat;border:3px solid #eaeaea;margin-bottom:4px;padding:0 10px}

.postprofile{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#ADD8E6;border:1px solid #87CEEB;border-radius:3px}

#textarea_content textarea#text_editor_textarea{width:98%!important}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i.imgur.com/jgzUV.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://hitskin.com/themes/17/98/78/i_icon_mini_faq.gif) no-repeat 80% 0;
padding: 24px 0;}

p.author {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #D7D7D7;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: #232323;
    left: -11px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    width: 225px;
}

.vote .vote-button  {
background-color: #D6D6D6;
border: 1px solid #888888 !important;
-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
ul.profile-icons {
background-color: #D6D6D6;
border: 1px solid #888888 !important;
-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5p
}
   

                  .colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.png);
                  font-family: Arial, Helvetica, sans-serif;
                  display: none;
                }
                .colorpicker_color {
                  width: 150px;
                  height: 150px;
                  left: 14px;
                  top: 13px;
                  position: absolute;
                  background: #f00;
                  overflow: hidden;
                  cursor: crosshair;
                }
                .colorpicker_color div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 150px;
                  height: 150px;
                  background: url(http://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.gif);
                  margin: -5px 0 0 -5px;
                }
                .colorpicker_hue {
                  position: absolute;
                  top: 13px;
                  left: 171px;
                  width: 35px;
                  height: 150px;
                  cursor: n-resize;
                }
                .colorpicker_hue div {
                  position: absolute;
                  width: 35px;
                  height: 9px;
                  overflow: hidden;
                  background: url(http://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.gif) left top;
                  margin: -4px 0 0 0;
                  left: 0px;
                }
                .colorpicker_new_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 213px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker_current_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 283px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker input {
                  background-color: transparent;
                  border: 1px solid transparent;
                  position: absolute;
                  font-size: 10px;
                  font-family: Arial, Helvetica, sans-serif;
                  color: #898989;
                  top: 4px;
                  right: 11px;
                  text-align: right;
                  margin: 0;
                  padding: 0;
                  height: 11px;
                }
                .colorpicker_hex {
                  position: absolute;
                  width: 72px;
                  height: 22px;
                  background: url(http://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.png) top;
                  left: 212px;
                  top: 142px;
                }
                .colorpicker_hex input {
                  right: 6px;
                }
                .colorpicker_field {
                  height: 22px;
                  width: 62px;
                  background-position: top;
                  position: absolute;
                }
                .colorpicker_field span {
                  position: absolute;
                  width: 12px;
                  height: 22px;
                  overflow: hidden;
                  top: 0;
                  right: 0;
                  cursor: n-resize;
                }
                .colorpicker_rgb_r {
                  background-image: url(http://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.png) top;
                  left: 322px;
                  top: 142px;
                  overflow: hidden;
                }
                .colorpicker_focus {
                  background-position: center;
                }
                .colorpicker_hex.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_submit.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_slider {
                  background-position: bottom;
                }

.contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}

.postbody .topic-title a {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #D7D7D7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #232323;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    top: -5px;
}

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}



form#quick_reply #textarea_content textarea#text_editor_textarea {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{-moz-border-radius:4px;-webkit-border-radius:14px;}

a:link {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black -o-transition: all #0.1s linear;
transition: all .1s linear;
}
a:hover {
color: #FF404A;
font-size: 16px;
padding-left: 20px;
}

.postprofile dl dd span span{color:grey!important}

Olá!

Olhe novamente minha mensagem anterior. O script para o voto positivo da reputação não vai na folha CSS, veja o caminho que descrevi. E o botão citar basta substituir o que está atualmente pelo desejado, também no caminho que descrevi na mensagem anterior.

Abraço.
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/01/2010
Mensagens : 5769
Pontos ativos : 7546

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 27.02.12 0:22

Heisenburg , eu coloquei meu css para vocês verem se tem algum erro ... O código do Javascript não funcionou :/
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por bean 27.02.12 1:34

Olá,

Bom ai pelo que vi analisei o CSS CODE o implantei para ver os efeitos positivos ou negativos e tudo mais e po não consegui captar algum erro nele não vc deve ter o implantado errado no JavaScript ou ehm outra implantação qualquer ...
Café
bean

bean
Membro destaque

Masculino
Membro desde : 17/01/2012
Mensagens : 774
Pontos ativos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 27.02.12 1:37

Não , eu coloquei o código certo sem nenhum erro !
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por bean 27.02.12 1:40

Então já podemos delcarar assunto resolvido ou ainda ehm desenvolvimento?
...
bean

bean
Membro destaque

Masculino
Membro desde : 17/01/2012
Mensagens : 774
Pontos ativos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 27.02.12 2:19

Não , ainda não !
Eu quero colocar este Botão de reputação positiva e citação Plus_110 no lugar do tradicional ...



Lifes sem querer ofender mais você por acaso é da equipe para poder ficar pondo "Então já podemos delcarar assunto resolvido ou ainda ehm desenvolvimento?"

Depois eu que recebo Advertência --'
...
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por bean 27.02.12 2:23

Blz malz eu só estava mesmo perguntando e sobre a advertencia se eu estiver errado mano tranquilo que eu que levo o papo, Esse + ai vc deve ver em ícones e tudo mais no Imagens e Cores ok procura lá que vc vai achar blz caso contrario contata ai ok flws ...
:roll:
bean

bean
Membro destaque

Masculino
Membro desde : 17/01/2012
Mensagens : 774
Pontos ativos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot 27.02.12 2:57

Já consegui ... podem fechar !

Obs: O investimento do código Javascript é nos tópicos e não em todas as páginas !

Obrigado a quem ajudou ...

Até mais.
Troubleshoot

Troubleshoot
Membro experiente

Masculino
Membro desde : 25/09/2011
Mensagens : 2231
Pontos ativos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe 27.02.12 3:11

@!sasuky escreveu:Já consegui ... podem fechar !

Obs: O investimento do código Javascript é nos tópicos e não em todas as páginas !

Obrigado a quem ajudou ...

Até mais.

Olá!

O código funciona de ambas as formas!

Abraço.
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/01/2010
Mensagens : 5769
Pontos ativos : 7546

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos