Jump to content

Dúvida HTML


cyberurbis
 Share

Recommended Posts

Criei uma imagem FullHD chamada bg.png e não faço a mínima como a colocar como background da landing page... LOL

O objectivo é que o centro dessa imagem que vai ficar como fundo, fique sempre no centro de qualquer janela, independentemente da resolução ou tamanho.

É possível?

Link to comment
Share on other sites

Metes isto num ficheiro .css :


body

{

background-image:url('IMG');

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

IMG = endereço da tua imagem (pasta ou web). E metes isto no teu ficheiro .html :

<link href="CSS" rel="stylesheet" type="text/css" media="screen"/>

CSS = o endereço (pasta) do teu ficheiro .css

Link to comment
Share on other sites

Ou então mete directamente no body


<body style="background: url(http://www.kaliteliresimler.com/data/media/2041/full_hd_deniz_manzarasi_1080p.jpg) no-repeat fixed center;">

Link to comment
Share on other sites

Metes isto num ficheiro .css :


body

{

background-image:url('IMG');

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

IMG = endereço da tua imagem (pasta ou web). E metes isto no teu ficheiro .html :

<link href="CSS" rel="stylesheet" type="text/css" media="screen"/>

CSS = o endereço (pasta) do teu ficheiro .css
Ou então mete directamente no body

<body style="background: url(http://www.kaliteliresimler.com/data/media/2041/full_hd_deniz_manzarasi_1080p.jpg) no-repeat fixed center;">

thumbsup.gif

it worked like a charm!

Edited by cyberurbis
Link to comment
Share on other sites

Ou então mete directamente no body


<body style="background: url(http://www.kaliteliresimler.com/data/media/2041/full_hd_deniz_manzarasi_1080p.jpg) no-repeat fixed center;">

Também pode fazer isso, mas a técnica de usar um style.css é muito mais interessante para o caso de querer repetir a mesma funcionalidade noutras páginas HTML. ;)

Link to comment
Share on other sites

Também pode fazer isso, mas a técnica de usar um style.css é muito mais interessante para o caso de querer repetir a mesma funcionalidade noutras páginas HTML. wink4.gif

Óbvio... só lhe dei uma solução simples para não andar a complicar, visto que pela pergunta experiência não é muita, e como ele falou que queria só meter na Landing Page...

Link to comment
Share on other sites

Também pode fazer isso, mas a técnica de usar um style.css é muito mais interessante para o caso de querer repetir a mesma funcionalidade noutras páginas HTML. wink4.gif

Óbvio... só lhe dei uma solução simples para não andar a complicar, visto que pela pergunta experiência não é muita, e como ele falou que queria só meter na Landing Page...

true-story-icon-300x296.jpg

de imediato usei a solução simples, mas entretanto já alterei para a solução hmtl+css 14.gif

Tenho mesmo que tirar um curso de web developer, mas em Beja não me safo...

Link to comment
Share on other sites

Em Beja não te safas?

Mas tu queres aprender a desenvolver para a web ou queres tirar um curso disso. É que são duas coisas diferentes.

Se queres aprender, tens a Internet e toneladas de informação e recursos para tirares um curso autonomamente.

Depois vais à Lusófona e pedes que te dêem créditos pela experiência :-..

Link to comment
Share on other sites

Também pode fazer isso, mas a técnica de usar um style.css é muito mais interessante para o caso de querer repetir a mesma funcionalidade noutras páginas HTML. wink4.gif

Óbvio... só lhe dei uma solução simples para não andar a complicar, visto que pela pergunta experiência não é muita, e como ele falou que queria só meter na Landing Page...

true-story-icon-300x296.jpg

de imediato usei a solução simples, mas entretanto já alterei para a solução hmtl+css 14.gif

Tenho mesmo que tirar um curso de web developer, mas em Beja não me safo...

Quem desenvolve para a web é Web Desenvolver... já estou cansado de rectificar o pessoal...

Agora a sério... não precisas de curso, se é mesmo algo que te interessa, o que não faltam são tutorials sobre o assunto como o JLDR falou e muito bem.

Link to comment
Share on other sites

html e css é um bocado meh. Mas quando chegares a php e afins a coisa torna-se mais interessante

Pois, mas precisas sempre dos dois, direta ou indiretamente. Principalmente agora que o HTML5 está a tomar forma com muito mais versatilidade. E depois, se entrar-mos nas livrarias de Javascript, como é o caso do JQuery, então é aí que a brincadeira toma lugar. :)

Link to comment
Share on other sites

html e css é um bocado meh. Mas quando chegares a php e afins a coisa torna-se mais interessante

Pois, mas precisas sempre dos dois, direta ou indiretamente. Principalmente agora que o HTML5 está a tomar forma com muito mais versatilidade. E depois, se entrar-mos nas livrarias de Javascript, como é o caso do JQuery, então é aí que a brincadeira toma lugar. smile.png

Ai sr professor... tss tss..

Link to comment
Share on other sites

html e css é um bocado meh. Mas quando chegares a php e afins a coisa torna-se mais interessante

Pois, mas precisas sempre dos dois, direta ou indiretamente. Principalmente agora que o HTML5 está a tomar forma com muito mais versatilidade. E depois, se entrar-mos nas livrarias de Javascript, como é o caso do JQuery, então é aí que a brincadeira toma lugar. smile.png

Ai sr professor... tss tss..

Quase já não sou professor.

Tenho horário zero. Não dou aulas :-..

Por isso não corro o risco de ensinar os alunos a escrever mal :lol:

Link to comment
Share on other sites

jQuery... por favor... Prototype é que rula 14.gif

Já tive para investigar o Prototype, mas o jQuery continua a ser o mais usado.Q

Quais as vantagens do Proto pá? unsure.png

Não tem... imo

Há uns anos esta discussão ainda poderia ter sentido, mas actualmente o jQuery é muito superior.

Link to comment
Share on other sites

jQuery... por favor... Prototype é que rula 14.gif

Já tive para investigar o Prototype, mas o jQuery continua a ser o mais usado.Q

Quais as vantagens do Proto pá? unsure.png

Basicamente, vai parar ao mesmo. O problema é que agora estou muito mais habituado à sintâxe do proto do que do j.

Link to comment
Share on other sites

Prototype... isso é tão 00's.

$('#Donovan').append('Fraquinho...');
trollface.gif
Eu traduzo para o Donovan...

$('Donovan').innerHTML += 'Fraquinho...';

ou

$('Donovan').append({'after':'Fraquinho...'});

[/code]

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.