Botões do fórum

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

Resolvido Botões do fórum

Mensagem por @Chazy em 24/04/12, 04:28 am

Qual é minha questão:
Bom, eu queria colocar a minha Caixa de conexão rápidao igual á da imagem abaixo,
e queria mudar o botão login, buscar, enviar etc..

EX:
Meu botão de login é esse:
http://i.imgur.com/IpIOi.png

eu queria mudar para um conforme a imagem abaixo.
Ou melhor eu queria eses botoes igual o da FdF.
Igual esses aqui de baixo da mensagem, Pré-Visualizar e Enviar.
Medidas que eu tomei para corrigir o problema:
..

Links e imagens do meu problema:
http://i.imgur.com/gs7fO.png

Endereço do meu fórum:
www.kingarts.forumeiros.com

Versão do meu fórum:
PUNBB
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por Sennior em 24/04/12, 07:58 am

Olá amigo e bom dia;
Poderia me passar o link onde viu a imagem do Botão "Login"?

Cordialmente!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 24/04/12, 07:45 pm

avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 24/04/12, 07:46 pm

mais omo eu disse, nao precisa ser igual a desse site,
eu queria igual aqui da forumeiros.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 25/04/12, 06:16 am

Olá alguem poderia me ajudar ?
24 H.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por Mujica em 25/04/12, 06:29 am

Bom dia.
Adicione o código abaixo em sua folha CSS:
Código:
.mainoption {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px; }
avatar

Mujica
Nível 9

Masculino
Inscrito dia : 23/10/2011
Mensagens : 222
Pontos Ativos : 332

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 25/04/12, 06:33 am

Olá,
Pra quem não está entendendo, vou mostrar oque quero por Imagens:

Cada uma dessas Imagens Representa oque eu queria, esse efeito em hover
nesses botões, e Ali na Imagem 2, eu quero aquela Conexão rápida com a Opção Login no Facebook.

Cordialmente. Piscada
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 25/04/12, 06:38 am

Note a diferença entre os meus e os da forumeiros:

Meus: http://i.imgur.com/p2QhO.png
Forumeiros: http://i.imgur.com/ckAtX.png

é isso que eu quero, mais eu quero em todos os botões em qu
eu citei no post anterior.

Meus Cumprimentos.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 25/04/12, 06:40 am

Anon,
esse código que você me passou é
para alterar oque ?
Porque eu coloquei ele em minha Folha CSS, eu não
consegui visualizar nenhuma modificação.

Cordialmente.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 25/04/12, 06:52 am

A sim eu percebi a modificação no botão "Login"
e nos outros qual seria o código ?

Cordialmente.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 26/04/12, 08:45 am

Alguem ?
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por Sennior em 26/04/12, 10:18 am

Olá amigo;
Agora tu deseja mudar o que?

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 26/04/12, 10:27 am

Olá,
eu gostaria de mudar todos esses botões que eu mostrei nas imagens.
O codigo que o Anon me passou funcionou so no login, eu queria que funcionace nos demais.
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

Resolvido Re: Botões do fórum

Mensagem por MateusV. em 26/04/12, 01:15 pm

Olá, substitua o codigo por este
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Botões do fórum

Mensagem por Josh em 27/04/12, 01:25 pm

Olá,

Se você deseja os botões do modo como o Fórum dos Fóruns, este é o código:
Código:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #F4F5F4;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
background: white;
}
input[type="checkbox"], input[type="radio"] {
background: white;
border: 1px solid gainsboro;
border-radius: ;
margin: 0px;
}
#textarea_content textarea#text_editor_textarea{width:98%!important}
Adicione-o em: Painel... -> Visualização -> Imagens e cores -> Cores / Folha de estilos CSS

Um grande abraço,
Josh
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Botões do fórum

Mensagem por @Chazy em 27/04/12, 10:12 pm

Resolvido !
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

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

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