Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
LanternaV2
 

Quem está conectado
252 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 241 Visitantes :: 2 Motores de busca

[SRD]JimClark, Ajux, downtownclubforum, Dr., Harleen, Kyo Panda, Luiz, Paulo Giacomelli, Ramon Rodrigues, WalkerBrazilian, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

Hover no menu

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

Resolvido Hover no menu

Mensagem por iHeloaD em Sex 30 Jan 2015 - 16:28

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :
IMAGEM DA MINHA DÚVIDA:
Meu menu:

(Com cursor em cima do menu)

O que desejo:

(Com cursor em cima do menu)

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Bem, eu gostaria de um efeito Hover no menu de meu fórum, como o da imagem.

Obrigado, até mais.


Última edição por iHeloaD em Seg 2 Fev 2015 - 0:47, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por North em Sex 30 Jan 2015 - 16:45

Olá novamente,

Experimente este código e nos diga o resultado:

Código:
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
background-color: #131313;
padding: 15px;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
padding: 0px!important;
width: 102.5%;
}

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5041

http://ajuda.forumeiros.com

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Sex 30 Jan 2015 - 16:57

Até que o Hover funcionou, mas ficou muito estranho, visite meu fórum e passe o cursor sobre algum menu.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por North em Sex 30 Jan 2015 - 17:01

Acrescente o código a seguir:

Código:
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
padding: 15px!important;
margin-top: -13px!important;
margin-bottom: -12px!important;
}

Algum resultado?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5041

http://ajuda.forumeiros.com

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Sex 30 Jan 2015 - 17:13

Quase, o único problema agora foi que aumentou muito o espaço entre os menus, antes estava assim http://prntscr.com/5z11zf, e agora está assim http://prntscr.com/5z11sc.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por EuficoLoko em Sex 30 Jan 2015 - 17:16

Olá!

Troque o segundo código do iSoul, por esse:
Código:
#pun-navlinks a:hover {
text-decoration: none;
padding: 15px!important;
margin-top: -13px!important;
margin-bottom: -12px!important;
}
#pun-navlinks, #pun-navlinks a {
text-decoration: none;
}
Procure por '15px', vá editando.

Resulta?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Sex 30 Jan 2015 - 17:24

Quase, o problema agora e que quando passamos o cursor em cima do menu, a distancia aumenta, teria como fazer para quando passar o cursor apenas ter o efeito hover como deste site? shdesign.ativoforum.com.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por Sennior em Sex 30 Jan 2015 - 17:48

Saudações,

Mande-me teu CSS por gentileza.
Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20792

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Sex 30 Jan 2015 - 18:00

Bem, aqui está:

Código:
/*Efeito ao passar o cursor sobre os links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Background atras do logo*/
#pun-intro {
background-size: 100% 200%;
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-position: center;
background-repeat: no-repeat;
margin: -16px;
padding: 50px;
}
/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}
/* Menu */
a.mainmenu {
position: relative;
left: 5% !important;
}
#pun-navlinks a:hover {
text-decoration: none;
padding: 15px!important;
margin-top: -13px!important;
margin-bottom: -12px!important;
}
#pun-navlinks, #pun-navlinks a {
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
background-color: #131313;
padding: 15px;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
padding: 0px!important;
width: 102.5%;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
padding: 13px!important;
width: 100%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0!important;
min-width: 35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}
#pun-navlinks li {
padding-left: 17px;
}
/* Categorias */
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
.main {width: 90%!important;margin: auto!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por Sennior em Sex 30 Jan 2015 - 20:08

Que estranho... Louco
Faça assim, retire do teu CSS os códigos passados aqui e deixe teu fórum sem o efeito hover no menu para que eu crie outro código para ver se consigo fazer a função sem o aumento do hover.

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20792

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Sex 30 Jan 2015 - 22:48

Pronto.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por Sennior em Sab 31 Jan 2015 - 6:29

Saudações! Muito feliz

Altere teu CSS pelo abaixo:
Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
/*Efeito ao passar o cursor sobre os links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Background atras do logo*/
#pun-intro {
background-size: 100% 200%;
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-position: center;
background-repeat: no-repeat;
margin: -16px;
padding: 50px;
}
/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}
/* Menu */
a.mainmenu {
padding: 15px;
}
a.mainmenu:hover {
padding: 15px;
background: black;
}
#pun-head #pun-navlinks {
background-color: #;
border-color: #bfbfbf;
padding: inherit!important;
}
a.mainmenu {
position: relative;
left: 5% !important;
}
#pun-navlinks a:hover {
text-decoration: none;
padding: 15px!important;
margin-top: -13px!important;
margin-bottom: -12px!important;
}
#pun-navlinks, #pun-navlinks a {
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
background-color: #131313;
padding: 15px;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-top: 16px;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 16px;
width: 100%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
left: 0%!important;
margin: 0!important;
min-width: 20px;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}

/* Categorias */
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
.main {width: 90%!important;margin: auto!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20792

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Sab 31 Jan 2015 - 18:41

Cara, o topo do meu forum bugou todo depois que coloquei este código que você me passou, pois depois que disponibilizei o código aqui ja editei bastante o mesmo, teria um local exato no CSS que o senhor fez as alterações, ou poderia editar novamente em meu CSS?

Novo CSS:

Código:
/* Ranks */
.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #DB00E7;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 49px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.staff {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #6060D6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 50px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E7E400;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 54px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
/*Perfil*/
.pun .user .user-info {
text-align: center;
}
.user-basic-info img:first-child {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 130px;
padding: 2px;
width: 130px;
}
.pun .user-ident .username {
text-align: center;
}
.pun .user-ident .user-basic-info {
position: relative !important;
margin-top: 5% !important;
}.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -4.5em !important;
position: relative;
}
.pun .user-ident .username {
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.pun .posthead, .pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
margin-top: -1em;
text-align: center;
}
/*Tópicos*/
.main-foot.clearfix {
display: none;
}
.paged-head h1 {
display: none;
}
.pun .post {
border-style: none;
padding: 5px;
}
.pun .posthead {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.pun .postmain:after, .pun .postmain:before {
border-color: rgba(255, 255, 255, 0);
border-style: solid solid outset!important;
content: " ";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #ddd;
border-width: 8px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.postfoot {
border: transparent!important;
}
/*Atalhos de navegação*/
.pun-crumbs {
background: none repeat scroll 0 0 #eff1f3;
background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #d9dbdd!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
font-size: 11px!important;
margin: 0 5% 1em!important;
overflow: hidden!important;
padding: .2em 1em!important;
}
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}
p.crumbs a {
  position: relative;
}
p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}
p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}
p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px; 
}
p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}
p.crumbs a {
  transition: none;

p.crumbs a:hover {
  background-position: 100% -1px;
}

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}
/*Opacidade nos links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Background atras do logo*/
#pun-intro {
background-size: 100% 200%;
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-position: center;
background-repeat: no-repeat;
margin: -16px;
padding: 150px;
}
/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}
/* Menu */
a.mainmenu {
position: relative;
left: 5% !important;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
padding: 0px!important;
width: 102.5%;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
padding: 13px!important;
width: 100%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0!important;
min-width: 35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}
#pun-navlinks li {
padding-left: 17px;
}
/* Categorias */

.pun table .tdtopics .status {
margin-left: -50px!important;
margin-top: -18px!important;
}
.pun tbody.statused span.status {
position: absolute;
left: 135px;
}
span.status img {
position: relative!important;
left: 0px!important;
top: 17px!important;
}
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
.main {width: 90%!important;margin: auto!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}

Veja o efeito neste fórum shdesign.ativoforum.com.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por Sennior em Dom 1 Fev 2015 - 6:04

Altere novamente:
Código:
/* Ranks */
.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #DB00E7;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 49px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.staff {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #6060D6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 50px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E7E400;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 54px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
/*Perfil*/
.pun .user .user-info {
text-align: center;
}
.user-basic-info img:first-child {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 130px;
padding: 2px;
width: 130px;
}
.pun .user-ident .username {
text-align: center;
}
.pun .user-ident .user-basic-info {
position: relative !important;
margin-top: 5% !important;
}.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -4.5em !important;
position: relative;
}
.pun .user-ident .username {
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.pun .posthead, .pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
margin-top: -1em;
text-align: center;
}
/*Tópicos*/
.main-foot.clearfix {
display: none;
}
.paged-head h1 {
display: none;
}
.pun .post {
border-style: none;
padding: 5px;
}
.pun .posthead {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.pun .postmain:after, .pun .postmain:before {
border-color: rgba(255, 255, 255, 0);
border-style: solid solid outset!important;
content: " ";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #ddd;
border-width: 8px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.postfoot {
border: transparent!important;
}
/*Atalhos de navegação*/
.pun-crumbs {
background: none repeat scroll 0 0 #eff1f3;
background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #d9dbdd!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
font-size: 11px!important;
margin: 0 5% 1em!important;
overflow: hidden!important;
padding: .2em 1em!important;
}
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}
p.crumbs a {
  position: relative;
}
p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}
p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}
p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px; 
}
p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}
p.crumbs a {
  transition: none;

p.crumbs a:hover {
  background-position: 100% -1px;
}

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}
/*Opacidade nos links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Background atras do logo*/
#pun-intro {
background-size: 100% 200%;
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-position: center;
background-repeat: no-repeat;
margin: -16px;
padding: 150px;
}
/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}
/* Menu */
a.mainmenu:hover {
background: black!important;
padding: 15px!important;
}
a.mainmenu {
padding: 15px!important;
}
a.mainmenu {
position: relative;
left: 5% !important;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 102.5%;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 100%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0!important;
min-width: 35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}

/* Categorias */

.pun table .tdtopics .status {
margin-left: -50px!important;
margin-top: -18px!important;
}
.pun tbody.statused span.status {
position: absolute;
left: 135px;
}
span.status img {
position: relative!important;
left: 0px!important;
top: 17px!important;
}
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
.main {width: 90%!important;margin: auto!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20792

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Dom 1 Fev 2015 - 11:59

Quase amigo, teria como consertar só esse espaço que ficou sobrando http://prntscr.com/5zr006?

Código:
/* Menu */
a.mainmenu:hover {
background: black!important;
padding: 15px!important;
}
a.mainmenu {
padding: 15px!important;
}
a.mainmenu {
position: relative;
left: 5% !important;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 102.5%;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 100%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0!important;
min-width: 35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}
/*Css do logo*/
.cssLogo {
color: #FFF;
font-family: Rancho;
font-size: 90px;
line-height: 2;
margin-left: 3.5%;
text-shadow: 0 1px 1px rgba(0,0,0,0.88);
z-index: 999;
}
p#pun-desc {
color: #FFF;
font-family: Rancho;
font-size: 30px;
margin-left: 245px;
margin-top: -95px;
padding: 50px;
text-shadow: 0 1px 1px rgba(0,0,0,0.76);
}
#pun-intro {
background-image: url(http://i.imgur.com/HZrRTHS.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 200%;
margin: -16px;
padding: 30px;
}

/*Numero das paginas */
table.forumline {
display: none;
}
.paging {color: #fff !important;}
p.paging a {font-size: 11px; margin-left: 1px; line-height: 22px; text-transform: lowercase;}
p.paging a:not(:first-of-type),p.paging b {background: linear-gradient(to bottom, #FFF 0%, rgba(255, 255, 255, 0) 100%) repeat-x scroll 0px -1px #F4F4F4; border: 1px solid #C0C2C3; color: #414141; text-shadow: 0px 1px 0px #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); border-radius: 3px; display: inline-block; padding: 2px 9px; text-transform: lowercase; font-size: 11px; font-weight: normal; line-height: 22px;}
p.paging b {background: #0A558A;border: 0px;color: #fff; text-shadow: 0px 1px 0px #0a558a; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px #FFF; padding: 3px 10px;}
p.paging a:not(:first-of-type):hover{
        background-color:#fafafa;
  background-image:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  color:#414141;
  border-color:#b2b4b5
}
p.paging a:not(:first-of-type):active,p.paging b:active {
  position:relative; top:1px;
  background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.03) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.03)));
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:-o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:-ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  -webkit-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px;
  -moz-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px;
  box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px
}
/* Ranks */
.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #DB00E7;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 49px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.staff {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #6060D6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 50px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E7E400;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 54px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
/*Perfil*/
.pun .user .user-info {
text-align: center;
}
.user-basic-info img:first-child {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 130px;
padding: 2px;
width: 130px;
}
.pun .user-ident .username {
text-align: center;
}
.pun .user-ident .user-basic-info {
position: relative !important;
margin-top: 5% !important;
}.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -4.5em !important;
position: relative;
}
.pun .user-ident .username {
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.pun .posthead, .pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
margin-top: -1em;
text-align: center;
}
/*Background do fórum*/
#main-content{background: white !important;width: 90%;}

/*Tópicos*/
.main-foot.clearfix {
display: none;
}
.paged-head h1 {
display: none;
}
.pun .post {
border-style: none;
padding: 5px;
}
.pun .posthead {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.pun .postmain:after, .pun .postmain:before {
border-color: rgba(255, 255, 255, 0);
border-style: solid solid outset!important;
content: " ";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #ddd;
border-width: 8px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.postfoot {
border: transparent!important;
}
/*Atalhos de navegação*/
.pun-crumbs {
background: none repeat scroll 0 0 #eff1f3;
background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #d9dbdd!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
font-size: 11px!important;
margin: 0 1% 1em!important;
overflow: hidden!important;
padding: .2em 1em!important;
}
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}
p.crumbs a {
  position: relative;
}
p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}
p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}
p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px; 
}
p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}
p.crumbs a {
  transition: none;

p.crumbs a:hover {
  background-position: 100% -1px;
}

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}
/*Opacidade nos links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}

/* Categorias */
.main {
width: 98%!important;
margin: auto!important;
}
.pun tbody.statused span.status {
position: absolute;
left: 67px;
margin-top: center;
}
.pun tbody.statused td.tcl {
padding-left: 70px;
}
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}

O código do menu esta no inicio do CSS.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por EuficoLoko em Seg 2 Fev 2015 - 0:26

Boa noite!

Não compreendi muito bem, espero que seja isso.
Resultado do CSS: http://prntscr.com/600a16 (Hover ativado)
Troque o CSS, por esse:
Código:
/* Menu */
a.mainmenu:hover {
background: black!important;
padding: 15px!important;
}
a.mainmenu {
padding: 15px!important;
}
a.mainmenu {
position: relative;
left: 5% !important;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 102.5%;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 100%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0!important;
margin-top: -5px !important;
margin-bottom: -5px !important;
min-width: 35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}
/*Css do logo*/
.cssLogo {
color: #FFF;
font-family: Rancho;
font-size: 90px;
line-height: 2;
margin-left: 3.5%;
text-shadow: 0 1px 1px rgba(0,0,0,0.88);
z-index: 999;
}
p#pun-desc {
color: #FFF;
font-family: Rancho;
font-size: 30px;
margin-left: 245px;
margin-top: -95px;
padding: 50px;
text-shadow: 0 1px 1px rgba(0,0,0,0.76);
}
#pun-intro {
background-image: url(http://i.imgur.com/HZrRTHS.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 200%;
margin: -16px;
padding: 30px;
}

/*Numero das paginas */
table.forumline {
display: none;
}
.paging {color: #fff !important;}
p.paging a {font-size: 11px; margin-left: 1px; line-height: 22px; text-transform: lowercase;}
p.paging a:not(:first-of-type),p.paging b {background: linear-gradient(to bottom, #FFF 0%, rgba(255, 255, 255, 0) 100%) repeat-x scroll 0px -1px #F4F4F4; border: 1px solid #C0C2C3; color: #414141; text-shadow: 0px 1px 0px #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); border-radius: 3px; display: inline-block; padding: 2px 9px; text-transform: lowercase; font-size: 11px; font-weight: normal; line-height: 22px;}
p.paging b {background: #0A558A;border: 0px;color: #fff; text-shadow: 0px 1px 0px #0a558a; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px #FFF; padding: 3px 10px;}
p.paging a:not(:first-of-type):hover{
        background-color:#fafafa;
  background-image:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  color:#414141;
  border-color:#b2b4b5
}
p.paging a:not(:first-of-type):active,p.paging b:active {
  position:relative; top:1px;
  background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.03) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.03)));
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:-o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:-ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  -webkit-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px;
  -moz-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px;
  box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px
}
/* Ranks */
.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #DB00E7;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 49px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.staff {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #6060D6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 50px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E7E400;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 54px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
/*Perfil*/
.pun .user .user-info {
text-align: center;
}
.user-basic-info img:first-child {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 130px;
padding: 2px;
width: 130px;
}
.pun .user-ident .username {
text-align: center;
}
.pun .user-ident .user-basic-info {
position: relative !important;
margin-top: 5% !important;
}.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -4.5em !important;
position: relative;
}
.pun .user-ident .username {
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.pun .posthead, .pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
margin-top: -1em;
text-align: center;
}
/*Background do fórum*/
#main-content{background: white !important;width: 90%;}

/*Tópicos*/
.main-foot.clearfix {
display: none;
}
.paged-head h1 {
display: none;
}
.pun .post {
border-style: none;
padding: 5px;
}
.pun .posthead {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.pun .postmain:after, .pun .postmain:before {
border-color: rgba(255, 255, 255, 0);
border-style: solid solid outset!important;
content: " ";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #ddd;
border-width: 8px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.postfoot {
border: transparent!important;
}
/*Atalhos de navegação*/
.pun-crumbs {
background: none repeat scroll 0 0 #eff1f3;
background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #d9dbdd!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
font-size: 11px!important;
margin: 0 1% 1em!important;
overflow: hidden!important;
padding: .2em 1em!important;
}
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}
p.crumbs a {
  position: relative;
}
p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}
p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}
p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px; 
}
p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}
p.crumbs a {
  transition: none;

p.crumbs a:hover {
  background-position: 100% -1px;
}

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}
/*Opacidade nos links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}

/* Categorias */
.main {
width: 98%!important;
margin: auto!important;
}
.pun tbody.statused span.status {
position: absolute;
left: 67px;
margin-top: center;
}
.pun tbody.statused td.tcl {
padding-left: 70px;
}
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}

Atenciosamente,
Loko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Hover no menu

Mensagem por iHeloaD em Seg 2 Fev 2015 - 0:47

Perfeito, muito obrigado
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1689
Pontos Ativos : 2802

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Hover no menu

Mensagem por EuficoLoko em Seg 2 Fev 2015 - 0:49

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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