PDA

Orijinalini görmek için tıklayınız : Joomler Greybox! Artistik açılır pencereler...


kaan:ozer
14-07-2010, 20:28:47
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.

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>Resim galerisi
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>

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>

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>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>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>

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>Kurulum da oldukça basit. Şuraya (http://portfolio.kaanozer.com/_download/_joomla/_ue/joomler-greybox-1-0-1-for-joomla1-5.zip) ya da üreticinin kendi sayfası olan şuraya (http://extensions.joomla.org/extensions/style-a-design/popups-a-iframes/3353) 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.

Önemli not: CMSTURK alanında kod örneklerini canlı olarak gösteremediğim için mecburen şu sayfaya erişip (http://portfolio.kaanozer.com/iys-cms/joomla/eklentiler/uygulama-ekleri/192-joomla-greybox-artistik-acilir-pencereler.html) tek tek örnekleri incelemeniz gerekmektedir.
Yönetici Notu:
Evet malesef istediğimiz gibi bir kod gösterici bulamadık. Bu şekilde detaylı anlatımlar yaptığınız için teşekkür ederiz. Arada gerekli yerler için dışarıya bağlantı vermeniz sorun oluşturmayacaktır. Ellerinize sağlık.

Selamlar.


Soru - Cevap >>> (http://www.cmsturk.net/forum/forumdisplay.php?f=331)