Como consigo esse efeito?

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

Resolvido Como consigo esse efeito?

Mensagem por Uatyla em 16/06/15, 08:19 pm

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 19/06/15, 08:27 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como consigo esse efeito?

Mensagem por Rafael em 17/06/15, 12:37 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Como consigo esse efeito?

Mensagem por Uatyla em 17/06/15, 05:13 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como consigo esse efeito?

Mensagem por Rafael em 17/06/15, 06:50 pm

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
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Como consigo esse efeito?

Mensagem por Uatyla em 18/06/15, 08:32 am

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;}
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como consigo esse efeito?

Mensagem por Rafael em 19/06/15, 02:36 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Como consigo esse efeito?

Mensagem por Uatyla em 19/06/15, 08:26 pm

vlw!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como consigo esse efeito?

Mensagem por Rafael em 20/06/15, 06:43 am

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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