Como dar este efeito no menu

4 participantes

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

Tópico resolvido Como dar este efeito no menu

Mensagem por Not. 16.03.13 16:12

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 17:46, editado 2 vez(es)
Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 16:15

Saudação!

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

Até mais! Muito feliz
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 16:18

Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Jose Hamizaki 16.03.13 16:19

Se refere a levantar um pouco ao passar o mouse?
Jose Hamizaki

Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 16:21

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!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 16:22

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

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 16:27

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!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 16:31

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

Como dar este efeito no menu 1315801438_horz
No fundo do menu sabe ?[
Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 16:33

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!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 16:36

Como dar este efeito no menu XJGInwi
ficou assime eu apenas quero no menu


Última edição por Not. em 16.03.13 16:38, editado 1 vez(es)
Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 16:37

Use este:
Código:

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 16:39

e como reduzo de largura?
Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 17:06

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 17:10

menu não fica centrado..
Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 17:28

Saudação!

Coloque o código que eu disse por gentileza.

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 17:29

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

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Sennior 16.03.13 17:40

Saudação!

Senhor, o senhor deseja que fique assim:

Flecha ajudeiros https://2img.net/r/ihimizer/img26/7784/63843047.png

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

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Not. 16.03.13 17:42

Okay
Not.

Not.
*

Membro desde : 15/03/2013
Mensagens : 41
Pontos : 55

http://hsg-clan.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor
Membro Entusiasta

Tópico resolvido Re: Como dar este efeito no menu

Mensagem por Konai 16.03.13 17:49

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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