Script Name :Duyuru Slider
Script Translated : DevAdam
Script Security : Güvenli
Script Version : 1.0
Script Test : Denendi - Sorunsuz
Script İnformation : Belirlediğiniz Yere Duyurularınızı Paylaşırsınız
Code : (Önerilir) index / {$header} Altına
Code : global.css
Script İmages :
Script Explanation : Aşağıdaki Dosyaları Mybb'nin Kurulu Olduğu Bölüme Atın Seçtiğiniz Resimlerin Genişik Ve Uzunluğu 929x262 Ve .png Formatında Olsun Adlarını 001 'den 008 Yapın Örnek : 001.png Tıkladığınızda Yönlendirilecek Siteyi <a href="#" Karenin İçine Yazın.
Demo : www.devadam.tk/slider.html
Script Translated : DevAdam
Script Security : Güvenli
Script Version : 1.0
Script Test : Denendi - Sorunsuz
Script İnformation : Belirlediğiniz Yere Duyurularınızı Paylaşırsınız
Code : (Önerilir) index / {$header} Altına
Kod:
<script src="https://code.jquery.com/jquery-3.1.1.js" type="text/javascript"></script>
<script src="slider/slider.js" type="text/javascript"></script>
<div id="broder">
<div id="slide">
<img alt="loading" id="loading" src="slider/loading.gif" />
<a href="#" id="p1"><img height="262" src="slider/001.png" width="929"></a>
<a href="#" id="p2"><img height="262" src="slider/002.png" width="929"/></a>
<a href="#" id="p3"><img height="262" src="slider/003.png" width="929"/></a>
<a href="#" id="p4"><img height="262" src="slider/004.png" width="929"/></a>
<a href="#" id="p5"><img height="262" src="slider/005.png" width="929"/></a>
<a href="#" id="p6"><img height="262" src="slider/006.png" width="929"/></a>
<a href="#" id="p7"><img height="262" src="slider/007.png" width="929"/></a>
<a href="#" id="p8"><img height="262" src="slider/008.png" width="929"/></a>
</div>
<div class="orta"><img src="slider/orta.png" /></div>
<div id="previous">
<b>Önceki</b></div>
<div id="next">
<b>Sonraki</b></div>
<div id="buttons">
<div id="b1" class="font">
<b>1</b></div>
<div id="b2" class="font">
<b>2</b></div>
<div id="b3" class="font">
<b>3</b></div>
<div id="b4" class="font">
<b>4</b></div>
<div id="b5" class="font">
<b>5</b></div>
<div id="b6" class="font">
<b>6</b></div>
<div id="b7" class="font">
<b>7</b></div>
<div id="b8" class="font">
<b>8</b></div>
</div>
</div>
Code : global.css
PHP Kod:
/* Slider Ayarları */
.font { font-weight: bold;}
.orta { position:absolute; top: 259px; left: 380px;}
#broder{width:933px;height:285px;background: url(slider/arkaplan.png); position:relative;margin:30px auto 20px; }
#slide{width:913px;height:262px;overflow:hidden; position:absolute; left:10px;top:10px;background:#fff; }
#slide a{width:929px;height:262px;text-decoration:none;display:block;position:absolute;left:929px;}
#slide a img{display:block;border:0;}
#title{width:131px;height:132px;position:absolute;left:5px;top:-30px;}
#previous{width:61px;height:54px;background:url(slider/sol.png);position:absolute;left:-10px;top:233px;cursor:pointer; }
#next{width:54px;height:53px;background:url(slider/sag.png);position:absolute;left:885px;top:233px;cursor:pointer; }
#buttons{position:absolute;left:400px;top:265px; }
#buttons div{width:20px;height:20px;background:url();float:left;margin-right:-4px;display:inline;}
#buttons div b{display:block;width:20px;height:20px;line-height:19px;font-family:arial, sans-serif;font-size:11px;color:#413F3F;text-align:center;cursor:pointer;}
img#loading{position:absolute;left:420px;top:100px;}
#previous b,#next b{display:none;}
Script İmages :
Script Explanation : Aşağıdaki Dosyaları Mybb'nin Kurulu Olduğu Bölüme Atın Seçtiğiniz Resimlerin Genişik Ve Uzunluğu 929x262 Ve .png Formatında Olsun Adlarını 001 'den 008 Yapın Örnek : 001.png Tıkladığınızda Yönlendirilecek Siteyi <a href="#" Karenin İçine Yazın.
Demo : www.devadam.tk/slider.html
Kod:
https://yadi.sk/d/kdqBWO1HrnCde