Imagem no botão Outros

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

Resolvido Imagem no botão Outros

Mensagem por Rivas™ em Qui 27 Out 2011 - 14: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
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em Qui 27 Out 2011 - 14: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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em Qui 27 Out 2011 - 15:24

Veja como ficou:

avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em Qui 27 Out 2011 - 15:29

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

Abraço!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 em Qui 27 Out 2011 - 15: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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em Qui 27 Out 2011 - 15:34

Da para retirar algum se for necesario ?
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 em Qui 27 Out 2011 - 15: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 Qui 27 Out 2011 - 15:41, editado 1 vez(es)
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em Qui 27 Out 2011 - 15:40

Dá sim!

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

Até mais.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em Qui 27 Out 2011 - 15:44

O de Ajuda .
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em Qui 27 Out 2011 - 15:49

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 em Qui 27 Out 2011 - 15: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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em Qui 27 Out 2011 - 15:58

Resolvido !
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

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