#CUSTOM: Background personalizado


Oi gente :) hoje eu trouxe um código que bastante gente está usando nos blogs/sites, o código é do Lucas Miquéias. Confira abaixo a prévia e clique em Mais informações para conferir o tutorial.


1 - Coloque esse código antes do </head>
<script src='http://code.jquery.com/jquery-1.3.2.min.js' type='text/javascript'/>
 <script type='text/javascript'>
    // CREDITOS : LUCAS MIQUÉIAS
 var scrollSpeed = 30;
 var current = 0;
 var direction = &#39;left&#39;;
 function bgscroll(){
     current -= 1;
     $(&#39;div.lucasmiqueias&#39;).css(&quot;backgroundPosition&quot;, (direction == &#39;left&#39;) ? current+&quot;px 0&quot; : &quot;0 &quot; + current+&quot;px&quot;);
 }
 // CREDITOS : LUCAS MIQUÉIAS
  setInterval(&quot;bgscroll()&quot;, scrollSpeed); 
 </script> 
2 - E esse código no seu css:
 .lucasmiqueias {
margin: 0 auto;
padding: 0 auto;
background: url('LINK DA SUA IMAGEM') repeat-x 0 bottom; 
width:100%;
height:ALTURA px;
}
3 - E esse onde você quer que apareça:
 <div class="lucasmiqueias"></div> 

Comentários

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.

Postagens mais visitadas deste blog

Download : Use a Cabeça HTML com CSS e XHTML: Livro

Tema Base