SMF Animasyonlu Açılıp Kapanan Kayan Resimler (Forum Anasayfasında)

Anlatım sıfır default temaya göre olup diğer temalar için değişiklik arz edebilir.
BoarIndex.Itemplate.php

Bul:

Kod Seç Expand

echo '
<div id="boardindex_table">
<table class="table_list">';
Üstüne ekle:

Kod Seç Expand

echo '
<script type="text/javascript" src="', $settings['images_url'], '/kayan_resimler/kayan_resim.js"></script>
<script type="text/javascript">
        function gizli(){
            $("div.gizli").toggle(1000);
        }
</script>
<div class="cat_bar"><a href="#" onclick="gizli()"><h3 class="h3kayan"> <img src="', $settings['images_url'], '/kayan_resimler/up.png" align="absmiddle" />&nbsp;&nbsp;&nbsp;&nbsp;', $txt['sectiklerimiz'], '&nbsp;&nbsp;&nbsp;&nbsp;<img src="', $settings['images_url'], '/kayan_resimler/down.png" align="absmiddle" /></h3> </a></div>
  <span class="clear upperframe"><span></span></span><div class="roundframe"></span><div class="gizli"><marquee onmouseover="this.stop()" onmouseout="this.start()"
width="100%" height="100%" direction="left" scrollamount="2"
scrolldelay="60">
<a href="Link_1"><img src="', $settings['images_url'], '/kayan_resimler/1.png" height= "150"/></a>
<a href="Link_2"><img src="', $settings['images_url'], '/kayan_resimler/2.png" height= "150"/></a>
<a href="Link_3"><img src="', $settings['images_url'], '/kayan_resimler/3.png" height= "150"/></a>
<a href="Link_4"><img src="', $settings['images_url'], '/kayan_resimler/4.png" height= "150"/></a>
<a href="Link_5"><img src="', $settings['images_url'], '/kayan_resimler/5.png" height= "150"/></a>
<a href="Link_6"><img src="', $settings['images_url'], '/kayan_resimler/6.png" height= "150"/></a>
<a href="Link_7"><img src="', $settings['images_url'], '/kayan_resimler/7.png" height= "150"/></a>
<a href="Link_8"><img src="', $settings['images_url'], '/kayan_resimler/8.png" height= "150"/></a>
<a href="Link_9"><img src="', $settings['images_url'], '/kayan_resimler/9.png" height= "150"/></a>
<a href="Link_10"><img src="', $settings['images_url'], '/kayan_resimler/10.png" height= "150"/></a>
<a href="Link_11"><img src="', $settings['images_url'], '/kayan_resimler/11.png" height= "150"/></a>
<a href="Link_12"><img src="', $settings['images_url'], '/kayan_resimler/12.png" height= "150"/></a>
</marquee></div>  </div><span class="lowerframe"><span></span></span><br />
';
index.turkish.php
Bul:

Kod Seç Expand

?>
Üstüne ekle:

Kod Seç Expand

$txt['sectiklerimiz'] = 'Forumumuzdaki Oyun Konuları';
index.css

En alta ekle:

Kod Seç Expand

h3.h3kayan
{
background: url(../images/theme/main_block.png) no-repeat 100% -160px;
padding-top: 4px;
text-align: center;
color:  #fff;
}
Ekteki zipli dosyanın içinden çıkan kayan_resimler isimli klasörü kullandığınız temanın images klasörüne atın.
kayan_resimler isimli klasörün içindeki resimleri isimleri ve uzantıları aynı kalacak şekilde kendinize göre değiştirin.
Verilen koddaki resimlere tıklanınca gidilecek olan linkleri (Link_1, Link_2, ....... Link_12) editleyin.

Alıntı olduğunu yazsaydınız keşke

bunun modu yok mu yuklesekk veya daha basit bir yöntemi

Basit zaten yontem zor bir yani yokki