19-01-2014, Saat:12:33
Fazla Şeyle sizi yormak istemiyorum . Hemen Saadete geleyim;
Şimdi size vereceğim kod sayesinde alttaki resim gibi forumunuza ekleyebileceksiniz.
Tek bir eksiği var resimleri url'den çekiyor.
Diğer Özellikler ;
360 Derece Dönen Resimler
Ekran Boyutuna göre sığdırma-ortalama
Bir Resmin üzerinden diğerine geçerken animasyonludur!
Evet Gelelim Görüntüye ;
Bu Arada Kodlar Alıntıdır ! Onu Belirtmek istedim
Bu benim ilk konum . Lütfen silinmesin ama gerekli yere açılsın .
Yanlışlarım var ise yorum olarak açığım belirtebilirsiniz.
İyi Günler !
Şimdi size vereceğim kod sayesinde alttaki resim gibi forumunuza ekleyebileceksiniz.
Tek bir eksiği var resimleri url'den çekiyor.
Diğer Özellikler ;
360 Derece Dönen Resimler
Ekran Boyutuna göre sığdırma-ortalama
Bir Resmin üzerinden diğerine geçerken animasyonludur!
Evet Gelelim Görüntüye ;
Kod:
<!--OnLiNe Kod Başlangıcı-->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead> <tr> <td class="thead" colspan="2"><strong><center>Hangi Resime Tıklarsanız O Bölüm Açılacak.</center></strong></td> </tr> </tbody></table> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <thead> </thead> <tr> <td class="trow1" valign="top" width="95%"><center>
<p id="oyunlar">
<a href="http://siteadresi/forumdisplay.php?fid=20"><img src="http://c1212.hizliresim.com/14/k/gzw1d.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=19&pid=48#pid48"><img src="http://c1212.hizliresim.com/14/k/gzw3r.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=20"><img src="http://c1212.hizliresim.com/14/k/gzwd0.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=21"><img src="http://c1212.hizliresim.com/14/k/gzwf4.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=22"><img src="http://c1212.hizliresim.com/14/k/gzwhz.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=27&pid=63#pid63"><img src="http://c1212.hizliresim.com/14/k/gzwg3.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=29"><img src="http://c1212.hizliresim.com/14/k/gzwk5.png"style="width:86px;height:86"/></a>
<a href="http://siteadresi/showthread.php?tid=16"><img src="http://c1212.hizliresim.com/14/k/gzwlr.png"style="width:86px;height:86"/></a>
<a href="#9"><img src="http://c1212.hizliresim.com/14/k/gzwn0.png"style="width:86px;height:86"/></a>
<a href="#10"><img src="http://c1212.hizliresim.com/14/k/gzxpj.png"style="width:86px;height:86"/></a>
<style type="text/css">
p#oyunlar img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#oyunlar img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); } p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ } p#socialicons3 img:hover{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
</style></center></b></th> </tr> </td> </tr> </tbody> </table>
<!--OnLiNe Kod Bitişi-->Bu benim ilk konum . Lütfen silinmesin ama gerekli yere açılsın .
Yanlışlarım var ise yorum olarak açığım belirtebilirsiniz.
İyi Günler !
yardım mı istiyor yoksam paylaşım mı yapmış çözemedim 
kodlar alıntıdır diyor kod yok ortada hey Allah'ım ya ne acaib insanlarsınız...
