Modificar forma dos botoes

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

Resolvido Modificar forma dos botoes

Mensagem por Rivas™ em 02/12/11, 07:49 pm

Qual é minha questão:
Vejam a print, queria por assim os botões com forma de Cinzentados e brancos.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Imagens do meu problema:


Endereço do meu fórum:
www.forum-frito.forumeiros.com

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: Modificar forma dos botoes

Mensagem por Ace em 02/12/11, 07:53 pm

Olá,

Poderia ser mais específico quanto a sua questão? Se quiser substituir o texto por imagens (como no apresentado) vá em:

Visualização -> Pagina Inicial -> Cabeçalho & Navegação e coloque: " Exibir apenas as imagens no menu de navegação " em "Sim"

Admineiros Salve.

Resulta?
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 02/12/11, 07:54 pm

Não e nada disso eu quero por dessa forma os botões, quero com esse efeito ...
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Ace em 02/12/11, 07:55 pm

Olá,

Bem, teria que fazer isso na imagem...

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil em 02/12/11, 08:35 pm

Olá Rivas,
É disso que está precisando? Adicione na folha CSS.

Spoiler:
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
}
input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
border: 1px solid #46a9af;
color: #46a9af;
}

Já me cunheçe né? :]

atenciosamente,
Blunt.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 02/12/11, 08:39 pm

Nao resolveu.
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Convidad em 02/12/11, 08:45 pm

Olá!

Mande-me o link deste fórum que você tirou print.
Irei tentar retirar o código.

Atenciosamente.

Convidad
Convidado


Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 02/12/11, 08:48 pm

Foi aqui na FdF.
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil em 02/12/11, 08:58 pm

Olá,

Você deve estar a colocar de algum modo errado para não dar, pois já até testei em meu fórum de teste e o mesmo funcionou perfeitamente.

Vá até o Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS Coloque o codigo abaixo no inicio da folha CSS Em Melhorar seu CSS Marque SIM e salve.

Código:

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    }
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 02/12/11, 09:03 pm

Só nao quero que apareca nos botoes no Pre-Visualizar e Enviar.
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil em 02/12/11, 09:32 pm

Mais funcionou perfeitamente? É so remover algo do codigo, espere alguem mais esperiente para fazer isso para você.

atenciosamente,
Blunt.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 02/12/11, 09:48 pm

Sim funcionou mas so queria remover esse efeito nos botões "Enviar e Pre-Visualizar"
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Luciano98 em 03/12/11, 12:20 pm

Olá!

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

Substitua por esse código:
input.button1,button.button2,a.button1,input.button1,a.button2,button.button2,a.button1,input.button1,a.button2,button.button2,body:last-child a.button1,input.button1,a.button2,button.button2,input,button {background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px}input.button1:hover,button.button2:hover,a.button1:hover,input.button1:hover,a.button2:hover,button.button2:hover,a.button1:hover,input.button1:hover,a.button2:hover,button.button2:hover,body:last-child a.button1:hover,input.button1:hover,a.button2:hover,button.button2:hover,input:hover,button:hover,#text_edit button,#text_edit input{background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px;border:1px solid #46a9af;color:#46a9af}

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: Modificar forma dos botoes

Mensagem por Rivas™ em 04/12/11, 09:42 am

Se for para responde ao topico aparece o botao enviar com esse efeito e nao quero.
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil em 04/12/11, 09:54 am

Cara, esse já é o codigo como você pediu --'

Código:
input.button1,button.button2,a.button1,input.button1,a.button2,button.button2,a.button1,input.button1,a.button2,button.button2,body:last-child a.button1,input.button1,a.button2,button.button2,input,button {background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px}input.button1:hover,button.button2:hover,a.button1:hover,input.button1:hover,a.button2:hover,button.button2:hover,a.button1:hover,input.button1:hover,a.button2:hover,button.button2:hover,body:last-child a.button1:hover,input.button1:hover,a.button2:hover,button.button2:hover,input:hover,button:hover,#text_edit button,#text_edit input{background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px;border:1px solid #46a9af;color:#46a9af}
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 04/12/11, 11:15 am

mas o botão enviar aparece o efeito --,
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Convidad em 05/12/11, 08:10 pm

@Rivas™ escreveu:mas o botão enviar aparece o efeito --,

Olá!

Você só quer os botões da pré-visualização deste modo?
O botão enviar, você não quer que fique com o efeito..

É isto?
Atenciosamente.

Convidad
Convidado


Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 06/12/11, 12:28 pm

Eu quero todos os botões de "Negrito,Centrar..." com efeito mas os botões Enviar Pre-visualiar nao quero !
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Convidad em 06/12/11, 02:59 pm

Olá!

Se não me engano, o que você deseja modificar é a cor do botão?

Primeiramente, coloque apenas a primeira parte do código:
Código:

input.button1,button.button2,a.button1,input.button1,a.button2,button.button2,a.button1,input.button1,a.button2,button.button2,body:last-child a.button1,input.button1,a.button2,button.button2,input,button {background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px}

Depois vá em:
Painel de controle Seta Visualização Seta Cores.

Procure por :
:seta2: Cor do link quando o mouse está sobre ele : Modifique pela cor desejada.

Acho que é isso que você quer.
Atenciosamente.

Convidad
Convidado


Resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ em 08/12/11, 09:26 am

Não é isso eu so quero esse efeito nos botões de BBCode
avatar

Rivas™
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Dury em 09/12/11, 10:02 pm

Olá,

Infelizmenti Rivas o código passado acima funciona para todos os botões que tem a classe "button", se precionar CTRL + U na página de criação de um tópico, vai notar que o botão "pré-visualizar" tem a classe "button2" e o enviar tem a classe "button1". Se não querer para aquele botão, basta retirar do CSS.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Modificar forma dos botoes

Mensagem por Luciano98 em 10/12/11, 09:44 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_editor_controls #text_edit input.button1,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit a.button1,#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit a.button2,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit a.button1,#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit a.button2,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit body:last-child a.button1,#text_editor_controls #text_edit input.button1,#text_editor_controls #text_edit a.button2,#text_editor_controls #text_edit button.button2,#text_editor_controls #text_edit input,#text_editor_controls #text_edit button {background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px}#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit a.button1:hover,#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit a.button2:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit a.button1:hover,#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit a.button2:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit body:last-child a.button1:hover,#text_editor_controls #text_edit input.button1:hover,#text_editor_controls #text_edit a.button2:hover,#text_editor_controls #text_edit button.button2:hover,#text_editor_controls #text_edit input:hover,#text_editor_controls #text_edit button:hover,#text_editor_controls #text_edit #text_edit button,#text_editor_controls #text_edit #text_edit input{background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px;border:1px solid #46a9af;color:#46a9af}

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

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