InícioDiminuir espaço
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Diminuir espaço
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ó:
Quando removo o CSS, ele fica normal, assim:
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:
Agradeço desde já
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
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ó:
Quando removo o CSS, ele fica normal, assim:
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á
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- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Re: Diminuir espaço
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
E é a "ALTURA", entendem?
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Re: Diminuir espaço
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
Já consegui, podem fechar! Desculpa ae
#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
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Re: Diminuir espaço
por Konai 28.01.12 18:51
Olá,
Veja;
height: 150px - É a altura. Basta modificar o valor até ficar ao seu gosto.
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.
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: Diminuir espaço
por Bookmarlucas654 28.01.12 19:42
Amigo, se notar, eu já resolvi o problema, podem fechar o tópico, mas, obrigado mesmo assim!
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Tópicos semelhantes» Diminuir espaço
» Diminuir espaço de comentários
» Diminuir espaço do menu
» Diminuir espaço do perfil
» Diminuir espaço entre botões do menu
» Diminuir espaço de comentários
» Diminuir espaço do menu
» Diminuir espaço do perfil
» Diminuir espaço entre botões do menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos