Posicionar menu e botar um efeito

5 participantes

Ir para baixo

Tópico resolvido Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 3:23

  • Descrição:
Meu menu é todo bagunçado no topo no canto de lá << Olhe:
Posicionar menu e botar um efeito A6dLecw

Queria posicionar o meu menu, igual á imagem abaixo:
Posicionar menu e botar um efeito 1MlQtZF

Explicando: O menu do forum que quero o posicionamento, perceba que ele fica emcima do banner mesmo, e quero que posicione e tambem se possivel (se não conseguir td bem) os efeitos de quando passar o mouse emcima de um menu.

Para facilitar e não ficar nas duvidas depois, eu botei o mesmo banner do forum que quero o efeito, depois que ficar pronto eu irei tirar o banner do outro forum e botar o meu.
Encontrado em: http://escolademagiapt.portugueseforum.net/forum

  • Informações:
Fórum:http://monsterssa.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Posicionar,botar,efeito



Última edição por Brampton em 18.07.14 15:45, editado 1 vez(es)
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 3:28

Olá, Boo! Aceda à sua Folha CSS e insira o seguinte código:

Código:
a.mainmenu {
color: #fff;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 370px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: -205px;
transition: all .5s ease-in-out .1s;
}
a.mainmenu:hover {
color: #171717;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}
Satisfeito?

Até mais. zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 3:35

Aconteceu nada amigo, está na mesma coisa ,veja meu forum
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 3:38

Deduzo que já haja um código para seu menu. Localize "a.mainmenu" em sua Folha de Estilo CSS, e substitua aquele código por este.

Fico no Aguardo.

Até mais. zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 3:40

Amigo, não tenho nenhum mainmenu alem do cod q vc me falou pra botar...
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 3:40

Aliás, quando for substituir os códigos, não se esqueça de colocar este aqui, para caber no menu:

Código:
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }

Até mais. zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 3:41

Sua versão é PUNBB? Mande-me seu CSS, por favor.

zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 3:45

Amigo mandar CSS doq? Não tenho nenhum css do menu, e por privacidade de codigos do forum, não passo minhas CSS, desculpe,mas se não tiver como me ajudar sem pedir minhas CSS, então sugiro eu esperar outra pessoa me ajudar, mas mesmo assim grato.
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 3:48

Pelo que vejo em seu fórum, há sim algum código de menu em algum lugar. Em meu fórum de testes foi totalmente funcional... Não tenho como ajudar sem o CSS.

Até mais. zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 3:49

Então eu espero outra pessoa, mesmo assim grato.
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Sennior 19.06.14 8:10

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
li#nav_app_forums {
color: #fff;
display: list-item;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: 1px;
position: absolute;
right: 66px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 23px;
transition: all .5s ease-in-out .1s;
z-index: 9999999;
}
li#nav_app_portal {
color: #fff;
display: list-item;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: 1px;
position: absolute;
right: 66px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 55px;
transition: all .5s ease-in-out .1s;
z-index: 9999999;
}
li#nav_app_members {
color: #fff;
display: list-item;
font-family: unica one!important;
font-size: 20px;
height: 2px;
letter-spacing: 1px;
position: absolute;
right: 58px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 85px;
transition: all .5s ease-in-out .1s;
z-index: 9999999;
}
Coloque o código acima no inicio de teu CSS.

Melhores cumprimentos,
Sennior. De bem com a vida
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: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 15:19

Sennior, ficou meio estranho e não ficou todas as coisas, veja meu forum
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 19.06.14 16:43

Olá Boo,

Poderia me passar a sua Folha de CSS completa via mensagem privada?
Iremos precisar vasculhar o seu código CSS por completo, para ver se tem algo interrompendo a personalização e tentar arrumar da forma que você queira.
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 18:46

Alex, eu não minto, e o Sennior conseguiu como seria minha CSS :? o cod do sennior funcionou só que não fez efeito em tudo do menu.

(Ja tentei botar minha overall_header em outro tema e bagunçou o menu assim tambem, suponho que seja ela, mas não tenho outra overall_header para substituir  Triste  )
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 20:02

Olá, Boo. Estive analisando. Tente trocar a classe do código que eu lhe passei para, ao invés de "a.mainmenu" para "li#nav_app_forums", aparentemente seu menu está no topo.

Até mais. zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 21:03

Matheus, isto ja tenho e o seu ja tirei, é facil ver o cod do Sennior pra falar dps né? Feliz
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. 19.06.14 21:20

Meu caro, só estou tentando auxiliar. Se não está satisfeito com o auxílio, nada posso fazer.

Até mais. zen
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 19.06.14 21:42

Sim, eu sei vc ta tomando um tempo seu pra tentar ajudar, mas to querendo dizer que tipo, você disse um codigo que ja foi passado assim é tenso Louco
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 22.06.14 20:24

UP
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 23.06.14 23:30

Olá Boo,

Tentei acessar o fórum indicado em sua questão e consta que não existe, por acaso este é seu fórum? http://gtav-curiosidades.forumeiros.com/

Caso seja, peço que aplique o código do Sennior para que eu possa analisar ok?
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 24.06.14 4:47

Alex, é outro do tópico mas o do tópico ja mudou
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 26.06.14 1:58

Olá Boo,

Poderia remover o CSS do menu atual?
Aqui esta aparecendo todo bugado :/
Vou tentar personalizar o menu do modo que deseja.
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 01.07.14 3:29

Retirei o CSS do menu atual, fico no aguardo.
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 07.07.14 13:28

Amigo tentei acessar o seu fórum e consta que não existe, qual seria o link?
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 08.07.14 16:12

TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 09.07.14 16:00

Olá,

Você editou o seu template né?
O senhor acrescentou uma id para cada link, isso não é aconselhável.

Tente usar este código:
Código:

ul#community_app_menu {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul#community_app_menu:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 10.07.14 2:29

Eu não sei oque você fez, mais tirou a bagunça do Conectar e Registrar-Se Muito feliz , porem não fez o efeito e a posição onde pedi, mas mesmo assim gostei. mas quando está logado acontece nada (ta sem efeito quando ta logado)
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 11.07.14 17:16

Olá, eu me cadastrei no seu fórum para visualizar os menus porém ví somente mensagens, sair e o meu nome de usuário, adicione em sua folha CSS o código abaixo:
Código:

ul#edit_profile, span#user_link_dd, a#inbox_link, a[title="Desconectar-se"] {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul#edit_profile:hover, span#user_link_dd:hover, a#inbox_link:hover, a[title="Desconectar-se"]:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}

Qual quer coisa me mostre um print ok?

Até mais amigo!
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por First 16.07.14 2:49

Olá,

Senhor, para que podemos prosseguir com o suporte poderia me informar o endereço do seu fórum?


Até mais,
Passar bem. Piscada
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 16.07.14 16:01

Desculpe pela demora meu pc ta no concerto.
Ficou estranho agora, só aparece meu nome de usuario, e bagunçado. :/
Fico no aguardo.
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 16.07.14 23:07

Olá,

Troque o código por este:
Código:

ul.ipsList_inline {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul.ipsList_inline:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut 17.07.14 16:04

Teria como deixar a letra da cor Branca? :?
Grato. Até agora está ficando bom.

(Reparei tambêm quando passa mouse emcima tipo as letras Maiusculas ficam minusculas, o menu inteiro se tiver como arrumar isso tbm agradeço)
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade 18.07.14 1:12

Olá,

Troque por este:
Código:

ul.ipsList_inline li a {
color: #fff!important;
}
ul.ipsList_inline {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul.ipsList_inline a:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
transition: all .5s ease-in-out .1s;
}
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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