Botão de reputação na forma de imagens (phpbb 2 e punbb)

3 participantes

Ir para baixo

Tópico resolvido Botão de reputação na forma de imagens (phpbb 2 e punbb)

Mensagem por fdl 29.10.10 14:57



Última edição por johndom em 31.10.10 1:27, editado 1 vez(es)
fdl
fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação na forma de imagens (phpbb 2 e punbb)

Mensagem por Hancki 29.10.10 18:20

Olá!

Já tentou diminuir o tamanho da imagem?
Ou mesmo adicionar o CSS que é requerido no tutorial?

Até mais,
Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação na forma de imagens (phpbb 2 e punbb)

Mensagem por fdl 30.10.10 3:31

a coloquei o css,mas não arruma isso,

ai coloquei eles do lado esquerdo,

mas tem como colocar uma imagem do lado da outra?

Porque fique essa barrinha ---- Dividindo os dois botões,eu queria assim:

Botão de reputação na forma de imagens (phpbb 2 e punbb)  Gostei Botão de reputação na forma de imagens (phpbb 2 e punbb)  Ngostei

Como faço o código? é esse atual:

Código:
<!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <left><div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://img7.imageshack.us/img7/6774/gostei.gif"></a></div></left>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://img522.imageshack.us/img522/6397/ngostei.gif"></a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->
fdl
fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação na forma de imagens (phpbb 2 e punbb)

Mensagem por Solkis 30.10.10 13:28

Bom dia,

No tutorial que você referiu existe isso: Adicionar um código CSS para evitar possíveis problemas de posicionamento! Leia com atenção o ponto 3 que é o responsável por resolver este problema visual!

O código deve ficar mais ou menos assim:
Código:
.vote {
float: right;
width: 88px;
margin-left: 4px;
}
Até mais.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação na forma de imagens (phpbb 2 e punbb)

Mensagem por fdl 31.10.10 1:26

Funcionou Solkis, Obrigado
fdl
fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos