Simple Machines Community Forum

SMF Support => Português (Portuguese) => Language Specific Support => Arquivo => Topic started by: M. Giovanne Link on November 07, 2006, 11:54:13 AM

Title: Marca D'água nos Posts
Post by: M. Giovanne Link on November 07, 2006, 11:54:13 AM
Como inserir dentro de um tópico onde aparece os posts dos membros uma marca dágua em todos os posts feitos ? Tipo, uma imagem lateral com transparencia ?
Title: Re: Marca D'água nos Posts
Post by: N3lson on November 07, 2006, 03:58:14 PM
catbg e ctabg2.... altera essas imagens pelas k keres ....
Title: Re: Marca D'água nos Posts
Post by: M. Giovanne Link on November 08, 2006, 11:49:23 AM
Quote from: N3lson on November 07, 2006, 03:58:14 PM
catbg e ctabg2.... altera essas imagens pelas k keres ....
Não... Esses arquivos não rolam... É tipo isso:

(http://img288.imageshack.us/img288/1740/new1tk6.th.jpg) (http://img288.imageshack.us/my.php?image=new1tk6.jpg)

Vê a área circulada em vermelho ? Quero colocar uma marca d'água ali.
Title: Re: Marca D'água nos Posts
Post by: N3lson on November 08, 2006, 03:16:05 PM
windowbg  e windowbg2
alteras em style.css
Title: Re: Marca D'água nos Posts
Post by: M. Giovanne Link on November 13, 2006, 08:46:40 AM
Quote
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
        font-family: verdana, helvetica, serif;
        color: #ffffff;
        background-color: #303030;
}
.windowbg2
{
        font-family: verdana, helvetica, serif;
        color: #ffffff;
        background-color: #404040;
}

Encontrei essa sessão. O que devo fazer para ele ler uma imagem qualquer ? Tô meio que boiando 0.o
Title: Re: Marca D'água nos Posts
Post by: ideiafacil on November 13, 2006, 09:31:39 AM
Acho que tem que trocar o
background-color por background-image e colocar  o endereço da imagem.
So que mudando isso a imagem deve ocupar todo o campo.

Uma lida em algum tutorial de CSS vai ajudar.
http://www.tizag.com/cssT/background.php
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image
http://www.maujor.com/tutorial/backtut.php
Title: Re: Marca D'água nos Posts
Post by: M. Giovanne Link on November 14, 2006, 01:32:22 PM
Quote
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
     font-family: verdana, helvetica, serif;
     color: #ffffff;
     background-color: #303030;
     
background-image: url(images/pod/bglogo.gif);
          background-repeat: no-repeat;
     background-position: center right;
}
Inseri as seguintes linhas acima. Deu certo, só que a imagem não está 50% transparente.

1. Como fazer para que esta imagem fique 50% transparente ?

2. Como fazer para que se eu coloque o comando "background-position: button right;" ele não ultrapasse a área da assinatura dos membros ?
Title: Re: Marca D'água nos Posts
Post by: ivogomes on November 18, 2006, 06:26:26 AM
1. Usando uma imagem no formato PNG com transparência Alpha de 50% (Não funciona no Internet Explorer <=6) ou criando uma nova imagem em que fazes um fade out da marca de água sobre um fundo opaco que tem que ser da mesma cor que o fundo da mensagem;

2. background: url("images/pod/bglogo.gif") no-repeat bottom right;
Uma vez que a área da assinatura tem uma altura variável, não me parece que seja possível colocar a imagem no fundo sem sobrepor a assinatura. Podes sempre dar uma margem na própria imagem (com mais x pixels em branco para baixo) mas não irá funcionar em todos os casos porque há pessoas que têm 1 linha de texto na assinatura com x pixels de altura enquanto que há outras pessoas que metem montes de tralha e imagens na assinatura, aumentando essa altura para x+x+x+x
Title: Re: Marca D'água nos Posts
Post by: M. Giovanne Link on April 12, 2007, 10:50:04 AM
Gente... Quando eu muso o css neste esquema as imagens para os posts entram tambem no index do forum, nas duas colunas. Não tem como separar isso ? Fazer aparecer somente onde preciso na imagem acima ?