Joomla ile sayfa içeriğine resim eklemek için ilk olarak resim yüklenmelidir. Resimi yüklemek için “site” menüsünden “Medya Yöneticisi” seçilir. Ekrana images dizinindeki dosya ve klaörler görüntülenir.
Ekranın sağ üstünden “dizin oluştur” bölümüne dizin ismi yazılarak yine sağ üstten “oluştur” seçilip ve bir dizin oluşturulabilir. Mesela dizin oluştur bölümüne istanbul yazılıp oluştur düğmesine devamını oku »
Photoshop ile buton hazırlamak için Ultimate Web 2.0 Layer Style isimli küçük bir eklenti kullanılabilir.
Photoshop Ultimate Web 2.0 Layer Style Buton Eklentisinin Kurulumu :
Eklentiyi buradan indirin. Sıkıştırılmış klasörü açın ve Program Files’da photosohop klasörünün içinde Presets\Styles yoluna kopyalayın. Photosop’ta edit menüsünden “Preset Manager” seçeneğini seçin. Load seçeneğinden biraz önce kopyaladığınız klasörü devamını oku »
Joomle Nedir : Joomla “içerik yönetim sistemleri” gurubundadır. Diğer bir ifadeyle; ortada zaten bir site var siz sadece siteye içerik ekliyorsunuz, fazladan özellikler (modül, bileşen, membot) ekliyorsunuz veya sitenin görünümünü (temasını) değiştiriyosunuz. Bu yazıda ve bu sitede joomla kullanımı ile ilgili bir çok yazı bulabilirsiniz.
ADIM ADIM JOOMLA 1.5 İLE YENİ BİR SİTE HAZIRLAMAK
Önemli : Joomla 1.5.x sürümü joomla 1.0.x sürümüne göre daha gelişmiş bir sürüm. Fakat joomla 1.0.x eklentilerini desteklemiyor. Miras diye bişey yapmışlar, joomla 1.0.x eklentilerini desteklesin diye ama işe yaramıyor. Ben joomla 1.5.x ile site yaptım fakat açılır menü ekleyemedim. Bir çok eklenti kurulmuyor. Şimdi siteyi kaldırıp joomla 1.0.x ile kurmayı düşünüyorum.
Domain ve Hosting Kiralamak : Kendinize bir domain ve hosting kiralayıp, DNS yönlendirmelerini yapmanız gerekir. Bu işlemlerin nasıl yapılacağı ve çeşitli tavsiyeleri bu yazıda bulabilirsiniz. devamını oku »
Bu yazıda internette yeni bir site yayınlamanın ilk adımı olan domain (alan adı) ve hosting (barındırma hizmeti) kiralama işlemi anlatılmıştır.
Damain (Alan Adı) Kiralama : Domain; alan adı anlamına gelir ve sitenizin internetteki adıdır. Mesela sitedefteri.net bir domaindir. Alan adı kiralama işlemi iki adımda gerçekleşir. Domain sorgulama ile boş domain beğenilir ve kredi kartı ile ödeme yapılarak domain kiralanır.
Google ile “domain sorgulama” şeklinde arama yapılınca bir çok site çıkar ve hepsinde sorgulama yapılabilir. Sorgulama sonucunda sitenin başkası tarafından devamını oku »
Bu yazıda Dreamweaver ile yeni CSS oluşturma işlemi anlatılmıştır. Yeni CSS oluşturma işlemi bittikten sonra gelecek penceredeki CSS kategorilerinin açıklamasına bu sayfadan ulaşabilirsiniz.
Dreamweaver (DW) ile kod yazmadan CSS uygulamaları yapılabilir. CSS oluşturmak için sağ taraftan CSS panelinden CSS Styles sekmesi seçilmelir. Bu sekmeden All seçeneği seçilir. Eğer bu sekme görünmüyor ise window menüsünden CSS Styles seçeneği seçilir.
Yeni CSS oluşturmak için bu pencerenin en altında bulunan “New CSS Rule” simgesi 
seçilir. Karşımıza New CSS Rule Penceresi gelecektir. devamını oku »
Bu kategori kullanılarak nesneleri birbirleri ile olan konumları ayarlanabilir.
Type : Konumlandırma tipi buradan belirlenir.
Bu kategori kullanarak CSS ile sıralı listeler oluşturulabilir.
Type : Listede her elemanın başında bulunacak işaretlerin tipi buradan belirlenir.
Kenarlıkkların stili (style), genişliği (width) ve rengi (color) buradan belirlenir. Varsayılan olarak “same for all” seçeneği seçilidir. Bu seçenek seçili durumda iken sadece top değerine değer verilir ve alt(bottom), sol (left) ve sağ (right) değerleri top değerine verilen değeri kullanır. “same for all” seçeneğindeki işaret kaldırılarak her seçeneğe ayrı değer verilebilir.
style : Bu seçenek ile eklenecek kenarlığın sitili belirlenir.
width : Nesnelerin genişliği buradan ayarlanabilir. Auto değerini alırsa nesne kendi boyutlarında görüntülenir. Farklı bir değer ile nesnelerin boyutları değiştirilebilir.
height : Nesnelerin boyu buradan belirlenebilir.
float : Nesnelerin hizalaması. Mesela bir nesneyi sola hizalamak için float:left şeklinde biçimlendirme verirsiniz. Örnek olarak 3 tane resmi sayfada alt alta yerleştirdiniz. En üstteki nesneye float:left uygularsanız; bir alttaki üste çıkarak en üsttekinin sağına geçer. Çünkü sola hizaladığınız nesne aynı zamanda devamını oku »
Word Spacing : Kelimelerin arasında ne kadar boşluk olacağı buradan belirlenir.
Latter Spacing : Harfler arası boşluk miktarı buradan belirlenir.
Vertical Alignment : Mesela resim ile birlikte yazıyı aynı satırda kullanmak istiyosunuz. Yazının resme dikey hizalanması buradan belirlenir.
Text Align : Yazının sayfaya olan hizası. Sağa dayalı, sola dayalı veya ortalı.
Text indent : Yazıdaki ilk satırın sol taraf ile arasındaki boşluk miktarı. Yani paragraf boşluğu miktarı.
WhiteSpace : Bir satır tarayıcının ekran genişliğinden fazla ise alt satıra geçmesi (normal) veya sağ tarafa doğru devam etmesi (nowrap). Sağ tarafa doğru devam ederse kaydırma çubuğu oluşur.
Display: Nesnelerin yanyana (in-line) veya altalta (block) dizilmesi gibi özellikler buradan belirlenir.
Joomla sitenize tema eklemek için; eklemek istediğiniz temayı kök dizinde templates klasörü içerisine kopyalayın (sıkıştırılmış klasörü açarak kopyalayın). www.tema.sitedefteri.net adresinden tema indirebilirsiniz.
Joomla sitenizin temasını değiştirmek için Denetim Masasından “Site” menüsünden “Şablon Yöneticisi” seçeneği altından “Site Şablonşarı” seçeneğini seçin.
İnternetten indirip templates klasörüne kopyaladığınız temaların listesi karşınıza gelecektir. devamını oku »
Bu kategori ile istenilen alana zemin rengi verilebilir veya zemin için resim kullanılabilir.
Background color : Zemin rengi buradan belirlenir.
Örnek : Body tagı ile sayfanın zemin rengini yeşil yapalım.
CSS Kodu : body { background-color: #339933; }
Background image : Arka plan olarak zemine resim ekleme işlemi bu bölümden gerçekleştirilir.
repeat : Zemin için kullanılan resmin tekrar seçenekleri buradan belirlenir.
Font : Yazı fontu tanımlamaları bu bölümden yapılır.
Size : Yazının boyutu buradan belirlenir.
font-style : Yazı sitili bu bölümden belirlenir.
line-height : Yazının bulunduğu satırın yüksekliği. Yazının yüksekliği değişmez sadece yazının olduğu satırın alt ve üst satırlar ile arasındaki mesafe değişir. devamını oku »
Joomla temalarda index.php sayfası template_css dosyasındaki sitilleri kullanarak temayı oluşturur. index.php sayasında tema bileşenlerinin konumlarını belirlemek için tablo, div veya tablo ve divler kullanılır. Tablo daha kolaydır fakat divler daha kullanışlıdır. div css biçimlendirilmelerinin uygulanabildiği alanlardır. Mesela bir div oluşturup içerisine sol menü yerleştirilir. template_css dosyasında sol menü için oluşturulan sitiller de bu dive uygulanır.
Burada sol menü biçimlendirmesi için joomla rhuk_solarflare_ii teması örnek olarak kullanılacak. Bu temada index.php sayfasında tablo ve divler kullanılmış. Sol menü için div kullanılmış.
Aşağıda index.php sayfasında sol menünün oluşturulduğu kodlar ve açıklamaları verilmiştir. devamını oku »
Bu yazıda Joomla 1.0.12 sürümünün standart teması olan rhuk_solarflare_ii temasında CSS seçicilerinin kullanımı ile ilgili bir örnek anlatılmıştır.
En üstte bulunan menünün resmi aşağıda görülmektedir. Bu yazıda bu menünün nasıl biçimlendirildiği açıklanmıştır.
Joomla temalarda css klasörü içerisinde bulunan template_css.css isimli css dosyası temanın biçimlindirmelerinin yapıldığı dosyadır. index.php sayfası ise; template_css.css sayfasındaki biçimlendirmeleri kullanarak sitenenin temasını oluşturur.
Bu örnekte template_css.css dosyasındaki üst menü biçimlendirmesini ve index.php sayfasında bu biçimlendirmelerin nasıl kullanıldığı incelenecektir.
index.php sayfasında üstteki menünün oluşturulması : devamını oku »
