Diminuir espaço Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Diminuir espaço

2 participantes

Ir para baixo

Tópico resolvido Diminuir espaço

Mensagem por Bookmarlucas654 28.01.12 18:40

Qual é minha questão:
Bem, eu estou com um pequeno problema. Eu pedi ajuda aqui no FDF sobre o logotipo, que ao aproximar o mouse, o logotipo deslizava!

Bem, funcionou, mas, o código abriu um espaço no logotipo, olhem só:

Diminuir espaço 33c4tpz

Quando removo o CSS, ele fica normal, assim:

Diminuir espaço E5gwzp

Ai, eu queria saber qual a parte do CSS que está dando esse espaço na área azul, e assim removê-lo! Aqui está o CSS:

Código:
#logo {
  width: 350px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 160px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(100px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(15px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}

Agradeço desde já Piscada

Medidas que eu tomei para corrigir o problema:
Eu tentei verificar no código, mas não entendo muito :S

Imagens do meu problema:


Endereço do meu fórum:
http://habbojoy.forumeiros.com/

Versão do meu fórum:
PHPBB3
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço

Mensagem por Bookmarlucas654 28.01.12 18:42

Bem, funcionou, mas, o código abriu um espaço no logotipo,

Errei, é no fundo do logotipo :S Na área que o logotipo fica Envergonhado E é a "ALTURA", entendem?
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço

Mensagem por Bookmarlucas654 28.01.12 18:50

Podem fechar o tópico, eu já consegui! Era só alterar o height D; Ôôôô meu Deus, como sou buuuuuuuuuuuuuurro

Envergonhado

#logo {
width: 350px;
position: relative;
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
transition-duration: 3s;

Código:
#logo {
  width: 350px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(100px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(15px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}

Já consegui, podem fechar! Desculpa ae Envergonhado
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço

Mensagem por Konai 28.01.12 18:51

Olá,

Veja;

#logo {
width: 350px;
position: relative;
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 150px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
transition-duration: 3s;

right: 0px;
left: 0px;
top: 25px;
float: center;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;
}


#logo:hover {
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
background-repeat: no-repeat;
-webkit-transform:translate(100px);
-moz-transform: translate(200px);
-o-transform:translate(200px);
}

#logo:active {
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
background-repeat: no-repeat;
-webkit-transform:scale(15px);
-moz-transform:scale(15px);
-o-transform:scale(15px);
}

height: 150px - É a altura. Basta modificar o valor até ficar ao seu gosto.

Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir espaço

Mensagem por Bookmarlucas654 28.01.12 19:42

Amigo, se notar, eu já resolvi o problema, podem fechar o tópico, mas, obrigado mesmo assim!

Piscada
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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