Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
LoveSlider Yapımı [10Tr.Net]
#1
Admin Paneli >> Temalar Ve Şablonlar >> Kullandığınız Temanın Şablonları >> İndex Şablonları >> {$forums} un üstüne yapıştırın



Kod:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link type="text/css" rel="stylesheet" href="http://forum.pixellove.net/css/rhinoslider-1.05.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="http://forum.pixellove.net/js/rhinoslider-1.05.min.js"></script>
        <script type="text/javascript" src="http://forum.pixellove.net/js/mousewheel.js"></script>
        <script type="text/javascript" src="http://forum.pixellove.net/js/easing.js"></script>
        
        <style type="text/css">
            body { background-color:#000; }
            
            #slider {
                width:948px;
                height:250px;
                
                /*IE bugfix*/
                padding:0;
                margin:0;
            }
            
            #slider li { list-style:none; }
            
            
        </style>
    </head>
    
        <div id="page">
            <ul id="slider">
                <li><img src="img/slider/1.png" alt="" /></li>
                <li><img src="img/slider/1.png" alt="" /></li>
                <li><img src="img/slider/1.png" alt="" /></li>
                <li><img src="img/slider/1.png" alt="" /></li>
                <li><img src="img/slider/1.png" alt="" /></li>
            </ul>
        </div>
    
</html>




[b]Admin Paneli >> Temalar Ve Şablonlar >> Kullandığınız Temanın Şablonları >> Gruplandırılmış Şablonlar >> headerinclude şablonlar >> En üste yapıştırın.[/b]




Kod:
<meta charset="utf-8">
        <title>Rhinoslider 1.05</title>
        <link type="text/css" rel="stylesheet" href="http://forum.pixellove.net/css/rhinoslider-1.05.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="http://forum.pixellove.net/js/rhinoslider-1.05.min.js"></script>
        <script type="text/javascript" src="http://forum.pixellove.net/js/mousewheel.js"></script>
        <script type="text/javascript" src="http://forum.pixellove.net/js/easing.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#slider').rhinoslider({
                    controlsPlayPause: false,
                    autoPlay: true,
                    showBullets: 'always',
                    showControls: 'always'
                });
            });
        </script>
        <style type="text/css">
            body { background-color:#000; }
            
            #slider {
                width:600px;
                height:250px;
                
                /*IE bugfix*/
                padding:0;
                margin:0;
            }
            
            #slider li { list-style:none; }
            
            #page {
            
            }
        </style>

Demo : destekpi.10tr.net

İyi kullanmalar.
Ara
Cevapla
#2
Teşekkürler bu arkadaşlara yararlı olucaktır.
Ara
Cevapla
#3
Bunu Başka Forumda Paylaştığınız Big Grin
Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping