Colocar Resposta 
 
Avaliação do Tópico:
  • 0 votos - 0 Média
  • 1
  • 2
  • 3
  • 4
  • 5
Imagem para background
30-03-2010, 01:43 (Esta mensagem foi modificada pela última vez a: 30-03-2010 01:46 por avlisrotiv.)
Mensagem: #11
RE: Imagem para background
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
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
30-03-2010, 01:57
Mensagem: #12
RE: Imagem para background
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.
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
30-03-2010, 13:59
Mensagem: #13
RE: Imagem para background
@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
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
31-03-2010, 02:43
Mensagem: #14
RE: Imagem para background
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.
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
31-03-2010, 20:21
Mensagem: #15
RE: Imagem para background
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;
}
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
31-03-2010, 20:27 (Esta mensagem foi modificada pela última vez a: 31-03-2010 20:27 por aFriend.)
Mensagem: #16
RE: Imagem para background
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?

[Imagem: pplware_moderator.png]
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
31-03-2010, 22:35 (Esta mensagem foi modificada pela última vez a: 31-03-2010 22:44 por Tiseac.)
Mensagem: #17
RE: Imagem para background
@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!
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
06-04-2010, 01:38
Mensagem: #18
RE: Imagem para background
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!
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
Colocar Resposta 


Saltar Fórum:


Utilizadores a ver este tópico: 1 Visitante(s)