Diminuir espaço do menu e aplicar hover nos botões

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

Resolvido Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia em Qua 24 Ago 2011 - 16:45

Qual é minha questão:
Ola,

Como faço para diminuir o espaço entre o menu la emcima e o começo do branco ali para baixo que no caso é o forum.. ??




E o outro é como faço para ter esses botoes no forum inteiro, ai mostra o botao com hover e sem..?


até mais

Medidas que eu tomei para corrigir o problema:
Ja procurei o css do botao nos templates

Imagens do meu problema:
http://img571.imageshack.us/img571/6351/diminuir.png

http://img818.imageshack.us/img818/9048/botaohover.png

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

Versão do meu fórum:
PHPBB3
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

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

Resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Cream em Qua 24 Ago 2011 - 17:18

Olá,

Vamos por partes. Primeiro:
Como faço para diminuir o espaço entre o menu la emcima e o começo do branco ali para baixo que no caso é o forum.. ??
Tente com este código:
Código:
a.mainmenu, .mainmenu{
margin-bottom: 24px;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Para todo o caso diminua o valor "24" para o que desejar.
Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia em Qua 24 Ago 2011 - 19:14

o codigo nao deu serto nao..
E acho que nao presisa mais disso por enquanto obg..
O que me interresa agora é os botoes..
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

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

Resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Luciano98 em Qui 25 Ago 2011 - 16:53

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:
body{padding-top:55px}
55 = Mude esse número para menos (mais perto do menu) ou para mais (mais longe do menu) ajustar o espaço entre o menu e o fórum.

Salve.

Poderia postar o link do fórum no qual você viu esses botões?
Você quer aplicar esses botões em todos os botões do fórum ou quer aplicar nas áreas de resposta e de criação de novos tópicos?

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: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia em Qui 25 Ago 2011 - 16:54

em todos os botoes;....

esse é forum : xteste.forumeiros.com

Edit@
Obg o primeiro codigo funcionou..
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/
  • 0

Resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Luciano98 em Qui 25 Ago 2011 - 17:15

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:
button.button2,input.button1,input.button2{font-size:1em}a.button1,input.button1{border:1px solid #666;font-weight:700}a.button2,button.button2,input.button2{border:1px solid #BCBCBC}a.button1,a.button2,button.button2,input.button1,input.button2{background-color:#FAFAFA;background-image:url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position:top;background-repeat:repeat-x;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;overflow:visible;padding:2px 3px;width:auto!important}a.button2,body:last-child a.button1,button.button2,input.button1,input.button2{padding:1px 0}a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover{background-position:0 100%;border:1px solid #d31141;color:#d31141}a.button1:active,a.button1:link,a.button1:visited,a.button2:active,a.button2:link,a.button2:visited{background-position:0 1px;color:#105289;line-height:250%;padding:2px 8px;text-decoration:none;vertical-align:text-bottom}* html button.button2,* html input.button1,* html input.button2{margin-bottom:1px;padding-bottom:0}input.button1,input.button2,button.button2{font-size:1em;}a.button1,input.button1{font-weight:bold;border:1px solid #666666}a.button2,input.button2,button.button2{border:1px solid #BCBCBC}a.button1,input.button1,a.button2,input.button2,button.button2{width:auto !important;padding:2px 3px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000000;background-repeat:repeat-x;background-color:#FAFAFA;background-image:url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position:top;overflow:visible}body:last-child a.button1,input.button1,a.button2,input.button2,button.button2{padding:1px 0}a.button1:hover,input.button1:hover,a.button2:hover,input.button2:hover,button.button2:hover{border:1px solid #0b9ca1;color:#0b9ca1;background-position:0 100%}input.button1,input.button2,button.button2{background-image:url(http://illiweb.com/fa/empty.gif);-moz-border-radius:2px;outline:none}

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: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia em Qui 25 Ago 2011 - 17:20

Muito bom...
Se nao der trabalho tem como colocar o fundo branco neles...
Ai só quando o mouse estiver emcima trocar a cor..

Se for muito trabalho pode deixar assim mesmo..
vlw..rep+
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

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

Resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Luciano98 em Qui 25 Ago 2011 - 17:22

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:
input,dd input,input.button1,input.button2,input.button3{background-color:#FFFFFF!important}

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: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia em Qui 25 Ago 2011 - 17:25

Tanks..
Perfect..

Pode fechar..muito bom Muito feliz
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

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

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