News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

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: