Marca D'água nos Posts

Started by M. Giovanne Link, November 07, 2006, 11:54:13 AM

Previous topic - Next topic

M. Giovanne Link

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 ?

N3lson

catbg e ctabg2.... altera essas imagens pelas k keres ....
I´m Portuguese Yeah

M. Giovanne Link

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:



Vê a área circulada em vermelho ? Quero colocar uma marca d'água ali.

N3lson

windowbg  e windowbg2
alteras em style.css
I´m Portuguese Yeah

M. Giovanne Link

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

ideiafacil

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 [nofollow]
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image [nofollow]
http://www.maujor.com/tutorial/backtut.php [nofollow]
Comunidade de usuários openSuSE Linux Brasil
http://www.susebr.org/forum/ [nofollow]

M. Giovanne Link

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 ?

ivogomes

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
SMF Portuguese Translator
SMF 2.0 (100% translated)

http://www.ivogomes.com
http://www.portaldascuriosidades.com

M. Giovanne Link

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 ?

Advertisement: