Modificar forma dos botoes

5 participantes

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

Tópico resolvido Modificar forma dos botoes

Mensagem por Rivas™ 02.12.11 21:49

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

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

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

Mensagem por Ace 02.12.11 21:53

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?
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 02.12.11 21:54

Não e nada disso eu quero por dessa forma os botões, quero com esse efeito ...
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: Modificar forma dos botoes

Mensagem por Ace 02.12.11 21:55

Olá,

Bem, teria que fazer isso na imagem...

Até Mais!
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil 02.12.11 22:35

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

Spoiler:

Já me cunheçe né? :]

atenciosamente,
Blunt.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 02.12.11 22:39

Nao resolveu.
Rivas™

Rivas™
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Convidad 02.12.11 22:45

Olá!

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

Atenciosamente.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 02.12.11 22:48

Foi aqui na FdF.
Rivas™

Rivas™
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil 02.12.11 22:58

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 Modificar forma dos botoes Puce_fleche Visualização Modificar forma dos botoes Puce_fleche Imagens e Cores Modificar forma dos botoes Puce_fleche Cores Modificar forma dos botoes Puce_flecheFolha de estilo CSS Modificar forma dos botoes Puce_fleche Coloque o codigo abaixo no inicio da folha CSS Modificar forma dos botoes Puce_fleche 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;
    }
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 02.12.11 23:03

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

Rivas™
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil 02.12.11 23:32

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

atenciosamente,
Blunt.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 02.12.11 23:48

Sim funcionou mas so queria remover esse efeito nos botões "Enviar e Pre-Visualizar"
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: Modificar forma dos botoes

Mensagem por Luciano98 03.12.11 14:20

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(https://i.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(https://i.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.
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: Modificar forma dos botoes

Mensagem por Rivas™ 04.12.11 11:42

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

Rivas™
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por konekta Brasil 04.12.11 11:54

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}
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 04.12.11 13:15

mas o botão enviar aparece o efeito --,
Rivas™

Rivas™
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Convidad 05.12.11 22:10

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.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 06.12.11 14:28

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

Rivas™
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Convidad 06.12.11 16:59

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.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Rivas™ 08.12.11 11:26

Não é isso eu so quero esse efeito nos botões de BBCode
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: Modificar forma dos botoes

Mensagem por Dury 10.12.11 0:02

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.
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar forma dos botoes

Mensagem por Luciano98 10.12.11 23:44

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(https://i.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(https://i.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.
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

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