Efeito transparencia

3 participantes

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

Tópico resolvido Efeito transparencia

Mensagem por Alex Habilidade 14.12.12 17:35

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
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por BrunoH. 14.12.12 17:46

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade 14.12.12 17:57

Olá

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

Como pode observar ficou umas manchar pretas.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por BrunoH. 14.12.12 17:58

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade 14.12.12 18:01

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por BrunoH. 14.12.12 18:02

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade 14.12.12 18:06

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade 14.12.12 20:16

Olá Brunoh,

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

Poderia me passar ao envez desse transparente?
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por Luciano98 14.12.12 22:43

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

Mensagem por Alex Habilidade 15.12.12 15:13

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...
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por BrunoH. 15.12.12 15:15

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

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito transparencia

Mensagem por Alex Habilidade 15.12.12 15:29

Olá,

Não aconteceu nada
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por BrunoH. 15.12.12 23:06

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ê
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito transparencia

Mensagem por Luciano98 16.12.12 12:56

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

Mensagem por Alex Habilidade 16.12.12 18:07

Olá luciano,

Resultou obrigado.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.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