InícioModificar forma dos botoes
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Modificar forma dos botoes
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:
Endereço do meu fórum:
www.forum-frito.forumeiros.com
Versão do meu fórum:
PHPBB3
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
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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"
Salve.
Resulta?
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"
Salve.Resulta?
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Re: Modificar forma dos botoes
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™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
por Ace 02.12.11 21:55
Olá,
Bem, teria que fazer isso na imagem...
Até Mais!
Bem, teria que fazer isso na imagem...
Até Mais!
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Re: Modificar forma dos botoes
por konekta Brasil 02.12.11 22:35
Olá Rivas,
É disso que está precisando? Adicione na folha CSS.
Já me cunheçe né? :]
atenciosamente,
Blunt.
É 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(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, 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(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;
}
Já me cunheçe né? :]
atenciosamente,
Blunt.
konekta Brasil- Membro
- Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147 -
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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.
Mande-me o link deste fórum que você tirou print.
Irei tentar retirar o código.
Atenciosamente.
Convidad- Convidado
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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
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.
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;
}
konekta Brasil- Membro
- Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147 -
Re: Modificar forma dos botoes
por Rivas™ 02.12.11 23:03
Só nao quero que apareca nos botoes no Pre-Visualizar e Enviar.
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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.
atenciosamente,
Blunt.
konekta Brasil- Membro
- Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147 -
Re: Modificar forma dos botoes
por Rivas™ 02.12.11 23:48
Sim funcionou mas so queria remover esse efeito nos botões "Enviar e Pre-Visualizar"
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
por Luciano98 03.12.11 14:20
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSS
Substitua por esse código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSSSubstitua 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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Modificar forma dos botoes
por Rivas™ 04.12.11 11:42
Se for para responde ao topico aparece o botao enviar com esse efeito e nao quero.
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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- Membro
- Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147 -
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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.
Convidad- Convidado
Re: Modificar forma dos botoes
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™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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:
Depois vá em:
Painel de controle Visualização Cores.
Procure por :
Cor do link quando o mouse está sobre ele : Modifique pela cor desejada.
Acho que é isso que você quer.
Atenciosamente.
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
Visualização Cores. Procure por :
Cor do link quando o mouse está sobre ele : Modifique pela cor desejada.Acho que é isso que você quer.
Atenciosamente.
Convidad- Convidado
Re: Modificar forma dos botoes
por Rivas™ 08.12.11 11:26
Não é isso eu so quero esse efeito nos botões de BBCode
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Modificar forma dos botoes
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.
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- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Modificar forma dos botoes
por Luciano98 10.12.11 23:44
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSSCó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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Tópicos semelhantes» Modificar forma das categorias
» Modificar forma de visualização de perfil
» Menu desta forma
» Menu desta forma
» Reputação em forma de imagens
» Modificar forma de visualização de perfil
» Menu desta forma
» Menu desta forma
» Reputação em forma de imagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
