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

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'

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

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

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

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'

vlw!