jQuery Smooth Featured SlideShow

   Yazılarınızın İÇERİSİNDE kullanabilir VEYA gadget ekleme method ile görüntüleyin ana sayfanızda resimlerinizi sergileyebilirsiniz.

Fazla uzatmadan hemen bu resim slayt widgetini sitenize Eklemek İçin Gadget ekleme method ile ekleyebilirsiniz.

<Style> 
.nivoSlider { 
 position: relative; 
} 
.nivoSlider img { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
} 
.nivoSlider a.nivo-ImageLink 
Slider * / de dilim 
.nivo-dilim { 
 display: block; 
 position: absolute; 
 z-index: 50; 
 height: 100%; 
} 
/ * Başlık stilleri * / 
.nivo-caption { 
 position: absolute; 
 left: 0px ; 
 bottom: 0px; 
 background: # 000; 
 color: #fff; 
 donukluk: 0.8; / * CaptionOpacity ayarı * / tarafından Geçersiz kılındı 
 ​​genişlik: 100%; 
 z-index: 89; 
} 
.nivo-başlığı p { 
 :, dolgu 5px 
 ; 0: margin 
} 
.nivo-başlığı, bir { 
 display: inline önemli;! 
} 
.nivo -HTML-caption { 
    display: none; 
} 
/ * Yön nav stilleri (örneğin Next & Önceki) * / 
.nivo-directionNav bir { 
 position: absolute; 
 top: 45%; 
 z-index: 99; 
 imleç: işaretçi; 
} 
. nivo-prevNav { 
 left: 0px; 
} 
.nivo-nextNav { 
 sağ: 0px; 
} 
/ * Kontrol nav stilleri (örneğin 1,2,3 ...) * / 
.nivo-controlNav bir { 
 position: relative; 
 z-index : 99; 
 imleç: işaretçi; 
} 
.nivo-controlNav a.active { 
 font-weight: bold; 
} 
table { 
 border-collapse: separate; 
 border-spacing: 0; 
} 
başlık, inci, td { 
 text-align: left; 
 font-weight: normal; 
} 
blockquote: önce blockquote: sonra, 
q: önce q: {sonra 
 içeriği: ""; 
} 
Blockquote, q { 
 tırnak: "" ""; 
} 
/ * HTML5 etiketleri * / 
header, bölüm , altbilgi, 
bir kenara, nav, makale, şekil { 
 display: block; 
} 
a, a: {ziyaret 
 :; # 2d3536 renk 
 text-decoration: none; 
 :; border-bottom 1px noktalı # 826a4d 
} 
a: hover a: aktif { 
 color: # 9e805c; 
 text-decoration: none; 
} 
# kaymak-sarıcı 
    no-repeat; 
    genişlik: 494px; 
    height: 310px; 
    margin: 0 auto; 
    padding-top: 23px; 
    margin-top: 50px; 
} 
#slider 
 no-repeat 50% 50%; 
} 
#slider img { 
 position: absolute; 
 top: 0px; 
 sol: 0px; 
 display: none; 
} 
a {#slider 
 sınırında: 0; 
 display: block; 
} 
.nivo-controlNav { 
 pozisyon: absolute; 
 left: 163px; 
 :; Alt 12px 
 ; # 000000: Arka plan 
 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    padding: 3px; 
    border: 2px solid #CCC; 
    donukluk: 0.7; 
    z index: 99; 
 } 
 .nivo-controlNav: hover {donukluk: 1;} 
.nivo-controlNav bir 
 no-repeat; 
 text-indent: -9999px; 
 border: 0; 
 margin-right: 0px; 
 float: left; 
} 
.nivo-controlNav a.active { 
 background-position: 0 -22px; 
} 
.nivo-directionNav bir 
 no-repeat; 
 text-indent: -9999px; 
 border: 0; 
} 
a.nivo-nextNav { 
 background-position: -35px 0; 
 sağ: -40px; 
} 
a.nivo-nextNav: hover {sağ: -41px;} 
{a.nivo-prevNav 
 ;: -40px sol 
} 
a.nivo-prevNav: hover {sol: -41px;} 
.nivo-başlığı { 
    text-shadow: none; 
    font-family: Helvetica, Arial, sans-serif; 
} 
.nivo-caption bir { 
    color: # efe9d1; 
    text-decoration: underline; 
} 
.nivo-directionNav bir {top: 40%;} 
.Clear { 
 clear: both; 
} 
</ style> 
    <br /> 
<div id = "kapsayıcı"> 
<div id = "kaymak-sarıcı"> 
<div class = "nivoSlider" id = "kaymak"> 
<img alt = "" /> 
<img alt = "" /> 
<img alt = "" /> 
<img alt = "" /> 
</ 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 "> 
    $ (pencere) .Load (function () { 
        $ ('# kaymak') nivoSlider ({directionNavHide.)} false; 
    }); 
    </ script>


 

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!