Açılır pencerelerde vermek istediğiniz bilgiler ya da göstermek istediğiniz sayfalar neden "pop-up blockler"ların ağına düşüyor? Peki hem yakalanmadan, hem de ayrı pencelerde bu bilgileri sunmak mümkün mü? Evet mümkün! Bahsettiğim uygulama eki hem 22 Kb, hem açılır pencere engelleyicilerine yakalanmıyor, hem kolay bir kurulumu ve kullanımı var, hem dee basit css kontrolüyle, sayfalarınızı artistik hallerde sunabilme imkanı tanıyor.

Hazırladığınız sayfalardan resimlere ya da başka sayfalara link verirken "_blank" hareketiyle ayrı pencereler açtırıyor olabilirsiniz. Bu hamleler çoğu kez sayfa görüntüleyiciler ya da kullanılan antivirüs programları tarafından engellenir. Açılır pencereler engellenince, sizin hamleniz de suya düşer.

Fakat günümüz teknolojisi bir gün demiş ki; "gökten üç ışık düşse ve bunların biri de senin olsa, ne yapardın" bu sesi duyan ilgili arkadaş, duyduğu garip sese cevap yazıp 5060'a göndermiş. Sonuç gerçekten etkileyici: "Joomla Greybox!"

Makalenin devamında, bu konuya ilişkin onlarca örnek ve kurulum notları bulacaksınız.

Bir örnek; google!

• Launch google.com in a 500x500 center window
• Launch google.com in fullscreen window

Greybox'u tetiklemek için rel etiketine gb_page_fs[] komutunu yazmak yeterli...

<a href="http://google.com.tr/" title="Google" rel="gb_page_fs[]"> Google.com'u tam sayfada görüntüleyin</a>

Arama motorlarından örnekler

• Launch Google search
• Launch Yahoo search
• Launch Koders search

Resim galerisi örneği

Bu tarz bir galeri oluşturmak için rel satırlarını iyi inceleyin.

<a href="greybox/night_valley.jpg" rel="gb_imageset [nice_pics]" title="Night valley">
   <img src="greybox/night_valley_thumb.jpg" />
</a>
<a href="greybox/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">
   <img src="greybox/salt_thumb.gif" />
</a>

Bir resim gösterisi:

Syntax:

<a href="/URL" title="CAPTION" rel="gb_image[]">HTML</a>

Örnek:

<a href="http://static.flickr.com/119/294309231_a3d2a339b9.jpg" title="Flower" rel="gb_image[]">Show flower</a>

Örneği test edin:

Resimleri gruplar halinde göstermek:

Sözdizimi:

<a href="/URL" title="CAPTION" rel="gb_imageset[NAME]">HTML</a>
<a href="/URL" title="CAPTION" rel="gb_imageset[NAME]">HTML</a>

Örnek:

<a href="/static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">Salt flats</a>
<a href="/static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">Night valley</a>

Örneği test edin:

Bir sayfayı çağırmak:

Sözdizimi:

<a href="/URL" title="CAPTION" rel="gb_page[WIDTH, HEIGHT]">HTML</a>

Örnek:

<a href="http://google.com/" title="Google" rel="gb_page[500, 500]">Launch Google.com</a>

Örneği test edin:

Sayfayı ortalanmış pencerede gösterin:

Sözdizimi:

<a href="/URL" title="CAPTION" rel="gb_page_center[WIDTH, HEIGHT]">HTML</a>

Örnek:

<a href="http://google.com/" title="Google" rel="gb_page_center[500, 500]">Launch Google.com</a>

Örneği test edin:

Sayfayı tam ekranda inceleyin:

Sözdizimi:

<a href="/URL" title="CAPTION" rel="gb_page_fs[]">HTML</a>

Örnek:

<a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch Google.com</a>

Sayfayı test edin:

Sayfaları gruplar halinde göstermek:

Sözdizimi:

<a href="/URL" title="CAPTION" rel="gb_pageset[NAME]">HTML</a>
<a href="/URL" title="CAPTION" rel="gb_pageset[NAME]">HTML</a>

Örnek:

<a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
<a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]">Launch Yahoo search</a>

Örneği test edin:

Kurulum da oldukça basit. Şuraya tıklayın ve uygulama ekini indirin. Kur / Kaldır sayfasından kurulumu gerçekleştirdikten sonra "uygulama ekleri" sayfasından, geçerli plugini aktif hale getirin. Hepsi bu kadar.

Takıldığınız noktalar mı var? Sormaktan çekinmeyin.

Selamlar.