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

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

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

Mensagem por Troubleshoot em 23/02/12, 03:27 pm

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
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe em 23/02/12, 03:32 pm

Olá!

Veja este tópico:

:seta2: Agradecimento Avançado

Abraço.


Última edição por Heisenburg em 23/02/12, 03:33 pm, editado 1 vez(es)
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botão de reputação positiva e citação

Mensagem por MateusV. em 23/02/12, 03:32 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 23/02/12, 04:21 pm

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe em 23/02/12, 04:35 pm

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

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 23/02/12, 05:28 pm

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://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://illiweb.com/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}
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 24/02/12, 01:25 pm

Alguém pode ajudar ?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por #BadBoy# em 24/02/12, 07:46 pm

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


Versão PunBB

- Localizar a template:
Painel de Controle Visualização Templates Geral viewtopic_body () 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 ()

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

- Localizar a gestão dos códigos Javascript:
Painel de Controle Módulos Gestão dos códigos JavaScript 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]);
    }
});

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

#BadBoy#
Nível 9

Masculino
Inscrito dia : 08/12/2011
Mensagens : 200
Pontos Ativos : 334

Ver perfil do usuário http://suporte-codigos.forumeiros.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe em 24/02/12, 11:13 pm

@!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://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://illiweb.com/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.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 26/02/12, 09:22 pm

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por bean em 26/02/12, 10:34 pm

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é
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 26/02/12, 10:37 pm

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por bean em 26/02/12, 10:40 pm

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

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 26/02/12, 11:19 pm

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por bean em 26/02/12, 11:23 pm

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:
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Troubleshoot em 26/02/12, 11:57 pm

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Botão de reputação positiva e citação

Mensagem por Gabe em 27/02/12, 12:11 am

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

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum