Efeito transparencia

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

Resolvido Efeito transparencia

Mensagem por Alex Habilidade em 14/12/12, 03:35 pm

Qual é minha questão:
Olá,

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

http://i10.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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por BrunoH. em 14/12/12, 03:46 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Cores Seta 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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade em 14/12/12, 03:57 pm

Olá

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

Como pode observar ficou umas manchar pretas.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por BrunoH. em 14/12/12, 03:58 pm

Olá! Eu amo você
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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade em 14/12/12, 04:01 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por BrunoH. em 14/12/12, 04:02 pm

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

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade em 14/12/12, 04:06 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade em 14/12/12, 06:16 pm

Olá Brunoh,

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

Poderia me passar ao envez desse transparente?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por Luciano98 em 14/12/12, 08:43 pm

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.
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: Efeito transparencia

Mensagem por Alex Habilidade em 15/12/12, 01:13 pm

Olá luciano,

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

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por BrunoH. em 15/12/12, 01:15 pm

Olá!
Adicione este código CSS:
.module .main-head {color:#fff!important;}

Até mais. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade em 15/12/12, 01:29 pm

Olá,

Não aconteceu nada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito transparencia

Mensagem por BrunoH. em 15/12/12, 09:06 pm

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. Eu amo você
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito transparencia

Mensagem por Luciano98 em 16/12/12, 10:56 am

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.
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: Efeito transparencia

Mensagem por Alex Habilidade em 16/12/12, 04:07 pm

Olá luciano,

Resultou obrigado.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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