Como tirar opacidade do banner?

4 participantes

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

Tópico resolvido Como tirar opacidade do banner?

Mensagem por vacobs10 06.06.12 16:53

Qual é minha questão:
Eu coloquei um banner pela primeira vez no meu Fórum, sendo que ele buga o cabeçalho todo. Os botões "Início, Faq, Membros" vão para a direita, e somem por causa da imagem, que fica em cima deles.

No Print que eu deixei, é possível ver o Banner com uma cor avermelhada. É que neste exato momento, o mouse está por cima dele, e quando eu tiro o mouse de cima dele, o Banner volta ao seu estado normal.

Medidas que eu tomei para corrigir o problema:
Eu tentei colocar um banner menor, porém, toda vez que eu passo o mouse, ele fica avermelhado, como o anterior.

Eu não sei se é alguma coisa relacionada ao tamanho, ou a largura, mas eu pensei que quando eu colocasse o Logotipo, o fórum ajustaria ele automaticamente com o cabeçalho, e não fizesse isso que está no Print.

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img802/638/printed.png

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

Versão do meu fórum:
PUNBB


Última edição por vacobs10 em 15.06.12 23:18, editado 1 vez(es)
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Convidad 06.06.12 16:57

Olá autor!

Em Cpaienl > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > Retire o seguinte código:
Código:
#pun-logo:hover { opacity: 0.8; }
Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 06.06.12 17:11

Shek escreveu:Olá autor!

Em Cpaienl > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > Retire o seguinte código:
Código:
#pun-logo:hover { opacity: 0.8; }
Atenciosamente,
Shek

Olá, MUITO OBRIGADA PELA SUA RESPOSTA! Tive uma idéia! Tive uma idéia!
Realmente funcionou, porém, eu gostaria de colocar um logo maior que o atual, e quando eu faço, o cabeçalho fica destroçado - digamos assim -, Como faz para eu poder colocar um LOGO grande ali?
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Convidad 06.06.12 18:02

Olá autor!

Retire esse código:
Código:
#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}
Veja se resolve.

Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 06.06.12 23:54

Shek escreveu:Olá autor!

Retire esse código:
Código:
#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}
Veja se resolve.

Atenciosamente,
Shek

Olá Shek, eu fiz o que você recomendou, porém, nada mudou, dê uma olhada qual é o PROBLEMA:
https://2img.net/r/ihimizer/img38/3799/sagadeanimes.jpg

Aguardo resposta *_*
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Luciano98 07.06.12 0:03

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#pun-intro{width:auto;padding:0px}

Valide.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 07.06.12 0:34

Olá, eu coloco esse código em qualquer lugar ou em uma parte específica? Pois eu coloquei na ÚLTIMA linha, e permaneceu da mesma forma! -.-
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Sennior 07.06.12 3:03

Olá Senhor!
Estive em seu Fórum e não vi este efeito, poderia me dizer onde e?

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Cabeçalho Bugado

Mensagem por vacobs10 07.06.12 14:58

Dr.House escreveu:Olá Senhor!
Estive em seu Fórum e não vi este efeito, poderia me dizer onde e?

Até mais!

Olá "House", está falando sobre o efeito da Opacidade na imagem? pois se for este, o problema já foi resolvido. Porém, outro pior aconteceu. Eu tenho o PRINT do problema aqui:

https://2img.net/r/ihimizer/img38/3799/sagadeanimes.jpg

O logotipo é grande, e não se ajusta aos padrões do cabeçalho, e eu gostaria de resolver este problema, pois se não, terei que usar banner's menores, como o que estou usando, e você deve ter visto ele no momento em que você visitou meu fórum.

Gostaria de poder colocar Banner's grandes, e que se ajustassem ao CABEÇALHO, e não tenho idéia do que fazer. Penso que devo aumentar a largura do fórum, mas não tenho certeza e não sei como fazer isso. Aguardo sugestões.
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Convidad 07.06.12 16:40

Olá autor!

Tente com esse CSS:
#pun-intro.clearfix {width:auto;padding:0px}
Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 08.06.12 16:22

Shek escreveu:Olá autor!

Tente com esse CSS:
#pun-intro.clearfix {width:auto;padding:0px}
Atenciosamente,
Shek

Olá Shek, realmente seu código funcionou quando adicionei "270px", porém, a imagem ficou mais pra direita, e ficou um espaço em cima, eu tirei print do problema: Veja!
https://2img.net/r/ihimizer/img98/2171/sagadeanimes.png

Você ou alguém teria mais alguma sugestão, de como eu posso eliminar aquele espaço vazio em cima, e ajustar a imagem mais para a ESQUERDA? Aguardo contato.
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Sennior 10.06.12 18:47

Olá senhor, peço que coloco o logo com o erro para que posso ver o erro, ao mais tente este código:

Código:
#pun-intro{width:center;padding:0px}

Atenciosamente!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Sheamus 10.06.12 19:01

Olá,

Se os codigos acima não resolverem tente este:

#pun-logo {width:center;padding:270px}

Verde: Mude a vontade é a altura

♦A Dúvida persiste? Informe-nos
Sheamus

Sheamus
****

Membro desde : 04/01/2012
Mensagens : 216
Pontos : 268

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 14.06.12 0:59

Sheamus escreveu:Olá,

Se os codigos acima não resolverem tente este:

#pun-logo {width:center;padding:270px}

Verde: Mude a vontade é a altura

♦A Dúvida persiste? Informe-nos

Sim, o erro ainda continuou...droga!
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 14.06.12 1:02

Dr.House escreveu:Olá senhor, peço que coloco o logo com o erro para que posso ver o erro, ao mais tente este código:

Código:
#pun-intro{width:center;padding:0px}

Atenciosamente!

Olá, coloquei o Banner do Print para que você veja o que está acontecendo!
Eu tirei todos os códigos que peguei nesse fórum para que você veja ele "NORMAL" sem qualquer alteração por código.

Seu eu colocar os códigos que vocês me passaram, no máximo que vai fazer é deixar a imagemem cima dos menu, porém, com um espaço GRANDE em cima, e do lado direito. OU, fixar a imagem para o canto esquerdo, mas deixando ela dentro do cabeçalho! Entende agora meu desafio!?
vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por Sennior 14.06.12 1:17

Boa noite senhor.
Veja se e isto que o senhor deseja, coloque este código em seu CSS:

Código:
#pun-intro {
background-color:
#691616;
background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/backgr10.png");
background-repeat: repeat-x;
padding: .4em 1em 1em 1em;
border-bottom: 0px solid
#296FA5;
text-align: center;
box-shadow: 0 0 5px
rgba(0, 0, 0, 0.75) inset;
margin-bottom: 10px;
border: 1px solid #273749;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 353px !important;
}

Atenciosamente.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 15.06.12 23:17

Dr.House escreveu:Boa noite senhor.
Veja se e isto que o senhor deseja, coloque este código em seu CSS:

Código:
#pun-intro {
background-color:
#691616;
background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/backgr10.png");
background-repeat: repeat-x;
padding: .4em 1em 1em 1em;
border-bottom: 0px solid
#296FA5;
text-align: center;
box-shadow: 0 0 5px
rgba(0, 0, 0, 0.75) inset;
margin-bottom: 10px;
border: 1px solid #273749;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 353px !important;
}

Atenciosamente.
Olá "House",FUNCIONOU, O LOGO FICOU BOM!!! ESPERO QUE ELE FIQUE ASSIM SEMPRE QUANDO EU TROCAR POR OUTROS LOGOTIPOS! Bem, desculpa essa demora para resolver este problema, pode Bloquear o tópico, tenho certeza que ele irá ajudar outras pessoas que tiveram este mesmo desafio^^ Bem, até a próxima "House" Obrigada MESMO por tudo^^


vacobs10

vacobs10
Novo Membro

Membro desde : 05/06/2012
Mensagens : 28
Pontos : 40

http://testezinho10.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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