Osman Talay - Manset-Slider

* Instagram adresim . osmantaly // Soru ve görüş bildirebilirsiniz.

1

2

YOUTUBE

KATEGORİLER

Günlük		Dersler
Css-Html		Resimler
Makaleler		Videolar
Tasarımlar		Oyunlar
Şahsiyetler		Fıkralar

DOSTLARIM

POPÜLER KONULAR

II.Abdülhamit Han

Css opacity kodu v2.

Psde dalgalı bayrak yapımı.

B-S reklamına arkaplan ekleme.

SOYAL MEDYA&ARA BUL

Manset-Slider

Manşet/Slider
CSS-HTML / 22:56 - 30 TEMMUZ 2012 - PAZARTESİ

Merhaba değerli takipçilerim web siteleriniz için kullanabilceğiniz şık görünümüyle göze hitap eden, web sitenizin görünümüne uygun, manşet/slider kodunu siz değerli takipçilerime sunuyorum iyi kullanımlar..Ayrıca Manşet/Slideri rar dosyası halinde bilgisayarınızada kaydedebilirsiniz.

Önizleme:

<script type="text/javascript" src="http://img5.xooimage.com/files/d/e/5/jquery-2--f80ba5.js"></script><script type="text/javascript" src="http://img25.xooimage.com/files/c/d/0/easyslider1.5-11fb25a.js"></script><script type="text/javascript"> 
        $(document).ready(function(){    
            $("#slider").easySlider({ 
                controlsBefore:    '<p id="controls">', 
                controlsAfter:    '</p>', 
                auto: true, 
                continuous: true 
            }); 
            $("#slider2").easySlider({ 
                controlsBefore:    '<p id="controls2">', 
                controlsAfter:    '</p>',        
                prevId: 'prevBtn2', 
                nextId: 'nextBtn2'    
            });            
        });    
    </script><style type="text/css">                img{border:none;}            #container2{             margin:0 auto;          position:relative;          text-align:left;          width:696px;          background:#fff;                 margin-bottom:2em;          }                          #content2{          position:relative;          }              /* Easy Slider */       #slider{}         #slider ul, #slider li, #slider2 ul, #slider2 li{          margin:0;          padding:0;          list-style:none;          }      #slider li, #slider2 li{          /*              define width and height of list item (slide)              entire slider area will adjust according to the parameters provided here          */          width:553px;          height:241px;          overflow:hidden;          }          #slider2 li{          background:#f1f1f1;          }             #slider2 li h2{          margin:0 20px;          padding-top:20px;          }         #slider2 li p{          margin:20px;          }                                      p#controls, p#controls2{          margin:0;          position:relative;          }           #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{          display:block;          margin:0;          overflow:hidden;          text-indent:-8000px;                 width:60px;          height:75px;          position:absolute;          left: 0px;          top:-160px;          }         #nextBtn, #nextBtn2{          left:493px;          }                                                             #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{          display:block;          width:60px;          height:75px;            background:url('https://img.webme.com/pic/o/osmantalay/left_manset.png') no-repeat 0 0;             }         #nextBtn a, #nextBtn2 a{          background:url('https://img.webme.com/pic/o/osmantalay/right_manset.png') no-repeat 0 0;             }                                                  /* // Easy Slider */</style> <div id="container2"> <div id="content2"> <div id="slider"> <ul>     <li><a href="#" _fcksavedurl="#">      <img alt=" " src="http://www.spurcus.comli.com/imagenes/entradas/begone2.jpg" _fcksavedurl="http://www.spurcus.comli.com/imagenes/entradas/begone2.jpg" width="553" height="241" /></a></li>     <li><a href="#" _fcksavedurl="#">      <img alt="Css Template Preview" src="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" _fcksavedurl="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" width="696" height="241" /></a></li>     <li><a href="h#" _fcksavedurl="h#">      <img alt="Css Template Preview" src="http://img43.xooimage.com/files/0/f/9/03-15766a3.jpg" _fcksavedurl="http://img43.xooimage.com/files/0/f/9/03-15766a3.jpg" width="696" height="241" /></a></li>     <li><a href="#" _fcksavedurl="#">      <img alt="Css Template Preview" src="http://img43.xooimage.com/files/5/7/9/04-15766a5.jpg" _fcksavedurl="http://img43.xooimage.com/files/5/7/9/04-15766a5.jpg" width="696" height="241" /></a></li>     <li><a href="#" _fcksavedurl="#">      <img alt="Css Template Preview" src="http://img25.xooimage.com/files/1/2/b/05-15766a7.jpg" _fcksavedurl="http://img25.xooimage.com/files/1/2/b/05-15766a7.jpg" width="696" height="241" /></a></li> </ul> </div></div></div>

© 2009-2019 Osmantalay.tr.gg / Rainbow Theme v1 - izinsiz kopyalama yapılamaz! - Alt Yapı - Bedava-Sitem / Telif Hakkı - Osman Talay

ETİKETLER: Osman Talay-Tr.gg-Bedava-Sitem-CSS-HTML-Tasarım-Photoshop-Duvar Kağıtlari-Sosyal Medya-Güncel Paylaşım-Videolu Dersler-Aksaray-Google/Yandex/Bing/Yahoo

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol