PDA

Orijinalini görmek için tıklayınız : "Rokbox" eklentisinin kullanımı



tdepkamil
28-01-2012, 23:42
Merhaba arkadaşlar. Bugün, gerçekten çok kullanışlı bir eklentiden bahsedeceğim. eklentimizin ismi "rokbox". Rocketthem'in ücretsiz bir medya eklentisi. Video, resim galerisi, müzik gibi birçok formatı güzel bir şekilde sitemizde gösterebileceğimiz bir eklenti.

Sözü daha fazla uzatmadan başlayalım. Eklentiyi aşağıdaki linkten indiriyoruz:
Extensions Downloads - RokBox (http://www.rockettheme.com/extensions-downloads/club/1005-rokbox)

Yönetim panelimizden eklentiyi kuruyoruz. Daha sonra uygulama eki yöneticisinden ayarlara bakalım. Gerekmezse hiç dokunmayın.

282283284285


Modülün kullanımı çok basit. İki farklı şekilde kullanabiliriz.

1 - "rel=rokbox" etiketini kullanarak. Aşağıdaki örnekte "mini-resim" ismindeki resmimize link verdik ve resme tıklayınca "buyuk-resim" ismindeki resmin açılmasını sağladık. Tabi "rel=rokbox" etiketini kullanmayı unutmayalım.

Örnek: <a href="http://forum.joomla.gen.tr/images/buyuk-resim.jpg" rel=rokbox"><img src="http://forum.joomla.gen.tr/images/mini-resim.jpg" /></a>


2- İkinci yolumuz çok daha kolay aslında. Yağacağımız şey aşağıdaki kodu içeriğimize uygun olarak değiştirmek:

{rokbox ...}link{/rokbox}

Birkaç örnekle açıklayalım:

ör: {rokbox}images/ornek-resim.jpg{/rokbox}
Bu örnekte "ornek-resim" isimli resmimizi rokbox ile göstermek üzere ayarlamış olduk.

Ör: {rokbox text=|Music|}audio/tarkan.mp3{/rokbox}
Bu örneğimizde "audio" klasörümüzün içindeki "tarkan.mp3" isimli şarkıyı rokbox kullanarak açmayı ayarlamış olduk.

Son bir örnek verelim. O da video açma ile ilgili olsun:

Ör: {rokbox title=|Youtube|}http://www.youtube.com/watch?v=p4bSRrWrtqk{/rokbox}
Bu örneğimizde de "Youtube" kelimesine tıkladığımızda linkini verdiğimiz video, rokbox ile açılacak.


Görüldüğü üzere eklentinin mantığını çok basit. Peki bu kodu kullanırken özelleştirmeler yapabilir miyiz?
Cevap: Tabiki. "size, title, caption, album, module" kelimelerini kullanabiliriz. Bunlardan benim en çok kullandığım "album" etiketini kısaca açıklayarak dersimizi de bitirmiş olalım.

"album" etiketi ile birden fazla resmi göstermek üzere bir albüm oluşturabiliyoruz. "haber" isimli bir klasörümüzün olduğunu varsayalım ve bu klasörümüzde 10 adet resmimiz olsun. Biz sitemizde içeriği oluşturduk ve haberin altına bu 10 adet resmimizi eklemek istiyoruz. Yazacağımız kod şu:

{rokbox album=|haber|}images/haber/*{/rokbox}

Bu kod ile "images" altındaki "haber" klasörümüzün içindeki 10 adet resmi albüm şeklinde sitemize eklemiş olduk. İçeriğimizde 10 adet resmin küçük halleri görünecek ve resme tıkladığımızda büyük hali açılacak.

Bu kodun kullanımını görmek için aşağıdaki linki ziyaret edebilirsiniz:

Gümüşhane Anadolu Lisesi - Veli Toplantısı (http://www.gumushanelisesi.k12.tr/haberler/151-veli-toplantisi.html)

Son olarak eklentiyle ilgili bağlantıları da buraya yazalım:

Eklentinin demo adresi: RokBox (http://demo.rockettheme.com/extensions/rokbox)
Eklentinin kullanımını anlatan açıklama adresi (İngilizcedir): RokBox (http://www.rockettheme.com/extensions-joomla/rokbox#documentation)
Eklentiyi indireceğimiz adres: Extensions Downloads - RokBox (http://www.rockettheme.com/extensions-downloads/club/1005-rokbox)

Yazı biraz uzun oldu galiba. Umarım anlaşılır olmuştur.

-------------------------------------------------------------

mhusty
28-01-2012, 23:50
Ellerinize sağlık oldukça kullanışlı bir eklenti... Bu tür şey ise K2 bileşeni içinde var ondada simple image gallery plugini ile halledebiliyorsun ... Ama k2 kullanan pek yok bu eklentinin kullanımı ve anlatımı çok isabetli olmuş...

tdepkamil
28-01-2012, 23:54
Ellerinize sağlık oldukça kullanışlı bir eklenti... Bu tür şey ise K2 bileşeni içinde var ondada simple image gallery plugini ile halledebiliyorsun ... Ama k2 kullanan pek yok bu eklentinin kullanımı ve anlatımı çok isabetli olmuş...

Teşekkürler. Simple image gallery eklentisi K2 haricinde de kurulup kullanılabilir. Ancak rokbox eklentisini istediğiniz gibi özelleştirebiliyorsunuz ve sadece resim değil video, müzik, pdf dosyaları, bir web sitesi açmak gibi birçok amacınıza hizmet edebiliyor. Demo adresi incelendiğinde demek istediğim daha iyi anlaşılacaktır.

mesen15
01-02-2012, 13:52
Konuyla çok ilgili değil ama Gümüşhane Anadolu Anadolu Lisesi sitesinde hangi video bileşenini kullandığınızı öğrenebilir miyim? Bu arada bildiklerinizi pcnizde depolamayıp, bizlerle paylaştığınız için çok teşekkürler...

tdepkamil
01-02-2012, 14:41
Konuyla çok ilgili değil ama Gümüşhane Anadolu Anadolu Lisesi sitesinde hangi video bileşenini kullandığınızı öğrenebilir miyim?

Gümüşhane Anadolu Lisesi - VİDEOLAR (http://www.gumushanelisesi.k12.tr/videolar.html) sayfasını news_pro_gk4 modülü ile oluşturdum. Herbir video, videolar kategorisine eklenmiş birer içerik aynı zamanda. Videoyu açınca sağdaki en çok izlenenler ve son eklenenler de news-pro_gk4 modülü ile oluşturuldu. Sekmeler için de tabs_gk4 modülü kullanıldı.


Bu arada bildiklerinizi pcnizde depolamayıp, bizlerle paylaştığınız için çok teşekkürler...

Eyvallah, sağolun...

effect
01-02-2012, 15:48
Hocam birde benim sorum olacaktı. Videolar sayfasındaki news pro gk 4 modülünü içerikte modül yayınlama yöntemiyle mi yaptınız bildiğim kadarıyla news pro gk4 modülüyle menü ataması yapılmıyor. ayrıca tam foruma girdim sizin konunuz gözüme çarptı bende böyle bir şey arıyordum anlatım güzel olmuş emeğinize sağlık.

tdepkamil
01-02-2012, 16:23
Videolar sayfasındaki news pro gk 4 modülünü içerikte modül yayınlama yöntemiyle mi yaptınız bildiğim kadarıyla news pro gk4 modülüyle menü ataması yapılmıyor.

Evet. loadposition kullanarak yaptım.


ayrıca tam foruma girdim sizin konunuz gözüme çarptı bende böyle bir şey arıyordum anlatım güzel olmuş emeğinize sağlık.

Teşekkürler....

effect
05-02-2012, 19:11
Rox Box ve News pro gk 4 eklentisiyle ilgili bir sorum daha olacaktı konuyu açmak için burayı uygun buldum belki tdepkamil hocamın bilgisi vardır.
sorum: RoxBox eklentisiyle oluşturduğum resimler News pro gk4 modülüyle görüntülenmiyor. yazmış olduğum html kodları görünüyor. {rokbox title=|Müşfik Kenter | size=|600 400|}images/seslendirme/musfi..... şeklinde oluyor bu sorunu nasıl halledebilirim yada news pronunda gösterebileği bir eklenti varsa oda olabilir şimdiden cevaplarınız için teşekkürler..

tdepkamil
05-02-2012, 19:37
"rokbox ile gösterdiğiniz resim news pro_gk4'te görünmez. news pro modülü içeriğe direk eklenmiş resimleri gösterebilir." diye biliyorum.

effect
05-02-2012, 19:58
:) evet maalesef göstermiyor onun işlevini yapacak başka eklenti araştırıyorum. bulursam buraya eklerim.

mesen15
10-02-2012, 03:46
"rokbox ile gösterdiğiniz resim news pro_gk4'te görünmez. news pro modülü içeriğe direk eklenmiş resimleri gösterebilir." diye biliyorum.

Kamil Bey,
Video olayını azıcık anlatır mısınız, beceremedim ben. İçeriğe video ekledim ama modülde başlık çıktı ancak videonun resmi çıkmadı. Yardım ve anlatımınızı bekler, teşekkür ederim.

M.Enes AYDÜZ
21-03-2012, 00:17
Kamil Bey,
Video olayını azıcık anlatır mısınız, beceremedim ben. İçeriğe video ekledim ama modülde başlık çıktı ancak videonun resmi çıkmadı. Yardım ve anlatımınızı bekler, teşekkür ederim.

Bu konu bekliyor olarak işaretlenmiş. Çözüm fikri olan var mı bu mesaja?

Şenol
12-05-2012, 12:17
içerik ekleme bölümünden bu olayın nasıl yapılacağına dair resimler eklenirse iyi olur :) benim gibi yapamayanlar için... :utangac:

Şenol
14-05-2013, 12:45
Konu ile alakalı bir düzenleme yapalım arkadaşlar Rokbox Eklentisi'nin yeni sürümünde (2.0.3) bazı farklılıklar var. Bunlardan bir tanesi video ekleme ile ilgi. Kamil arkadaşımızın vermiş olduğu örnekte eski sürümde video ekleme olayını şu şekilde yapıyorduk

{rokbox title=|Youtube|}http://www.youtube.com/watch?v=p4bSRrWrtqk{/rokbox}

Yukarıdaki şekilde Youtube yazısına tıkladığımızda Rokbox ile videomuz açılıyordu. Şimdi yeni sürümde (2.0.3) bazı değişikler var video açma işlemini yapmak için aşağıdaki kodu kullanıyoruz.

<a data-rokbox href="http://www.youtube.com/watch?v=bssstn218EA&feature=player_embedded" data-rokbox-caption="Disney Pixar Planes - Preview">YouTube</a>

Daha detaylı bilgi için Buraya Bakınız (http://demo.rockettheme.com/extensions/?extension=rokbox)