Como dar este efeito no menu

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

Resolvido Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 01:12 pm

Qual é minha questão:
Alguem sabe como da efeito no menu iguala  este forum ?
http://gzakat.forumeiros.com/
abg

Endereço do meu fórum:
http://unitedofkillers.umforum.net

Versão do fórum:
PHPBB3


Última edição por Not. em 16/03/13, 02:46 pm, editado 2 vez(es)
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 01:15 pm

Saudação!

O link está errado amigo, pode mandar o correto?

Até mais! Muito feliz
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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 01:18 pm

avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Jose Hamizaki em 16/03/13, 01:19 pm

Se refere a levantar um pouco ao passar o mouse?
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 01:21 pm

Saudação!

Use este código CSS colocando-o no inicio de teu CSS:

Código:
a.mainmenu:hover {
-moz-box-shadow: 1px 4px 15px #000;
-webkit-box-shadow: 1px 4px 15px #000;
bottom: 4px;
box-shadow: 1px 4px 15px #000;
position: relative;
}

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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 01:22 pm

Obrigado não da em vez de levantar fazer um pouco de zoom ?
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 01:27 pm

Saudação!

Tente:

Código:
a.mainmenu:hover {
transform: translate(0px, -4px);
-moz-transform: scale(1.1) translate(0px, -4px);
-webkit-transform: scale(1.1) translate(0px, -4px);
-ms-zoom: 1.1;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}

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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 01:31 pm

Não da, mas deixe lá não é preciso gostava de saber como ponho uma imagem tio esta :


No fundo do menu sabe ?[
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 01:33 pm

Saudação!

Amigo, uma dúvida por tópico. Use este código para está função:

Código:
.navbar {
background-image: url(http://assets-cloud.enjin.com/themes/1315801438_horz.png) !important;
position: relative;
top: -6px;
}

Coloque no inicio de teu CSS.

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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 01:36 pm


ficou assime eu apenas quero no menu


Última edição por Not. em 16/03/13, 01:38 pm, editado 1 vez(es)
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 01:37 pm

Use este:
Código:

.linklist.navlinks {
background-image: url(http://assets-cloud.enjin.com/themes/1315801438_horz.png) !important;
}
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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 01:39 pm

e como reduzo de largura?
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 02:06 pm

Saudações!

Assim:

.linklist.navlinks {
background-image: url(http://assets-cloud.enjin.com/themes/1315801438_horz.png) !important;
position:relative;
width: 500px;
}

Apenas altere o valor Piscada
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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 02:10 pm

menu não fica centrado..
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 02:28 pm

Saudação!

Coloque o código que eu disse por gentileza.

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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 02:29 pm

eu já culuquei o menu não ficou centrado.
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Sennior em 16/03/13, 02:40 pm

Saudação!

Senhor, o senhor deseja que fique assim:

Flecha ajudeiros http://img26.imageshack.us/img26/7784/63843047.png

Se for assim não há como pois o mesmo e uma imagem.

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: Como dar este efeito no menu

Mensagem por Not. em 16/03/13, 02:42 pm

Okay
avatar

Not.
Nível 5

Masculino
Inscrito dia : 15/03/2013
Mensagens : 41
Pontos Ativos : 55

Ver perfil do usuário http://hsg-clan.forumais.com

Resolvido Re: Como dar este efeito no menu

Mensagem por Gaaratsu em 16/03/13, 02:49 pm

Boa tarde,

Para centralizar isso, vá em:
Painel de Controle :seta2: Visualização :seta2: Home Page :seta2: Cabeçalho e Navegação :seta2: Posição do menu :seta2: Escolha 'Centralizar'

Até mais! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7500

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

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