[MOD] Resimleri Puzzle yapma

4images sitelerimizi biraz daha renklendirmek için sizlere KurtW ‘nin modu olan puzzle modunu anlatmaya calisacagim.Modu kendi siteme kurdum , gayet guzel calisiyor.
Lafi uzatmadan anlatmaya baslayayim …

Modumuz mozilla , Explorer ve opera da calisiyor
Destekledigi turler : jpg, gif, png
KurtW nin soyledigine gore butun 4images versiyonlarinda calisiyormus.Ben 1.7.6 versiyonunda denedim.

Sitenize kurmadan once denemek icin http://www.pembedeniz.com/r-manzara-resimleri-8-mukemmel-bir-yer-873.html

Modu indirmek icin : http://4images.malediven-bilder.de/details.php?image_id=123

****************
Indirdiginiz zipli dosyanin icinde ;
puzzle.php
templates/default/puzzle.html
templates/default/puzzle_popup.html
templates/default/images/puzzle_on.gif
templates/default/images/puzzle_off.gif

… bunlar olacak.Bunlari kendi 4image nize atiniz.Yani ;
puzzle.php yi ana dizine
puzzle.html ve puzzle_popup.html i kendi kullandiginiz template in icine
puzzzle_on.gif ve puzzle_off.gif i template nizin icindeki images klasorune atiniz.

****************
Degisiklik yapacagimiz dosyalar
details.php
lang/your language/main.php
templates/default/header.html
templates/default/details.html
****************

Simdi kodlarda degisiklik yapmaya baslayalim.(degisiklik yapacaginiz kodlarin bi kopyasini almayi unutmayiniz ! )

Ana dizinde ki “ details.php “ yi acalim

ARA =

Code: [Select] [Expand] [Hide line numbers]

1	`$clickstream .= $image_name."</span>";`

BU KODDAN SONRA ASAGIDAKİ KODU EKLE =

Code: [Select] [Expand] [Hide line numbers]

1
2
3
4
5
6
7
8
9 //###################Start MOD Puzzle ######################### if ($user_info['user_level'] >= USER) { $puzzle_button_popup = "<a href=\"".$site_sess->url(ROOT_PATH."puzzle.php?image_id=".$image_row['image_id']."&popup=1")."\" onclick=\"opendetailwindow()\" target=\"detailwindow\"><img src=\"".get_gallery_image("puzzle_on.gif")."\" border=\"0\" /></a>"; $puzzle_button = "<a href=\"".$site_sess->url(ROOT_PATH."puzzle.php?image_id=".$image_row['image_id']."&popup=0")."\"><img src=\"".get_gallery_image("puzzle_on.gif")."\" border=\"0\" /></a>"; } else { $puzzle_button = " <img src=\"".get_gallery_image("puzzle_off.gif")."\" border=\"0\" alt=\"\" />"; $puzzle_button_popup = " <img src=\"".get_gallery_image("puzzle_off.gif")."\" border=\"0\" alt=\"\" />"; } //############ End MOD Puzzle ########################

****************************
yine details.php de

ARA =

Code: [Select] [Expand] [Hide line numbers]

1	`"clickstream" => $clickstream,`

BU KODDAN SONRA ASAGIDAKI KODU EKLE =

Code: [Select] [Expand] [Hide line numbers]

1
2
3
4 //#################Start MOD Puzzle ################## "puzzle_button" => $puzzle_button, "puzzle_button_popup" => $puzzle_button_popup, //########### End MOD Puzzle ########################

*************************************

lang/turkce/main.php bu kodu ac

BUL =

Code: [Select] [Expand] [Hide line numbers]

1 ?>

BUNDAN ONCE ASAGIDAKI KODU EKLE =

Code: [Select] [Expand] [Hide line numbers]

1
2
3
4
5
6
7
8 //----------------------------------------------------- //--- Puzzle Box ----------------------------------- //----------------------------------------------------- $lang['puzzlebox_fadein_fadeout'] = "<a href='#' onclick='showTbl()'>Fade in / fade out puzzlebox</a><br />Have fun ;-)"; $lang['puzzle_parts'] = "Puzzle parts:"; $lang['puzzle_generate'] = "Generate puzzle"; $lang['puzzle_error'] = "Error ... No image file"; $lang['puzzle_finish'] = "Congratulations... Finished";

****************************

templates/default/header.html nu kodu ac ( Ben bu degisikligi yapmadim )

BUL =

Code: [Select] [Expand] [Hide line numbers]

1	`window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no`

ASAGIDAKI KOD ILE DEGISTIR

Code: [Select] [Expand] [Hide line numbers]

1	`window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=yes`

***************************************

templates/default/details.html bu kodu ac

Simdi burada iki ayarimiz var istege gore , isterseniz puzzle oyununu aynı pencerede isterseniz farkli bir popup pencerede actirabilirsiniz.

AYNI pencerede actirmak icin =

Code: [Select] [Expand] [Hide line numbers]

1	`{lightbox_button}`

bu kodu bul

Code: [Select] [Expand] [Hide line numbers]

1	`{puzzle_button}       {lightbox_button}`

bu kodla yer degistirin

FARKLI bir pencerede actirmak icin

Code: [Select] [Expand] [Hide line numbers]

1	`{lightbox_button}`

bu kodu

Code: [Select] [Expand] [Hide line numbers]

1	`{puzzle_button_popup}       {lightbox_button}`

bu kodla yer degistirin

*********************************

Ayriyeten puzzle ayarlarini felan asagidaki kodlardan yapabilirsiniz. ( Ben uygulamadim )

templates/default/puzzle.html bu kodu aciniz

ARA =

Code: [Select] [Expand] [Hide line numbers]

1 2	`top = GetRndNum(200, 500); left = GetRndNum(250, 850);`

veya templates/default/puzzle_popup.html

ARA=

Code: [Select] [Expand] [Hide line numbers]

1 2	`top = GetRndNum(130, 440); left = GetRndNum(150, 580);`

Haydi hayirli olsun ! Elimden geldigince anlatmaya calistim insallah anlasilir olmustur.Kolay gelsin…

Kurt
http://4images.malediven-bilder.de
Pembedeniz
http://pembedeniz.com