Forum Pplware
Imagem para background - Versão de Impressão

+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: Imagem para background (/showthread.php?tid=5517)

Páginas: 1 2

RE: Imagem para background - avlisrotiv - 30-03-2010 01:43

Mr Green
Código:
<img src="esquerda.png" width="auto" height="auto" align="left">
<img src="direita.png" width="auto" height="auto" align="right">

Julgo que seja assim... Ó Tiseac, vê lá se concordas... Mr Green

EDIT: Mas acho que não precisas do width e height... Bem, experimenta assim:
Código:
<img src="esquerda.png" to" align="left">
<img src="direita.png" align="right">
Se ficar bem, tudo bem, se não coloca o de cima deste ultimo... Wink

RE: Imagem para background - Nuno39 - 30-03-2010 01:57

Bem ele está a funcionar, mas tem um problema, LOL, é que está em cima da estrutura do fórum, LOL
Poderás ver no link que coloquei na 1 página.

RE: Imagem para background - Tiseac - 30-03-2010 13:59

@Nuno39 já tentaste só como o avlisrotiv disse? E como eu disse?
Se já tentaste as duas maneiras volta a colocar o original como tinhas antes de começares a editar.
A seguir indica por favor a parcela de código onde está a imagem para eu a poder ver com o Firebug, assim será mais fácil ter uma ideia do problema.
Mais tarde ou mais cedo vais conseguirWink

RE: Imagem para background - Nuno39 - 31-03-2010 02:43

Bem para quem conhece esta plantaforma sabe que muitas funções por vezes não funcionam. LOL
O que quero dizer é que os códigos se forem em CSS será melhor, porque tudo o que coloco em HTML vai para a estrutura do fórum.
Amanhã vou testar. Ok
Obrigado aos dois.

RE: Imagem para background - Nuno39 - 31-03-2010 20:21

No CSS o código que uso é este, falta ai qualquer coisa, para que funcione em todos os monitores.

Quanto aos códigos html não dão? Ou não consegui que dessem. LOL


código
body {
background-color: #233041;
background-image: url('http://i102.photobucket.com/albums/m95/nuno_pereira/background-image.jpg');

background-repeat: repeat-x;
margin-top:150px;
background-attachment: scroll;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
}


RE: Imagem para background - aFriend - 31-03-2010 20:27

Não será isto que procuras?

Código:
<style type="text/css">
body { background: url(imagem.jpg) fixed center no-repeat;}
</style>

Ou seja, uma imagem de fundo, que fique fixa e centrada, não interessa o monitor usado?

RE: Imagem para background - Tiseac - 31-03-2010 22:35

@aFriend com tu disseste não vai dar porque o Nuno39 tem 2 "fogos de artificio" que ao centrar iriam desaparecer (pelo menos pelo que testei no firebug) podes vêlos no spoiler da página anterior.

@Nuno39 depois de teres fornecido a parte do código onde estava a imagem tive sucesso a manter os teus fogos de artificio no ecrã.
Utilizei a propriedade de CSS3 background-size, infelizmente esta ainda não foi implementada apenas existem códigos especiais para os diferentes navegadores:
Código:
body {
background-color: #233041;
background-image: url('http://i102.photobucket.com/albums/m95/nuno_pereira/background-image.jpg');
-moz-background-size: 100%; /*para firefox */
-o-background-size: 100% ; /* para opera */
-webkit-background-size: 100%; /* para safari e chrome */
background-repeat: repeat-x;
margin-top:150px;
background-attachment: scroll;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
}

Podemos colocar um número ou um combinação de 2 números esta foi aquela com que me pareceu ficar melhor.

Nos meus testes com o extensão do Firefox, Firebug que permite editar o código de páginas online ficou assim.
Testei em dois computadores com ecrãs de diferentes dimensões.

[Imagem: 3212510_-moz-background-size.jpg]



Infelizmente para Internet Explorer não existe mas também arranjei uma maneira de dares a volta à coisa Wink. Tens um bom tutorial de como o fazer no link: Webdesign.about


Só um aparte o IE só dá trabalho!

RE: Imagem para background - Nuno39 - 06-04-2010 01:38

Boas, Tiseac

Pois o código que usaste ai, deu pelo menos no firefox.

Quanto ao site que sugeriste, ou eu não dei com a coisa, ou não deu resultado!

Coloquei-lhe um fundo fixo, e esqueço esses efeitos, LOL

Vou seguir em frente. Obrigado por tudo!

Um abraço!