Joomla Dersleri

Joomla 1.0 ile tam uyumlu (native), Joomla 1.5'te ise ger uyumluluk özelliğini aktif etmeniz halinde (legacy) sorunsuz çalışan bu bileşenin adı "Seyret".
Büyük olasılıkla Türk yapımı olan bu yerli malı bileşen sayesinde; Google Video, YouTube, Metacafe, DailyMotion gibi video sitelerindeki videoları ziyaretçilerinize izletebilirsiniz. Videoları kategoriler halinde verebileceğiniz bileşendeki videolara kullanıcalar yorum yapabilirler, sistemin verdiği "embed" kodlarıyla sitelerine ekleyebilirler ve oylayabilirler. Bileşenin ekran görüntüsü konun başındaki resimdeki gibidir. Resmin üzerine tıklayarak büyük halini görebilirsiniz.
Programı kurduktan sonra videoları eklemek çok basit.

Üst menüde bulunan "video ekle" butonunu tıkladığınızda karşınıza gelen metin kutusuna, eklemek istediğiniz videonun URL'sini giriniz. (örneğin "http://video.google.com/videoplay?docid=6091890586363581178&ei=hCW7Sev9N4K1-Abll7zDAQ&q=izmir" )

URL'yi girdikten sonra, videonun küçük resmi, başlığı, adı ve detayları, videonun yayınlandığı siteden otomatik olarak çekilecektir.

Bileşen tarafında hosttan otomatik olarak çekilen bu bilgileri istediğiniz gibi düzenleyip, videonun kategorisini seçip "kaydet" butonuna basarak videonuzu yayınlayabilirsiniz.
Dilerseniz Seyret bileşeni ile videolarınızı kendi hostunuzda da yayınlayabilirsiniz fakat bandwith sınırını çok zorlayacağından dolayı pek tercih edilen bir yöntem değildir.
Güle güle kullanın.

İNDİR | Seyret 0.2.8.5

Nette bulduğum birkaç güzel videolu anlatımı sizlerle paylaşmak istiyorum. Joomla 1.0 için hazırlanmış bu derslerin içinde "Joomla'da tema nasıl yüklenir?", "Joomla'da Nasıl Kategori Eklenir?" , "Nasıl Bölüm Oluşturulur?" gibi sorulara cevap olabilecek güzel anlatımlı konular mevcut. Video (Görsel) anlatım olması sizi korkutmasın cok hızlı yükleniyor. Rahatlıkla izleyebilirsiniz.
Joomla'yı hiç bilmeyen biri bile bu birkaç video dersini izledikten sonra Joomla hakkında fikir sahibi olabilir. Admin panelde yapabileceğiniz çoğu şeyi bu videolardan öğrenebilirsiniz.

İşte video konu başlıkları:

Öncelikle CSS kodlarına bir göz atalım. (Örnek olarak Joomla 1.0.12 versiyonu kullanıldı)

"templates" klasörü içerisinde üzerinde değişiklik yapacağımız temayı buluyor ve klasör içinde "css" klasörü içerisinde "template_css.css" dosyasını açıyoruz. Bu pencerede birçok farklı kod görüntülenir. Biz hepsinden bahsetmeyeceğiz, birkaçını örnek maksadıyla inceleyeceğiz.

#buttons_outer {

ile başlayan bölüm sayfanın üst bölgesindeki menü için hazırlanmış kodları içerir.

width: 635px;
 margin-bottom: 2px;
 margin-right: 2px;
 float: left;

kısmında width tablo genişliğini gösterir. 635 değeri ile değişiklik yapabilirsiniz. margin değerleri de dipten (margin-bottom) ve sağdan (margin-right) bırakılacak boşluk değerleridir.

#search_outer {
 float: left;
 width: 165px;
 
}

kısmı arama formunuzun özelliklerini içerir. width değeri genişlik değeridir.

#search_inner .inputbox {
 border: 0px;
 padding: 3px 3px 3px 5px;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 color: #0066ff;

kodu ile arama formu içerisine yazılacak yazının özelliklerini belirtirsiniz. color değeri renk kodu font size ve font şekli üzerinde de değişiklik yapılabilir.

#header {
 float: left;
 padding: 0px;
 margin-right: 2px;
 width: 550px;
 height: 150px;
 background: url(../images/header_short.jpg) no-repeat;

bölümü logonuzun bulunduğu tabloyu içerir. genişlik (width) ve yükseklik (height) değerleri değiştirilebilir. background kodu logonuzun yerini belirttiğiniz koddur. Bu adresi değiştirebilirsiniz. no-repeat kodu logonun, sayfalar arası geçişte tekraren yüklenmesini engeller.

#footer {
 text-align: center;
 padding: 3px;

kısmı sitenizin en alt kısmında bulunan Copyright yazılarının olduğu bölümü içerir. Burada bu kısma yazacağınız yazının merkez (center) , sağa dayalı (right), sola dayalı (left) olup olmamasına karar verirsiniz.

a:link, a:visited {
 color: #0066ff; text-decoration: none;
 font-weight: bold;
}

kısmı sitedeki linklendirdiğiniz yazıların alacağı rengi ve yazı tipini belirtir. color değeri renk değişimini ve font-weight kısmı da kalın mı, italic mi yazılacak bunun karar verildiği koddur.

a:hover {
 color: #000000; text-decoration: none;
 font-weight: bold;

kısmı fare imlecini üzerine getirdiğinizi linklendirdiğiniz yazıların alacağı durumu gösterir. Yukarıda anlatıldığı gibi renk ve font özellikleri içerir.

Bir süre yazamadım. Tekrar merhabalar!
Bu konumuzda sizlere Joomla 1.0 ile Firma Rehberi yapımını anlatacağım. Daha önceki bir projemde uzun süre işimi görecek bir Firma Rehberi Bileşeni aradım. Fakat o kadar aramama rağmen beni tatmin edecek bir bileşen bulamadım. Zaten şu anda da hala daha doğru düzgün bir Firma Rehberi Bileşeni yok.
Joomla'da bir Firma Rehberi yapmak için aslında hiçbir bileşene ihtiyacınız yok. Zaten Joomla bünyesinde bulunan Web Bağlantıları Bileşeni, Firma Rehberi için son derece kullanışlı. Tabi bunu keşfedebilmek için biraz yaratıcılığınızı kullanmanız gerekiyor ;)
Web Bağlantıları'nda; bildiğiniz üzere kategorilendirme imkanımız var. Bu kategorilendirmeyi, firma rehberinde bulunmasını istediğimiz kategoriler halinde yapıp (örneğin, Restoranlar, Cafeler, Tamirciler, Muhasebeciler vs.) bu kategorilerin altına girilecek web bağlantı öğelerine de firma ismi verebilirsiniz (örneğin: Raci'nin Yeri Balık Restoran, Bingo Tamir Atölyesi vs.).
Daha geniş bir örnek vermek gerekirse; Bunları uyguladığınızda durum şu şekilde olacak,

Web Bağlantıları > Restoranlar > Raci'nin Yeri Balık Restoran

Öğenin, "bilgiler" bölümüne, adres, telefon, gibi verileri girdikten sonra ise sözkonusu firma için bir sayfa oluşturmak kalıyor. Oluşturduğumuz sayfayı da "URL" bölümüne girdiğimizde Firma Rehberi konusunu aşmış oluyoruz. Artık kendi düzenleyebileceğiniz bir firma rehberiniz var. Başka bileşenlerle uğraşmanıza hiç gerek yok.
Eğer anlatım sizi tatmin etmediyse, anlattığım yöntemle oluşturulmuş başarılı bir Firma Rehberi demosunu buradan görebilirsiniz.
Bir daha ki dersimizde görüşmek üzere!