15.01.2010, Saat: 23:11
Açıklama: Evet arkadaşlar bu dersimizde;Çok istek duyulan ve ne yazık ki doru dürüst her hangi bir sitede paylaşımı ve anlatımı yapılmamış olan ayrıca, ''max7'' arkadaşımızın da isteği üzerine sizlere;Forum'larda,Blog'lar veya index tasarımlarınızda kullanabiliceğiniz, slide_slaty bar yapımı ve kurulumu nasıl olur,dosyalarınıda paylaşarak hemen anlatıma geçiyorum buyrun;
Kurulum Şekli:
Ekten indirdiğiniz dosyaları:
Üst kısımda adını vermiş olduğum dosyaları Ftp aracılığı ile ''root'' yani anadizinimize(forumunuzun veya blogunuzun kurulu olduğu yere), atıyoruz, hemen ardından kullandığınız temanın headerinclude şablonunu açıp alttaki kodları ekliyoruz;
headerinclude şaplonuna eklenicek kodlarımız:
Daha sonra çıkmasını istediğimiz yer mesela ben sadece ana sayfada görünmesi için index şaplonuna ekledim veya forumdaki tüm sayfalarda görünsün diyorsanız o zaman Header şaplonuna hemen alttaki kodları ekliyoruz;
Header veya index şaplonları için eklememiz gerekenler kodlar:
Ön İzleme:
( Slide-Slayt Bar Ekran Görüntüsü )
Not: Resimleri Ve bağlantı adres'lerini kendinize göre düzenlemeyi unutmayınız.
Ek Not: Ben yaptım olmadı veya anlamadım diyen arkadaşlarımız konu altından yardım isteklerini belirtebilirler.
Uyarı: Slide Bar kullanımında çok fazla sayıda resim eklemeyiniz aksi halde sayfa açılışlarında kaymalar ve gecikmelere neden oluyor.
Örnk: Resim sayısının ortalama 10 veya 15 adet olması sizin için ideal olur.
Kurulum Şekli:
Ekten indirdiğiniz dosyaları:
- lib klasörü
resimler klasörü
skins klasörü
slide_bar.js
Üst kısımda adını vermiş olduğum dosyaları Ftp aracılığı ile ''root'' yani anadizinimize(forumunuzun veya blogunuzun kurulu olduğu yere), atıyoruz, hemen ardından kullandığınız temanın headerinclude şablonunu açıp alttaki kodları ekliyoruz;
headerinclude şaplonuna eklenicek kodlarımız:
Kod:
<link rel="stylesheet" type="text/css" href="lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="skins/ie7/skin.css" />
<script type="text/javascript" src="lib/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="lib/jquery.jcarousel.pack.js"></script>
<script language="JavaScript" type="text/javascript" src="slide_bar.js"></script>
Daha sonra çıkmasını istediğimiz yer mesela ben sadece ana sayfada görünmesi için index şaplonuna ekledim veya forumdaki tüm sayfalarda görünsün diyorsanız o zaman Header şaplonuna hemen alttaki kodları ekliyoruz;
Header veya index şaplonları için eklememiz gerekenler kodlar:
Kod:
<center>
<ul id="mycarousel" class="jcarousel-skin-ie7">
<li><a href="http://www.mybbgrup.com/mybb-tema-turkmybb-tema-t-107.html" target="_blank"><img src=http://img23.imageshack.us/img23/1180/64573601.jpg width="200" height="150" alt="" border="0"/></a></li>
<li><a href="http://www.mybbgrup.com/mybb-tema-1-4-x-turkiye-v4-temasi-t-163.html" target="_blank"><img src=http://img198.imageshack.us/img198/2740/turkiye1.gif width="200" height="150" alt="" border="0"/></a></li>
<li><a href="http://www.mybbgrup.com/mybb-tema-siyah-tema-t-187.html" target="_blank"><img src=http://img512.imageshack.us/img512/4079/29261564.png width="200" height="150" alt="" border="0" /></a></li>
<li><a href="http://www.mybbgrup.com/mybb-tema-1-4-x-modifiye-v4-t-159.html" target="_blank"><img src=http://img41.imageshack.us/img41/1244/modifiye1.gif width="200" height="150" alt="" border="0" /></a></li>
<li><a href="http://www.mybbgrup.com/mybb-tema-1-4-x-altinay-multicolor-t-186.html" target="_blank"><img src=http://img34.imageshack.us/img34/9074/66103184.png width="200" height="150" alt="" border="0" /></a></li>
</ul>
</center>
Ön İzleme:
( Slide-Slayt Bar Ekran Görüntüsü )
Not: Resimleri Ve bağlantı adres'lerini kendinize göre düzenlemeyi unutmayınız.
Ek Not: Ben yaptım olmadı veya anlamadım diyen arkadaşlarımız konu altından yardım isteklerini belirtebilirler.
Uyarı: Slide Bar kullanımında çok fazla sayıda resim eklemeyiniz aksi halde sayfa açılışlarında kaymalar ve gecikmelere neden oluyor.
Örnk: Resim sayısının ortalama 10 veya 15 adet olması sizin için ideal olur.
Kod:
Rar Pass-Şifresi: www.mybbgrup.com
MyBB.Com.TR XpSerkan.Com FB.Com/XpSerkan
Google: +MyBBGrup FaceBook: #MyBBGrup Twitter: @MyBBGrup YouTube: ►MyBBGrup
MyBB Destek MyBB Tema MyBB Eklenti MyBB Seo
≧◔◡◔≦ I Love You MyBB (>‿♥)
Google: +MyBBGrup FaceBook: #MyBBGrup Twitter: @MyBBGrup YouTube: ►MyBBGrup
MyBB Destek MyBB Tema MyBB Eklenti MyBB Seo
≧◔◡◔≦ I Love You MyBB (>‿♥)