24 Haz 2021 06:07 Yeni Konu Oluştur

Haberler:

Sitemiz Smf 2.1 ve Smf 2.0 sürümleri için Destek ve Tema paylaşım forumudur


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

Başlatan CeeMoo, 21 Eyl 2014 23:17

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 1,131

  2. 105

  3. 331





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

Bul:
echo '
<div id="boardindex_table">
<table class="table_list">';

Üstüne ekle:
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:
?>
Üstüne ekle:
$txt['sectiklerimiz'] = 'Forumumuzdaki Oyun Konuları';
index.css

En alta ekle:
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.

*

  1. 3,084

  2. 584

  3. 973



  1. 632

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

****

  1. 501

  2. 84

  3. 108

Basit zaten yontem zor bir yani yokki
hey gidi dünya..


MENU ×