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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
183 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 173 Visitantes :: 2 Motores de busca

Appoloz, DionataBraga._., Harleen, Holkis, IsmaelS., Kyo Panda, Luiz~, Mauricio Molina, mocci, Shek Crowley

[ Ver toda a lista ]


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

Efeito não aparece no Firefox

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

Resolvido Efeito não aparece no Firefox

Mensagem por KognuZ em Seg 22 Dez 2014 - 0:58

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://royal.forumclan.com

Descrição do problema

Na página principal, alguns efeitos quando colocado o mouse em cima, não são aplicados ao firefox. Como mostrado na imagem, do lado esquerdo está com efeito, e ao lado direito está com uma cor sólida. Podem verificar onde está o erro no código abaixo?
Código:
.slidingMenu li.move {
   width: 9px;
   height: 68px;
   right:0px;
   padding-right:10px;
   margin-top:-5px;
   z-index: 8;
   position: absolute;    
   background: #565656;    
   background:
      -webkit-gradient(
         linear,
         left top,
         left bottom,
         from(#565656),
         to(#1e1e2a)
      );    
   background:
      -moz-linear-gradient(
         top,
         #565656,
         #565656
      );    
   -moz-border-radius: 8px 0px 0px 8px;  
   -webkit-border-top-left-radius: 8px;        
   -webkit-border-bottom-left-radius: 8px;
   border-top-left-radius: 8px;  
   border-bottom-left-radius: 8px;        
   -moz-box-shadow:1px 1px 5px #000;
   -webkit-box-shadow:1px 1px 5px #000;
   box-shadow:1px 1px 5px #000;   
   }
.slidingMenu li a {
   text-shadow:0px 5px 9px #000000;
   font-size:66px;
   text-transform:uppercase;
   text-decoration: none;
   color: #ddd;
   outline: none;
   text-indent:5px;
   z-index: 10;
   display: block;
   float: right;
   height: 66px;
   line-height: 66px;
   position: relative;
   overflow: hidden;
   padding-right:10px;
}
/* Descriptions */
.slidingMenuDesc{
   margin-top:35px;
   position:relative;
}
.slidingMenuDesc div{
   background: #565656;    
   background:
      -webkit-gradient(
         linear,
         left top,
         left bottom,
         from(#565656),
         to(#1e1a2a)
      );    
   background:
      -moz-linear-gradient(
         top,
         #565656,
         #1e1e2a
      );      
   height: 68px;
   padding-right:5px;
   left:-5px;
   width:0px;
   margin-top:0px;
   overflow:hidden;
   position:absolute;
   -moz-box-shadow:1px 1px 5px #000;
   -webkit-box-shadow:1px 1px 5px #000;
   box-shadow:1px 1px 5px #000;
   -moz-border-radius: 0px 8px 8px 0px;  
   -webkit-border-top-right-radius: 8px;        
   -webkit-border-bottom-right-radius: 8px;
   border-top-right-radius: 8px;  
   border-bottom-right-radius: 8px;
}
.slidingMenuDesc div span {
   font-size:36px;
   color: #f0f0f0;
   text-indent:5px;
   z-index: 10;
   display: block;
   height: 66px;
   line-height: 66px;
   position:absolute;
   right:10px;
   margin-left:5px;
   top:20px;
}


Última edição por KognuZ em Ter 23 Dez 2014 - 8:11, editado 1 vez(es)

KognuZ
Nível 3

Masculino
Inscrito dia : 10/01/2013
Mensagens : 22
Pontos Ativos : 1507

http://tursoprojeto.forumclan.com/forum

Resolvido Re: Efeito não aparece no Firefox

Mensagem por Lima 3005 em Seg 22 Dez 2014 - 10:03

Tem que modificar isto:

Código:
.slidingMenu li.move {
background:
      -moz-linear-gradient(
         top,
         #565656,
         #565656
      );    

Por isto:

Código:
background: -moz-linear-gradient(center top , #565656, #1E1E2A) repeat scroll 0% 0% transparent;

Ficando deste modo:

Código:
.slidingMenu li.move {
   width: 9px;
   height: 68px;
   right:0px;
   padding-right:10px;
   margin-top:-5px;
   z-index: 8;
   position: absolute;    
   background: #565656;    
   background:
      -webkit-gradient(
         linear,
         left top,
         left bottom,
         from(#565656),
         to(#1e1e2a)
      );    
 background: -moz-linear-gradient(center top , #565656, #1E1E2A) repeat scroll 0% 0% transparent;
   -moz-border-radius: 8px 0px 0px 8px;  
   -webkit-border-top-left-radius: 8px;        
   -webkit-border-bottom-left-radius: 8px;
   border-top-left-radius: 8px;  
   border-bottom-left-radius: 8px;        
   -moz-box-shadow:1px 1px 5px #000;
   -webkit-box-shadow:1px 1px 5px #000;
   box-shadow:1px 1px 5px #000;  
   }

Ficando assim:

http://prntscr.com/5jmop6

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 2320

http://universogamer.foruns.com.pt

Resolvido Re: Efeito não aparece no Firefox

Mensagem por KognuZ em Ter 23 Dez 2014 - 8:11

@Lima 3005 escreveu:Tem que modificar isto:
Ficando assim:
http://prntscr.com/5jmop6

Resolvido! Muito obrigado.
Resultado: http://puu.sh/dGaxV/3af85827ba.jpg

KognuZ
Nível 3

Masculino
Inscrito dia : 10/01/2013
Mensagens : 22
Pontos Ativos : 1507

http://tursoprojeto.forumclan.com/forum

Resolvido Re: Efeito não aparece no Firefox

Mensagem por Sennior em Ter 23 Dez 2014 - 17:02

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

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22797

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5