Como tirar opacidade do banner?

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

Resolvido Como tirar opacidade do banner?

Mensagem por vacobs10 em 06/06/12, 12:53 pm

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:
http://img802.imageshack.us/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, 07:18 pm, editado 1 vez(es)
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Convidad em 06/06/12, 12:57 pm

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

Convidad
Convidado


Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 06/06/12, 01:11 pm

@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?
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Convidad em 06/06/12, 02:02 pm

Olá autor!

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

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 06/06/12, 07:54 pm

@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:
http://img38.imageshack.us/img38/3799/sagadeanimes.jpg

Aguardo resposta *_*
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Luciano98 em 06/06/12, 08:03 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 06/06/12, 08:34 pm

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! -.-
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Sennior em 06/06/12, 11:03 pm

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

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Cabeçalho Bugado

Mensagem por vacobs10 em 07/06/12, 10:58 am

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:

http://img38.imageshack.us/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.
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Convidad em 07/06/12, 12:40 pm

Olá autor!

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

Convidad
Convidado


Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 08/06/12, 12:22 pm

@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!
http://img98.imageshack.us/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.
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Sennior em 10/06/12, 02:47 pm

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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Sheamus em 10/06/12, 03:01 pm

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
avatar

Sheamus
Nível 9

Inscrito dia : 04/01/2012
Mensagens : 216
Pontos Ativos : 268

Ver perfil do usuário

Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 13/06/12, 08:59 pm

@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!
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 13/06/12, 09:02 pm

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!?
avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.com/

Resolvido Re: Como tirar opacidade do banner?

Mensagem por Sennior em 13/06/12, 09:17 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como tirar opacidade do banner?

Mensagem por vacobs10 em 15/06/12, 07:17 pm

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^^


avatar

vacobs10
Nível 4

Masculino
Inscrito dia : 05/06/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://testezinho10.forumeiros.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