Como consigo esse efeito?

2 participantes

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

Tópico resolvido Como consigo esse efeito?

Mensagem por Uatyla 17.06.15 0:19

Olá a todos!

Pessoal, encontrei um novo tema com um efeito muito legal, que é deixar ele meio que transparente, e gostaria de aplicar o mesmo efeito em outro fórum sem trocar o tema, só usando o css.

Fórum com o efeito css: http://portal-anime.forumeiros.com/
Fórum que eu desejo implementar o efeito: http://www.vidadeaquarista.com/forum


Última edição por Uatyla em 20.06.15 0:27, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por RafaelS. 17.06.15 16:37

Olá amigo!

Adicione a sua folha de estilos:

Código:
body {
opacity: 0.85;
}

Sendo 0.85 o valor da opacidade, aumente ou diminua consoante desejar.

Após isso preciso que me diga quais as são as áreas do seu fórum que deseja transparecer.

Atenciosamente,
iChees

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por Uatyla 17.06.15 21:13

é funcionou, mais não ficou exatamente como imaginei srsr
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por RafaelS. 17.06.15 22:50

Olá,

Na verdade ainda não tinha terminado, estava a espera que me dissesse quais as áreas que deseja transparecer.

Veja na minha última mensagem:

iChees escreveu:Após isso preciso que me diga quais as são as áreas do seu fórum que deseja transparecer.

Abraços Feliz
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por Uatyla 18.06.15 12:32

Só o fundo mesmo! Com esse código tudo ficou claro, letras, widgets, logo. srsrs
O código css do template de exemplo é esse.

Código:
 /* Begin CSS for print media */
@mediaprint{
    * {
    background-image: none;
    background-color: #1a1a1a;
    color: #1a1a1a;}
body {
    padding: 0;
     margin: 0;
     font-size: 10pt;}
body#phpbb div#wrap {
    width: 85%;
     margin: 0;}
span.corners-top,span.corners-bottom {
    display: none;}
/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
    display: none !important;}
#wrap div.headerbar {
    margin: 0;
    border-bottom: 1px solid #1a1a1a;}
#wrap div#page-body h2 {
    font-weight: bolder;
    border-bottom: 1px solid #1a1a1a;
    margin-bottom: 1em;}
/* Footer */
div.noprint {display: none;}
#wrap div#page-footer,#wrap div#page-footer ul.linklist {display: none;} }
/* End CSS for print media */
#min-width {
     min-width: 750px;}
body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #708090;
    background-color: #000000;
    background-image: url(http://i.imgur.com/dpMlYw8.jpg);
    background-attachment: fixed;
    font-size: 10px;
    height: auto;
    padding: 10px 0px;
filter:alpha(opacity=92);
  /* CSS3 standard */
  opacity:0.92;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;}
* html .conteneur_minwidth_IE {
/* Hack IE min-width */
height: 1px;}
#wrap {
    width: 85%;
    margin: 0px auto;
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
    padding: 5px;
    min-width: 1134px;

-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;}
#simple-wrap {padding: 6px 10px;}
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por RafaelS. 19.06.15 18:36

Olá!

Remova o código que eu lhe passei acima e adicione este:

Código:
    body {
    opacity: 0.95;
    }
#wrap {
    background-color: transparent !important;
}

Atenciosamente,
iChees

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por Uatyla 20.06.15 0:26

vlw!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como consigo esse efeito?

Mensagem por RafaelS. 20.06.15 10:43

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.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