Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

7/16/2014

#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> 

4 comentários:

  1. Amei Jéssica, super obrigado ^^

    ResponderExcluir
  2. Muito útil este tutorial :3

    Kisses ;*

    http://sweetdreamsoficial.blogspot.com.br/

    ResponderExcluir
  3. Ao passar pela net encontrei seu blog, estive a ver e ler alguma postagens
    é um bom blog, daqueles que gostamos de visitar, e ficar mais um pouco.
    Tenho um blog, Peregrino E servo, se desejar fazer uma visita.
    Ficarei radiante se desejar fazer parte dos meus amigos virtuais, saiba que sempre retribuo seguido também o seu blog. Minhas saudações.
    António Batalha.

    ResponderExcluir

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