Remover efeito no menu de navegação

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

Resolvido Remover efeito no menu de navegação

Mensagem por Tramp em 05/01/14, 11:18 am

Qual é minha questão:


Gostaria que fosse removido este efeito que aparece  em torno do link, pois ele está causando bug quando se passa  rápido demais sobre eles.

E que permanecesse apenas o efeito de aumentar a fonte quando o mouse está sobre o link.

Segue o CSS

Código:
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #000000; 
border-right: solid 15px #000000;
width: 950px;
}
/*Borde foro Abajo categorias*/
.forabg {
    border-bottom: 5px solid #8B0000;
    border-radius: 0px 0px 0px 0px;
    }








/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}




.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
  .mainmenu:hover {
  background-image:url(http://hitskin.com/themes/19/27/33/i_background.jpg);
  border-left: 5px solid #FFFAFA;
  border-right: 5px solid #FFFAFA;
  border-top: 1px dotted #FFFAFA;
  border-bottom: 1px dotted #FFFAFA;
  border-radius: 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px;
  padding:2px;
  position: relative;
  top: -8px;
}
a:link {text-decoration: none !important}
a:hover{text-transform:uppercase;}
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}




#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}




/*Quitar el Buscar*/
#search-box {visibility:hidden}




/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/




#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}




.module .h3 {
visibility:hidden;
}




#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}




    .module {
    background: url('');
    }




#comments_scroll_div{
   background: url('');
   background-repeat: no-repeat;
   margin-top:-40px;
   margin-left:-7px;
   text-align: left;
   width: 230px;
   height:268px;
   }












#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }








    .module{
    background-color:transparent;
    }




/*Logo foro*/
#logo {margin-left: -13px;
margin-top: -12px;}








/*categorias la caja*/
.desc3 {
background-color: #F8F8FF;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Consolas;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #000000;  
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F; 
border-right: solid 15px #4D123F;
}












/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}




.postprofile {
display: block;
text-align: center;}




.postprofile dd {
text-align: left;
margin-top: 4px;
}




/*estilo de las leyendas*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 17px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}




p em {
font-style: normal;
color: transparent;
}




/*color de fondo a los autores de un post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}




p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}




/*Barra Editar,Borrar y citar movimiento*/




.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}




/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }




    .postprofile a img:hover {
      opacity: 1;
    }




.postprofile {
    display: block;
    text-align: left;}




    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }








/*mensajes*/
ul#picture_legend {
background-color: #000000;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}












/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i69.servimg.com/u/f69/18/22/56/66/cor_1110.jpg');
border-left: 20px solid #000000;
  border-rigth: 20px solid #000000;
text-align: left;
}




.table-title, .table-title h2 {
color: #BEBEBE;
font: 33px Bookman Old Style;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}




/*Títulos de los foros*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 10px Cambria;
letter-spacing: 3px;  
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}




a.forumtitle:hover{
padding-left: 20px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}




/*lo que hace que se baje el cuadro del chrome*/




#helpbox.helpline {
display:none;
}




/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}








dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}




dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}




blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}




blockquote blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}




.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}


Endereço do meu fórum:
http://bgames.maisforum.com

Versão do fórum:
PHPBB3


Última edição por Ryse em 05/01/14, 12:23 pm, editado 1 vez(es)
avatar

Tramp
Nível 4

Masculino
Inscrito dia : 02/01/2014
Mensagens : 34
Pontos Ativos : 73

Ver perfil do usuário http://bgames.maisforum.com/

Resolvido Re: Remover efeito no menu de navegação

Mensagem por Hancki em 05/01/14, 11:21 am

Olá!

Remova todo o seu CSS e coloque este, na qual já tirei o que estava dando o erro:
Código:
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #000000;
border-right: solid 15px #000000;
width: 950px;
}
/*Borde foro Abajo categorias*/
.forabg {
    border-bottom: 5px solid #8B0000;
    border-radius: 0px 0px 0px 0px;
    }








/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}




.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
a:link {text-decoration: none !important}
a:hover{text-transform:uppercase;}
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}




#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}




/*Quitar el Buscar*/
#search-box {visibility:hidden}




/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/




#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}




.module .h3 {
visibility:hidden;
}




#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}




    .module {
    background: url('');
    }




#comments_scroll_div{
  background: url('');
  background-repeat: no-repeat;
  margin-top:-40px;
  margin-left:-7px;
  text-align: left;
  width: 230px;
  height:268px;
  }












#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }








    .module{
    background-color:transparent;
    }




/*Logo foro*/
#logo {margin-left: -13px;
margin-top: -12px;}








/*categorias la caja*/
.desc3 {
background-color: #F8F8FF;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Consolas;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #000000; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}












/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}




.postprofile {
display: block;
text-align: center;}




.postprofile dd {
text-align: left;
margin-top: 4px;
}




/*estilo de las leyendas*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 17px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}




p em {
font-style: normal;
color: transparent;
}




/*color de fondo a los autores de un post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}




p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}




/*Barra Editar,Borrar y citar movimiento*/




.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}




/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }




    .postprofile a img:hover {
      opacity: 1;
    }




.postprofile {
    display: block;
    text-align: left;}




    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }








/*mensajes*/
ul#picture_legend {
background-color: #000000;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}












/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i69.servimg.com/u/f69/18/22/56/66/cor_1110.jpg');
border-left: 20px solid #000000;
  border-rigth: 20px solid #000000;
text-align: left;
}




.table-title, .table-title h2 {
color: #BEBEBE;
font: 33px Bookman Old Style;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
}




/*Títulos de los foros*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 10px Cambria;
letter-spacing: 3px; 
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}




a.forumtitle:hover{
padding-left: 20px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}




/*lo que hace que se baje el cuadro del chrome*/




#helpbox.helpline {
display:none;
}




/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}








dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}




dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}




blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}




blockquote blockquote {
background-color: #f9f8f8;
border-left: 20px solid #241014;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}




.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Remover efeito no menu de navegação

Mensagem por Tramp em 05/01/14, 12:22 pm

Perfeito. Obrigado.
avatar

Tramp
Nível 4

Masculino
Inscrito dia : 02/01/2014
Mensagens : 34
Pontos Ativos : 73

Ver perfil do usuário http://bgames.maisforum.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum