Greybox ile efektli Resim & Web Önizleme Uygulaması + Mykod

[xpserkan]

MyBB için Greybox ile "lightbox" stili efektli Resim & Web Önizleme Mycode Uygulaması
Mykod ismi: [BBcode] Greybox ( image & web )
Mykod Yapımcısı: ¤ Magic ¤
Mykod Düzenleme: xpserkan
Mykod Güvenlimi ?: Güvenli
Test Durumu: Denemiştir-sorunsuz
Uyumlu Olduğu Sürüm-(ler): MyBB - 1.4.x + 1.6.x
Mykod Açıklaması: Bu mykod sayesinde, konu ve mesajlarda ekleyeceğiniz resim ve linkleri, "lightbox" stili efektli/animasyonlu şekilde açılmasını/gösterilmesini sağlarsınız. Aynı zamanda bu uygulama ile daha farklı işlemlerde yapabilirsiniz, örnek html sayfaları + video gösterimleri gibi..

Mykod Kurulumu: Admin paneli Mykod yönetimine giriyoruz açılan sayfadan Yeni Mykod Ekle'ye tıklıyor ve aşağıdaki adımları izliyoruz.

Mykod Başlığı: Greybox Resim Mykod

Kısa Bilgi: "lightbox" stili efektli resim önizleme uygulaması

Düzenli İfade:

Kod:

\[imgbox\](.*?)\[/imgbox\]

Yerine Gösterilicek İfade:

Kod:

<i>Tam Ekran için Resim Üstüne Tıklayın!</i><br><a href=$1 title="$1" rel="gb_image[]"><img src='$1' width=250 border=0></a>

Aktif Edilsin mi ?

(Evet) seçip kaydedin.

Eklenti olarak eklenen resimlerinde bu şekilde olması için şu adımı uygulayınız. (isteğe bağlı!)

Admin paneli / temalar & şablonlar / kullandığınız temanın / Post Bit Şablonlarından => postbit_attachments_thumbnails_thumbnail şablonu açın ve içindeki kodların tümü silerek aşağıdaki kodlar ile değişin.

Kod:

<a href="attachment.php?aid={$attachment['aid']}"  rel="gb_image[]"><img src='attachment.php?thumbnail={$attachment['aid']}'</a>

Örnek Kullanım Şekli:

Kod:

[imgbox]http://www.mybb.com.tr/MG-v2/merkez/MyBB-Logo.png[/imgbox]

Greybox Web önizleme uygulaması için şu adımları uygulayınız.

Mykod Başlığı: Greybox Web Mykod

Kısa Bilgi: "lightbox" stili efektli web site önizleme uygulaması

Düzenli İfade:

Kod:

\[web=(.*?)\](.*?)\[/web\]

Yerine Gösterilicek İfade:

Kod:

<b><a href="$1" title="$2" rel="gb_page_fs[]">$2</a></b>

Aktif Edilsin mi ?

(Evet) seçip kaydedin.

Örnek Kullanım Şekli:

Kod:

[web=http://destek.mybb.com.tr/]MyBB Türkiye Resmi Destek Forumu[/web]

Daha sonra aşağıdaki kodları, kullandığınız temanın / headerinclude şablonu açıp en sona ekliyorsunuz.

Headerinclude şablonuna eklenmesi gereken kodlar:

Kod:

<script type="text/javascript">
    var GB_ROOT_DIR = "jscripts/greybox/";
</script>
<script type="text/javascript" src="jscripts/greybox/AJS.js"></script>
<script type="text/javascript" src="jscripts/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="jscripts/greybox/gb_scripts.js"></script>
<link href="jscripts/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Son olarak ekteki dosyayı rar'dan çıkarıp, FTP-Upload klasörü içindeki ''jscripts'' klasörünü forumunuzun kurulu olduğu ana dizine yükleyin. değiştirilsin mi sorusuna ''evet'' deyin.

Demo Link: http://demo.mybb.com.tr/showthread.php?tid=25

Not: Vermiş olduğum kodları şablonlara eklemeden önce not.txt içine kaydedip sonra şablona yapıştırınız, aksi halde kaymalar ve bozulmalar oluşabilir!

Ayrıca bu uygulama 2008 yılında yapılmıştır ve unutulan bir özellik ve güzel bir uygulama olduğu için yeniden paylaşmanın doğru olacağını düşündüm. Güle güle Kullanın arkadaşlar..

Rar Şifresi: mybb.com.tr