Imagem no botão Outros

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

Atendido / Resolvido Imagem no botão Outros

Mensagem por Rivas™ em 27/10/11, 02:39 pm

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em 27/10/11, 02:51 pm

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 : 8087
Pontos Ativos : 12083

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em 27/10/11, 03:24 pm

Veja como ficou:

avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em 27/10/11, 03:29 pm

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 : 8087
Pontos Ativos : 12083

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 em 27/10/11, 03:31 pm

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

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em 27/10/11, 03:34 pm

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 em 27/10/11, 03:39 pm

@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, 03:41 pm, editado 1 vez(es)
avatar

Luciano98
Principal contribuidor
Principal contribuidor

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

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em 27/10/11, 03:40 pm

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 : 8087
Pontos Ativos : 12083

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em 27/10/11, 03:44 pm

O de Ajuda .
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Hancki em 27/10/11, 03:49 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8087
Pontos Ativos : 12083

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Luciano98 em 27/10/11, 03:51 pm

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

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

Atendido / Resolvido Re: Imagem no botão Outros

Mensagem por Rivas™ em 27/10/11, 03:58 pm

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


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