Jump to content


Photo

Como Fixar O Fundo Do Site?


  • Faça o login para participar
11 replies to this topic

#1 Thony

Thony

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 01/05/2012, 11:19

Bom dia ilustres colegas!

Tenho esse site Clique aqui

O problema é que em monitores maiores o fundo do site aparece repetindo,

para quebrar um galho adicionei um frame conforme vcs podem ver, mas não gostei da aparencia,

como faço para fixar a imagem do fundo para que ela não apareça repetindo?

Só sei utilizar o FrontPage,

Aguardo ajuda dos colegas

Abraços
Não dê o peixe! Ensine a pescar!!

#2 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 02/05/2012, 08:42

Bom dia.

Tente usar este plugin. Ele fixa a imagem de fundo em qualquer resolução.
Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.

#3 Thony

Thony

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 02/05/2012, 15:58

Que bom, achei mto legal esse scrip, gostaria de uma ajuda para instalar no html do site,

Percebi que ele tem três partes;

Na parte (como usar), eu coloco na tag <Body>??

Na parte (parâmetros adicionais) eu coloco tb na tag <Body>?

Na parte Head fica na Tag Head mesmo, certo?

Onde está img : "imagem / bg.jpg" , eu adiciono o endereço da imagem???

Desculpe a ignorancia,,

Agradeço mto a ajuda!!!!!!!!!!!! Abraçooo
Não dê o peixe! Ensine a pescar!!

#4 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 02/05/2012, 16:15

Entre a tag head você tem que inserir o jquery e isso:
<script src="js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("body").ezBgResize({
		img : "image/bg.jpg"
	});
});
</script>

Certifique-se dos caminhos se estão corretos.

E pronto :D
Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.

#5 Thony

Thony

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 03/05/2012, 17:20

Quais caminhos dentro desse script devo verificar se estao corretos??

Estou quase chegando lá,,, obrigado pela paciencia

forte abraço!!!
Não dê o peixe! Ensine a pescar!!

#6 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 03/05/2012, 17:54

Quando dizemos caminho nos referimos as pastas. Pelo script acima o fundo está numa pasta imagee o javascript está numa pasta js. Se sua estrutura for outra terá que renomear os locais que se referem ao caminho (agora já sabe o que é :P ) no codigo.
Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.

#7 Thony

Thony

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 04/05/2012, 15:37

A imagem de fundo fica junto com o arquivo Index.html, como faço?

então terei de criar uma pasta JS? oque colocarei dentro dessa pasta?
Não dê o peixe! Ensine a pescar!!

#8 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 04/05/2012, 15:48

Baixe esse arquivo e veja o código fonte do arquivo de demostração.
Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.

#9 Thony

Thony

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 04/05/2012, 16:32

Preciso editar o codigo dentro da pasta JS?

Ou só adiciono essa pasta JS junto com o meu arquivo index.html?

abraçossssssss
Não dê o peixe! Ensine a pescar!!

#10 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 04/05/2012, 16:45

Você baixou o arquivo demostração?

Se não baixou, baixe. Extraia o arquivo. Pegue o arquivo js do plugin, copie tudo isso e salve com o nome jquery dentro da pasta js. Entre as tags head insira a chamada primeiramente do jquery, depois plugin, ficará assim:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
        $("body").ezBgResize({
                img : "image/bg.jpg" // agora só confirme o caminho da imagem
        });
});
</script>

Pronto, só isso, simples.

Edição feita por: Allex Severino, 04/05/2012, 16:51.

Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.

#11 Thony

Thony

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 04/05/2012, 17:17

Brother,

Dentro da pasta JS tem um arquivo chamado JQUERY.EZ-RESIZE.JS, eu abri e tem um codigo dentro, apago esse código? e coloco esse que vc me passou? ---> Clique aqui

Estou confusoo,,

Está quase lá amigãoo

obrigadoooo
Não dê o peixe! Ensine a pescar!!

#12 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 04/05/2012, 17:22

Você está dando tiro no escuro... Você vai precisar dos dois arquivos. Analise o script que eu postei no meu último post.

Lá estou chamando os dois arquivos, primeiramente o jquery.
Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq