Hover no menu

4 participantes

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

Tópico resolvido Hover no menu

Mensagem por iHeloaD 30.01.15 18: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:

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 02.02.15 2:47, editado 1 vez(es)
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por goodbye 30.01.15 18: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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por iHeloaD 30.01.15 18:57

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

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por goodbye 30.01.15 19: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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por iHeloaD 30.01.15 19: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.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por EuficoLoko 30.01.15 19: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?
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por iHeloaD 30.01.15 19: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.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Hover no menu

Mensagem por Sennior 30.01.15 19:48

Saudações,

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

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por iHeloaD 30.01.15 20: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;
}
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Hover no menu

Mensagem por Sennior 30.01.15 22: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.
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: Hover no menu

Mensagem por iHeloaD 31.01.15 0:48

Pronto.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Hover no menu

Mensagem por Sennior 31.01.15 8: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
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: Hover no menu

Mensagem por iHeloaD 31.01.15 20: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.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Hover no menu

Mensagem por Sennior 01.02.15 8: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.
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: Hover no menu

Mensagem por iHeloaD 01.02.15 13: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.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por EuficoLoko 02.02.15 2: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.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por iHeloaD 02.02.15 2:47

Perfeito, muito obrigado
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover no menu

Mensagem por EuficoLoko 02.02.15 2: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.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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