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

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.

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

Olá!

Veja este tópico:

Agradecimento Avançado

Abraço.

Olá,

Aceda a: Painel de controleVisualização Imagens e CoresCoresAba 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.

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 !

Olá!

Acesse:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript 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 Visualização Imagens e Cores Gestão das Imagens Modo Avançado Botões

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

Abraço.

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}

Alguém pode ajudar ?

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

Versão PunBB

1º - Localizar a template:
Painel de Controle Visualização Templates Geral viewtopic_body () Editar

2º - Adicionar o código:

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

Código:




3º - 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]   
   

4º - Substituir outra linha da template:

Agora procure pela seguinte linha:

Código:




Substitua-a por esta:

Código:




5º - 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]   
   

6º - 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 ()

Observações:

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...

Já fiz o tutorial utilizando a imagem que pediram, do FdF Inglês.

Versão Phpbb3 & Invision

1º - Localizar a gestão dos códigos Javascript:
Painel de Controle Módulos Gestão dos códigos JavaScript Criar um novo Javascript

2º - Criar o código:

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

Phpbb3:

Invision:

Clique em Confirmar.

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)

---

</li>

!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.

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

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 ...

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

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

Não , ainda não !
Eu quero colocar este 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 --'
...

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:

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.

!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.