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

3 participantes

Ir para baixo

Tópico resolvido Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia 24.08.11 20: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.. ??

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


E o outro é como faço para ter esses botoes no forum inteiro, ai mostra o botao com hover e sem..?
Diminuir espaço do menu e aplicar hover nos botões Botaohover

até mais

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

Imagens do meu problema:
https://2img.net/r/ihimizer/img571/6351/diminuir.png

https://2img.net/r/ihimizer/img818/9048/botaohover.png

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

Versão do meu fórum:
PHPBB3
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Cream 24.08.11 21: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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia 24.08.11 23:14

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

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Luciano98 25.08.11 20: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.
Luciano98
Luciano98
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: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia 25.08.11 20:54

em todos os botoes;....

esse é forum : xteste.forumeiros.com

Edit@
Obg o primeiro codigo funcionou..
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Luciano98 25.08.11 21: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(https://2img.net/i/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(https://2img.net/i/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(https://2img.net/i/fa/empty.gif);-moz-border-radius:2px;outline:none}

Salve.

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

Mensagem por Uilia 25.08.11 21: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+
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Luciano98 25.08.11 21: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.
Luciano98
Luciano98
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: Diminuir espaço do menu e aplicar hover nos botões

Mensagem por Uilia 25.08.11 21:25

Tanks..
Perfect..

Pode fechar..muito bom Muito feliz
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos