Imagem no botão Outros

3 participantes

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

Tópico resolvido Imagem no botão Outros

Mensagem por Rivas™ 27.10.11 17:39

Qual é minha questão:
Bem, no bbcode onde se ponhe a "Negrito,Italico ..." eu queria mudar o botão outros para uma imagem tambem.

Endereço do meu fórum:
www.forum-frito.pt.am

Versão do meu fórum:
PHPBB3
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Hancki 27.10.11 17:51

Olá!

Muito fácil! Adicione o seguinte código no CSS:
input[value="Outros"] { background-image: url('LINK DA IMAGEM') !important; }
Mude o que está a vermelho!

Até mais,
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ 27.10.11 18:24

Veja como ficou:

Imagem no botão Outros Semttulokjy
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Hancki 27.10.11 18:29

input[value="Outros"] { background-image: url('LINK DA IMAGEM') !important;
background-repeat: no-repeat !important;}
Feito! Piscada

Abraço!
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 27.10.11 18:31

Olá!

Esse código adiciona o fundo, faz ele não se repetir, centraliza-o e retira a escrita "Outros".
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
input[value="Outros"]{background:url(IMAGEM) no-repeat center!important;color:transparent!important}
IMAGEM = Link da imagem.

Salve.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ 27.10.11 18:34

Da para retirar algum se for necesario ?
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 27.10.11 18:39

Rivas™ escreveu:Da para retirar algum se for necesario ?
Retirar de que botão?

A sua dúvida anterior foi resolvida?

Até mais.


Última edição por Luciano98 em 27.10.11 18:41, editado 1 vez(es)
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Hancki 27.10.11 18:40

Dá sim!

Diga qual o botão e lhe forneço o código.

Até mais.
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ 27.10.11 18:44

O de Ajuda .
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Hancki 27.10.11 18:49

Código:
button[title="Ajuda"]{ display: none !important; }
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 27.10.11 18:51

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#text_edit button[title="Ajuda"] img{visibility:hidden}#text_edit button[title="Ajuda"]{background:url(IMAGEM) no-repeat center!important}
IMAGEM = Link da imagem.

Salve.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ 27.10.11 18:58

Resolvido !
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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