Como Por Slider igual a bcreate® Creditos By Bcreate

Postado em: 10 de set. de 2011
Olá Galera Leitores do LegendarioDesign Sou RafaelSantos hoje estou aqui postando um novo
tutorial  de Como Por Slider Ingual a Bcreate.
Tals entaum vamos lah.


Primeiro Pegue o Codigo logo abaixo 1  e Coloque antes de   ]]></b:skin>

#JANIO__QUADROS-RENUNCIA{        background:url(http://bcreate-utilys.webs.com/Images/JANIO_-_Quadros-Renuncia.png) no-repeat;               position: relative;        width:600px;      height:300px;        float:right;            margin:-120px 90px 0px 0px;        padding:0px 0 0 0px;}
#JANIO__QUADROS{        background:url(http://bcreate-utilys.webs.com/Images/JANIO_-_Quadros.png) no-repeat;        width:600px;      height:300px;        float:right;            margin:-300px 58px 0 0px;        padding:24px 0 0 32px;}
#JANIO_-_QUADROS{        width:551px;      height:263px;    }
#JANIO_-_QUADROS img{         width:551px;      height:263px;}
#JANIO_-_QUADROS ul, #JANIO_-_QUADROS li{    margin:0;    padding:0;    list-style:none;    }
#JANIO_-_QUADROS li{         width:551px;      height:263px;    overflow:hidden;     }


Segundo Pegue o Codigo logo abaixo 2 e Coloque Depois de   ]]></b:skin>

<script src='http://bcreate-utilys.webs.com/JS/cufon-yui.js' type='text/javascript'/>
<script src='http://bcreate-utilys.webs.com/JS/cufon-replace.js' type='text/javascript'/>
<script src='http://bcreate-utilys.webs.com/JS/Myriad_Pro_700_BC.font.js' type='text/javascript'/>
<script src='http://bcreate-utilys.webs.com/Slider/js/jquery.js' type='text/javascript'/>
<script src='http://bcreate-utilys.webs.com/Slider/js/easySlider1.5.js' type='text/javascript'/>
<script src='http://bcreate-utilys.webs.com/JS/friend-connect.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){   
    $(&quot;#JANIO_-_QUADROS&quot;).easySlider({
        auto: true,
        continuous: true
    });
});
    </script>
<script src='http://bcreate-utilys.webs.com/IMG/jquery.easing.1.3.js' type='text/javascript'/><!-- only needed for demo 5 -->
<script src='http://bcreate-utilys.webs.com/IMG/jquery.imgslide.min.js' type='text/javascript'/>
<script type='text/javascript'>
        $(function(){

            $(&#39;.DILMA_ROUSSEFF img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
                $(function(){

            $(&#39;.JUCELINO_KUBITSCHEK img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
                $(function(){

            $(&#39;.JOAO_FIGUEREDO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
                $(function(){

            $(&#39;.CASTELO_-BRANCO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
$(function(){

            $(&#39;.MARECHAL_-DEODORO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
$(function(){

            $(&#39;.JOAO_-GOULART img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
$(function(){

            $(&#39;.CAFE_-FILHO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
$(function(){

            $(&#39;.CAMPOS_-SALES img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
$(function(){

            $(&#39;.JULIO_-PRESTES img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
$(function(){

            $(&#39;.WASHIGNTON_-LUIZ img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
           
        });
    </script>


Terceiro Pegue o Codigo logo abaixo Depois procure por  <body>  e Coloque o Codigo 3


<center>
 <div id='JANIO__QUADROS-RENUNCIA'>
</div>
<div id='JANIO__QUADROS'>
<div id='JANIO_-_QUADROS'>
<ul>
<li>
<img alt='LegendarioDesign®- O Maior Portal De Designer Do Brasil' src='http://bcreate-utilys.webs.com/01.jpg'/>
</li>
<li>
<img alt='LegendarioDesign® Usar? Criar!!' src='http://bcreate-utilys.webs.com/02.jpg'/>
</li>
<li>
<img alt='LegendarioDesign® - Css Template Preview' src='http://bcreate-utilys.webs.com/03.jpg'/>
</li>
<li>
<img alt='LegendarioDesign®- Css Template Preview' src='http://bcreate-utilys.webs.com/04.jpg'/>
</li>
</ul>
</div>
</div>
</center>
Deixe seu Comentário:
Sem comentários »
Categorias:

0 comentários:

Postar um comentário