Efeito transparencia

Qual é minha questão:
Olá,

Di acordo com a imagem abaixo, alguém poderia me ajudar?

https://i.servimg.com/u/f10/14/99/55/84/assim10.jpg

Fórum onde vi: http://www.narutorpgfuture.com/forum

Quero o mesmo efeito ou parecido.

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx

Versão do fórum:
PUNBB

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Cores Folha de estilo CSS

Código:

Código:

.pun .main .main-content p.message{background-color:#fff;border:1px solid #d4d4d4;margin:1.7em;padding:1em}.pun .main,.pun .main-category{margin:1em 0}.main .main-foot,.main .main-head{background-color:#;color:#dedfdf;font-weight:400;padding:.7em 1.3em}.main .main-head{background-image:url(http://i46.servimg.com/u/f46/14/56/85/28/transp14.png)}.main .main-head .page-title{font-size:12px;font-weight:400}.pun .main-content{background-color:#fff;border:1px solid #d4d4d4}.pun .style1{background-color:#fff;padding:.5em}.pun .style2{background-color:#ebebeb;padding:.5em}.pun .main-foot .h2,.pun .main-head .h2{float:left}.pun .main .options{color:#ccc;float:right;text-align:right}

e Valide!
Caso não resulte, peço que retire todo o código que envolva as categorias de seu fórum, e coloque o código que acabo de lhe fornecer.

Até mais.

Olá

Não resultou, veja: http://maniaonline.foroactivo.com.mx/

Como pode observar ficou umas manchar pretas.

Olá!
Substitua o código por este para retirar a mancha:

Código:

.pun .main .main-content p.message{background-color:#fff;border:1px solid #d4d4d4;margin:1.7em;padding:1em}.pun .main,.pun .main-category{margin:1em 0}.main .main-foot,.main .main-head{background-color:#;color:#dedfdf;font-weight:400;padding:.7em 1.3em}.main .main-head .page-title{font-size:12px;font-weight:400}.pun .main-content{background-color:#fff;border:1px solid #d4d4d4}.pun .style1{background-color:#fff;padding:.5em}.pun .style2{background-color:#ebebeb;padding:.5em}.pun .main-foot .h2,.pun .main-head .h2{float:left}.pun .main .options{color:#ccc;float:right;text-align:right}

Oque mais o senhor desejas?

Até mais.

Até agora não saiu o efeito que eu quero veja como está em meu fórum e veja o print que postei.

Olá!
Como eu disse:

Caso não resulte, peço que retire todo o código que envolva as categorias de seu fórum, e coloque o código que acabo de lhe fornecer.

Até mais.

Olá, eu fiz o que você disse "removi os códigos CSS dessa parte das categorias" mas não ouve resultados.

Olá Brunoh,

Bom, queroa estilo desse fórum: http://brasilgameoflifebgl.forumeiros.com/f1-noticias-importantes

Poderia me passar ao envez desse transparente?

Olá!

Utilize esse código CSS:

Código:

.main .main-head{ background-image: url(http://i.imgur.com/a3ZBq.png); background-repeat: repeat-x; color: #000; list-style-type: none; margin: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-bottom:0px;margin-top:10px} .main .main-content{ border-left: 5px solid black; border-top: 0px; border-right: 5px solid black; border-bottom:4px solid black;-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} .main .main-content .tcl,.main .main-content .tcr{-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} .main .main-content .tc{padding-left: 36px!important;}

Até mais.

Olá luciano,

Ficou legal, mas olhe os widgets como ficaram:
https://ajuda.forumeiros.com/t71457-efeito-transparencia

E também os titulos dos widgets sumiram poderia me ajudar a persoanlizar, para arrumar melhor...

Olá!
Adicione este código CSS:

.module .main-head {color:#fff!important;}

Até mais.

Olá,

Não aconteceu nada

Olá!
Como não? Visitei seu fórum e os título dos Widgets estão branco, o senhor poderia ser mais especifico?

Abraços,
de seu grande amigo BrunoH.

Olá!

Substitua por esse código:

Código:

#main #main-content .main .main-head{ background-image: url(http://i.imgur.com/a3ZBq.png); background-repeat: repeat-x; color: #000; list-style-type: none; margin: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-bottom:0px;margin-top:10px}#main #main-content  .main .main-content{ border-left: 5px solid black; border-top: 0px; border-right: 5px solid black; border-bottom:4px solid black;-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}#main #main-content  .main .main-content .tcl,.main .main-content .tcr{-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}#main #main-content  .main .main-content .tc{padding-left: 36px!important}

Até mais.

Olá luciano,

Resultou obrigado.