Como tirar opacidade do banner?

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

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

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

Olá autor!

Retire esse código:

Código:

#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}

Veja se resolve.

Atenciosamente,
Shek

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 *_*

Olá!

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

Código:

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

Valide.

Até mais.

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

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

Até mais!

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.

Olá autor!

Tente com esse CSS:

#pun-intro.clearfix {width:auto;padding:0px}

Atenciosamente,
Shek

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.

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á,

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

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

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.

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