Slideshow Eklentisi

Bu yayınımızda Slideshow eklentisini paylaşıyorum. Bu eklenti ile istediğiniz kayıtları buraya ekleyerek daha çok ziyaret edilmesini ve dikkat çekmesini sağlayabilirsiniz. Bu kodu ister gadget olarak ekleyin istersenizde html kısmından istediğiniz yere ekleyin.

alıntı: bloggertrix.com

#slider {
 position:relative;
    width:430px;
    height:250px;
    margin-left:32px;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzXtIuthuSSqz2luLibDm5AOAVcdawl98vkCiG642z1hkUQieWvq8l-_oKI83ArlDV30bt91ClcpelIHQJ6qmPynZxx1z7xdkrr5gpq9Lg3Rj5sBYYDNT9FidimabSJApM6h1DPexu1c0/s1600/loading.gif) no-repeat 50% 50%;
}
#slider img {
 position:absolute;
 top:0px;
 left:0px;
 display:none;
}
#slider a {
 border:0;
 display:block;
}

.nivo-controlNav {
 position:absolute;
 left:163px;
 bottom:12px;
 background: #000000;
 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 3px;
    border: 2px solid #CCC;
    opacity: 0.7;
    z-index: 99;
 }
 .nivo-controlNav:hover{opacity: 1;}
 
.nivo-controlNav a {
 display:block;
 width:22px;
 height:22px;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9DldHczoFJ7E0oDkPaKFil_cTs_dHdUHycrZfMgs_323cLtp98xi1JJ_5ez4HE1-olRdDVqKb901AfTeDA1vdBbxGcP0KV15ti_f_M073uJ_jUpxVhUf8CzjWn3NuWIXrBbHAUchNgjk/s1600/bullets.png) no-repeat;
 text-indent:-9999px;
 border:0;
 margin-right:0px;
 float:left;
}
.nivo-controlNav a.active {
 background-position:0 -22px;
}

.nivo-directionNav a {
 display:block;
 width:35px;
 height:65px;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtHznwDS0oHAVBUKBsPjL4jP0KBQVA6f_Rx1c15JydNFT8ZBtfhZZ3JN8Lg_QW3thHF3ImLZc1TfwCe1iHJ2B_rx_I2cPPdgA3UA9S9EUbtIu_x3TyQdsFc4UNj9qdVqH__zN6IJjbh4c/s1600/arrows.png) no-repeat;
 text-indent:-9999px;
 border:0;
}
a.nivo-nextNav {
 background-position:-35px 0;
 right: -40px;
}
a.nivo-nextNav:hover{right: -41px;}

a.nivo-prevNav {
 left:-40px;
}
a.nivo-prevNav:hover{left: -41px;}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.nivo-directionNav a{top: 40%;}

.clear {
 clear:both;
}
</style>

<br />
<div id="wrapper">
<div id="slider-wrapper">
<div class="nivoSlider" id="slider">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZCec-hpHIkD457vWDVxmgbaQMwfLxEV0T3S_-Rqr0OfsL9i8wE9Wpxtp967WeiqNDJn8Wwq3AYbTRXvBW9PgwR4-4A9Efl0_IOprc8lgVdU309BDbGJSBnP175dkqZ-wAMbWQDm-jjt8/s1600/btrix-London_Barrier.jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq054LtWqER3ds3icaQ2R3rpzRyV5LiWEdQdzpNxoQcfeWSYuXiBhm63WLqbb4HzMlxoVdx-QMuVC3O9-vtiuomwxEnYa2UhkDufDFSMeYzVRorfVJtanVQbs-Z5zNDUnV0uULbyYSv3A/s1600/btrix-sunset.jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTmDmHnrpHzrEV4YXvKJOWxxQap8CA4Mddur3CRs_FBibWv3Idfpcf21PU1-LpM15p27cuTPGgCw3YN8zxqQePSfRUIs2o3eSYoOqhL7cdHHINWoBoxQKq4u0_QmvKrIofaV3ktIi-LT4/s1600/btrix-car-wallpapers.jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6bt88d3mmWWk0zU6fKy20fDEhDaew_-2wtkJ-oiNqBbPsdZc84cTr_RJSDYegZwB6hm1R_Rlq5rFCs4sQCnXbnWn34oWuwzfZZP_ihayIWplquPptBk2dSvXx5WWw-Zgn3ciVcqPdpQ/s1600/btrix-spring-nature.jpg" />
</div>
</div>
</div>
<script src="http://bloggertrixcode.googlecode.com/files/jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="http://bloggertrixcode.googlecode.com/files/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({directionNavHide:false});
    });
    </script>

About Us

Related Post:

Yorum Gönder - Back to Content

Etiketler

Popüler Yayınlar