Como Fixar O Fundo Do Site?
Started By Thony, 01/05/2012, 11:19
11 replies to this topic
#1
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
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!!
#3
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
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
Posted 02/05/2012, 16:15
Entre a tag head você tem que inserir o jquery e isso:
Certifique-se dos caminhos se estão corretos.
E pronto
<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
Meu post lhe ajudou? Clicar no é uma das formas de agradecer.
#5
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!!!
Estou quase chegando lá,,, obrigado pela paciencia
forte abraço!!!
Não dê o peixe! Ensine a pescar!!
#6
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 é ) no codigo.
Meu post lhe ajudou? Clicar no é uma das formas de agradecer.
#7
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?
então terei de criar uma pasta JS? oque colocarei dentro dessa pasta?
Não dê o peixe! Ensine a pescar!!
#9
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
Ou só adiciono essa pasta JS junto com o meu arquivo index.html?
abraçossssssss
Não dê o peixe! Ensine a pescar!!
#10
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:
Pronto, só isso, simples.
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 é uma das formas de agradecer.
#11
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
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
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.
Lá estou chamando os dois arquivos, primeiramente o jquery.
Meu post lhe ajudou? Clicar no é uma das formas de agradecer.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)