segunda-feira, 24 de agosto de 2015

Fundo tela inteira sem utilizar plugin, somente códigos





Olá turma do bem,

Essa é hoje é rapidinha, pois é colocar um fundo tela inteira sem necessidade de Plugins. 



CÓDIGO A SER UTILIZADO:


<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="pt"><!--<![endif]-->
<style type="text/css">
#full-screen-background-image {
  z-index: -999;
  min-height: 386px;
  min-width: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
</style>
  <img  src="IMAGEMDOFUNDO.JPG" id="full-screen-background-image" />



APLICAÇÕES

UTILIZANDO COM FUNDO ÚNICO EM TODO SITE

No WebAcappella vai em SITE>>PROPRIEDADES DO SITE clique na catraca e cole o código acima no campo do head

ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua imagem que deve estar postada no mesmo diretório do site




** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades do site,  faça o mesmo inserido o código nas propriedades da página de cada página alterando o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.

Nada de novo, só para alimentar nossa biblioteca mesmo. 







2 comentários:

Rodrigo Agência RTW Brasil disse...

Cara muito bom, estava procurando outras soluções e não estavam atendendo... abraço parabéns!

Rodrigo Souza de Paula disse...

Opa.. eu que agradeço seu comentário. Que bom que lhe foi útil

Postar um comentário

Observação: somente um membro deste blog pode postar um comentário.

Text Widget

Facebook

Flickr Images