03-02-2015 Saat: 12:51
Admin Paneli >> Temalar Ve Şablonlar >> Kullandığınız Temanın Şablonları >> İndex Şablonları >> {$forums} un üstüne yapıştırın
Admin Paneli >> Temalar Ve Şablonlar >> Kullandığınız Temanın Şablonları >> Gruplandırılmış Şablonlar >> headerinclude şablonlar >> En üste yapıştırın.
Demo : destekpi.10tr.net
İyi kullanmalar.
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>
Admin Paneli >> Temalar Ve Şablonlar >> Kullandığınız Temanın Şablonları >> Gruplandırılmış Şablonlar >> headerinclude şablonlar >> En üste yapıştırın.
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.