Expandir links do menu

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

Resolvido Expandir links do menu

Mensagem por Ucker em 29/03/12, 02:35 pm

Qual é minha questão:
como eu posso expandir os links mais só os do menu, e deixa-los amarelos igual aki? http://forum.forumactif.com/

Medidas que eu tomei para corrigir o problema:
recorri aki

Links e imagens do meu problema:
http://forum.forumactif.com/

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por MateusV. em 29/03/12, 02:39 pm

Olá, novamente aceda a sua Folha de estilo CSS, cole o codigo abaixo e salve.
ul.navlinks a.mainmenu {
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
-webkit-transition-duration: 500ms;
color: white;
font-size: 11px;
outline: none;
text-shadow: 1px 1px 2px black;
transition-duration: 500ms;
}
ul.navlinks a.mainmenu:hover{color:#FFFF71;font-size:13px;font-weight:700;text-shadow:1px 1px 10px}

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: Expandir links do menu

Mensagem por Ucker em 29/03/12, 02:44 pm

ta ficou certinho, mais como eu ponho a imagem atrás? Muito feliz n quero aquela não eu quero essa: http://i.imgur.com/FQkqx.gif Muito feliz
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por MateusV. em 29/03/12, 02:47 pm

Olá, adicione este codigo junto aos anteriores.
ul.navlinks{-moz-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;background:url(http://i.imgur.com/FQkqx.gif) repeat-x #1675BC;border-radius:0 0 7px 7px;border-top:1px solid #fff;bottom:9px;height:26px;position:relative;text-align:center}

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: Expandir links do menu

Mensagem por Ucker em 29/03/12, 02:53 pm

avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por MateusV. em 29/03/12, 02:57 pm

Olá, substitua-o por este
ul.navlinks{background:url(http://i.imgur.com/FQkqx.gif);
text-align:center}

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: Expandir links do menu

Mensagem por Ucker em 29/03/12, 03:03 pm

avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por MateusV. em 29/03/12, 03:06 pm

Olá, substitua-o novamente por este
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/FQkqx.gif) no-repeat 50% 0%;
}

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: Expandir links do menu

Mensagem por Ucker em 29/03/12, 03:09 pm

ficou igual Triste
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por MateusV. em 29/03/12, 03:11 pm

Olá, poderia me fornecer o conteudo de seu CSS? E o link de seu forum?

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: Expandir links do menu

Mensagem por Ucker em 29/03/12, 07:13 pm

css
Spoiler:
ul.navlinks a.mainmenu {
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
-webkit-transition-duration: 500ms;
color: white;
font-size: 11px;
outline: none;
text-shadow: 1px 1px 2px black;
transition-duration: 500ms;
}
ul.navlinks a.mainmenu:hover{color:#FFFF71;font-size:13px;font-weight:700;text-shadow:1px 1px 10px}

#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/FQkqx.gif) no-repeat 50% 0%;
}
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por Jpjupa em 29/03/12, 07:25 pm

Olá, haveria um código para PunBB?
Aguardo.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Expandir links do menu

Mensagem por iPrompt em 01/04/12, 04:57 pm

Tente este código

a.mainmenu{-moz-transition-duration:500ms;-o-transition-duration:500ms;-webkit-transition-duration:500ms;transition-duration:500ms}a.mainmenu:hover{color:#FFFF71;font-size:18px;font-weight:700}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Expandir links do menu

Mensagem por Ucker em 01/04/12, 07:51 pm

n funfo eu quero a expandir os links do menu com a imagem atrás
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por Luciano98 em 01/04/12, 07:53 pm

Olá!

Poderia passar o link do seu fórum?

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: Expandir links do menu

Mensagem por Ucker em 01/04/12, 07:56 pm

http://frame.forumfacil.net
É um fórum de suporte de um habbo [jogo].
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por Luciano98 em 01/04/12, 08:03 pm

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:
a.mainmenu{-moz-transition-duration:500ms!important;-o-transition-duration:500ms!important;-webkit-transition-duration:500ms!important;transition-duration:500ms}a.mainmenu:hover{color:#FFFF71!important;font-size:18px!important;text-shadow:1px 1px 10px}

Valide.

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: Expandir links do menu

Mensagem por Ucker em 01/04/12, 08:06 pm

Muito obrigado Luciano, funcionou, mais tipo, olha no fórum, ficou muito grosso quando termina a expansão, tem como deixar a fonte igual ao do http://forum.forumactif.com/ ? Quando termina fica uma fonte bacana. Tem como deixar igualzinho?
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

Resolvido Re: Expandir links do menu

Mensagem por Luciano98 em 01/04/12, 09:01 pm

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:
a.mainmenu{-moz-transition-duration:500ms!important;-o-transition-duration:500ms!important;-webkit-transition-duration:500ms!important;transition-duration:500ms}a.mainmenu:hover{color:#FFFF71!important;font-size:16px!important;text-shadow:1px 1px 10px}

Valide.

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: Expandir links do menu

Mensagem por Ucker em 01/04/12, 09:08 pm

Muitíssimo obrigado Luciano, ficou perfeito.
avatar

Ucker
Nível 7

Inscrito dia : 13/03/2012
Mensagens : 86
Pontos Ativos : 130

Ver perfil do usuário

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