Posicionar menu e botar um efeito

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

Resolvido Posicionar menu e botar um efeito

Mensagem por TappedOut em 18/06/14, 11:23 pm

  • Descrição:
Meu menu é todo bagunçado no topo no canto de lá << Olhe:


Queria posicionar o meu menu, igual á imagem abaixo:


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, 11:45 am, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 18/06/14, 11:28 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Moderadeiro Global
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 18/06/14, 11:35 pm

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 18/06/14, 11:38 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Moderadeiro Global
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 18/06/14, 11:40 pm

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 18/06/14, 11:40 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Moderadeiro Global
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 18/06/14, 11:41 pm

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

zen
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 18/06/14, 11:45 pm

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.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 18/06/14, 11:48 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Moderadeiro Global
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 18/06/14, 11:49 pm

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com
  • 0

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Sennior em 19/06/14, 04:10 am

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
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: Posicionar menu e botar um efeito

Mensagem por TappedOut em 19/06/14, 11:19 am

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 19/06/14, 12:43 pm

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.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 19/06/14, 02:46 pm

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  )
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 19/06/14, 04:02 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Moderadeiro Global
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 19/06/14, 05:03 pm

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Dr. em 19/06/14, 05:20 pm

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

Até mais. zen


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Dr. — Moderadeiro Global
avatar

Dr.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 04/02/2013
Mensagens : 2877
Pontos Ativos : 3246

Ver perfil do usuário http://www.casadosnerds.com https://www.facebook.com/MatheusAndreazzi https://twitter.com/nevesandreazzi

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 19/06/14, 05:42 pm

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
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 22/06/14, 04:24 pm

UP
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 23/06/14, 07:30 pm

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?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 24/06/14, 12:47 am

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 25/06/14, 09:58 pm

Olá Boo,

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 30/06/14, 11:29 pm

Retirei o CSS do menu atual, fico no aguardo.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 07/07/14, 09:28 am

Amigo tentei acessar o seu fórum e consta que não existe, qual seria o link?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 08/07/14, 12:12 pm

avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 09/07/14, 12:00 pm

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;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 09/07/14, 10:29 pm

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)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 11/07/14, 01:16 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por First em 15/07/14, 10:49 pm

Olá,

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


Até mais,
Passar bem. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 16/07/14, 12:01 pm

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 16/07/14, 07:07 pm

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;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por TappedOut em 17/07/14, 12:04 pm

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)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Posicionar menu e botar um efeito

Mensagem por Alex Habilidade em 17/07/14, 09:12 pm

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;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.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