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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Remover Botões
Hoje à(s) 04:33 pm por T1ag0

» Nova MP ModerNBB
Hoje à(s) 04:20 pm por iScroll

» Javascript de Transformação de FieldID
Hoje à(s) 04:16 pm por Luiz

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 04:05 pm por Luiz

» [Sugestão] Grupo de Acesso ao Painel
Hoje à(s) 03:51 pm por MateusAnjosV

» Criar Novos botões e mudar a cor
Hoje à(s) 03:11 pm por DustyRhodes

» Como passar para a direita um efeito de Halloween
Hoje à(s) 02:19 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
277 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 264 Visitantes :: 2 Motores de busca

Connor R., DustyRhodes, Heikki, iPlay, iScroll, Ketholy123, Lecxa, Luiz, MateusAnjosV, Maya Sparda, T1ag0, uvmyyvpew, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Largura do Hover

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

Resolvido Largura do Hover

Mensagem por iHeloaD em 03/02/15, 05:26 pm

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 : 03/02/2015
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Como posso alterar a largura do hover no menu de meu fórum? Pois em algumas opções ele está ficando sobre outras.

Código do menu:

Código:
/* Menu */
#pun-navlinks li {
margin: -6px!important;
}
a.mainmenu[href="/faq"]{display: none !important;}
a.mainmenu[href="/search"]{display: none !important;}
a.mainmenu[href="/memberlist"]{display: none !important;}
a.mainmenu[href="/groups"]{display: none !important;}
a.mainmenu[href="/privmsg?folder=inbox"]{display: none !important;}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
margin-left: -5px!important;
margin-right: -5px!important;
padding-left: 26px!important;
padding-right: 26px!important;
}
a.mainmenu:hover {
background: black!important;
padding: 13px!important;
}
a.mainmenu {
padding: 13px!important;
}
a.mainmenu {
position: relative;
left: 3% !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%;
}
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 = LOGO LOGO EU FAÇO UM HOVER */
.cssLogo {
color: #FFF;
display: inline-block:
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: #fff!important;
margin-left: 4.3%!important;
padding: 10px 0px;
position: relative!important;
width: 90%;
}
/*Topicos*/
.topicTitle {
font-size: 16px;
color: #fff;
font-weight: 700!important;
text-shadow: #1D8BD3 1px 1.3px 3px!important;
}
.main-foot.clearfix {
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: 0px;
}
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.1%!important;
margin: auto!important;
}
.pun tbody.statused span.status {
position: absolute;
left: 57px;
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;
}


Última edição por iHeloaD em 03/02/15, 05:57 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Largura do Hover

Mensagem por Sennior em 03/02/15, 05:32 pm

Saudações,

Aqui a largura encontra-se certa amigo.
Ao passar o mouse sobre o menu automaticamente a largura fica estável para os botões, ou seja, a largura fica proporcional para ambos.

Seria apenas quando estamos logados ao fórum?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

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

Resolvido Re: Largura do Hover

Mensagem por iHeloaD em 03/02/15, 05:35 pm

Eu gostaria de alterar a largura do hover, pois tipo, quando você passa rapidamente para outra opção, o hover fica sobre a ultima que você estava com o cursor sobre ela..
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Largura do Hover

Mensagem por Sennior em 03/02/15, 05:40 pm

Saudações,

Mas isto ocorre por causa deste código que causa o efeito em teu fórum:

Código:
a {
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
/* -webkit-transition-duration: .4s; */
text-decoration: none!important;
/* transition-duration: .8s; */
}

Vá em teu CSS e retire este código e verá que o efeito irá sumir. Positivo
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

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

Resolvido Re: Largura do Hover

Mensagem por iHeloaD em 03/02/15, 05:57 pm

Pode fechar, consegui arrumar aqui o código.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Largura do Hover

Mensagem por Sennior em 03/02/15, 06:18 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

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

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