Joomla! 1.5 de ziyaretçi defteri yapımı

Joomla! 1.5 serisinde en çok rağbet gören eklentilerden birisidir ziyaretçi defteri bileşenleri. Ama maalesef bu bileşenler genelde düzgün çalışmazlar, ya da istediğimiz gibi olmazlar. Elbette oldukça iyi kodlanmış ve işimizi gören bileşenler var. Bir de kendimiz bir ziyaretçi defteri bileşeni yapalım. Bunun için bir yazı editörü, denemesini yapmak için bilgisayarımızda kurulu bir sunucu (local server) ve tabi ki Joomla! 1.5 paketine ihtiyacımız var.

Eğer bu yazıyı okuyor ve Joomla! ile ilgileniyorsanız zaten Joomla! son sürümü paketiniz ve bilgisayarınızda kurulu easyPHP veya xampp tarzı bir yerel sunucunuz vardır. Eğer yazı editörünüz yoksa ücretsiz olarak kullanabileceğiniz en iyi yazı editörü olarak notepad+ programını tavsiye ederim.

Css de Reset.css stil dosyası oluşturma

Sayfaları html’e dökerken en çok sıkıntı çıkaran konulardan biride sayfanın çeşitli browserlarda farklı şekillerde görüntülenmesidir. Bu yüzden birçoğumuz tasarımlarını işin hemen her basamağında belirli browserlarda test eder. Bu olaya cross-browser denir. Diğer bir deyişle tasarımlarınızı tüm browser’larda uyumlu ve aynı şekilde görüntülenip, çalıştırılmasıdır.

Css de metinlere stroke ve yansıma efekti uygulama

Css 3 ile gelen yeni özelliklerden biriside metinlerimize stroke (kenarlık) renkleri atayabiliriz.

Kullanılabilecek yerlere en güzel örnek , web sayfanız içerisinde bulunan bir metni seçili hale getirince bu özelliği aktif hale getirebilirsiniz.

Destekleyen tarayıcılar

# Sadece Chrome ve Safari ile sağlayabilirsiniz.

Css de Boyutlandırılabilir Metin Kutusu

Boyutlandırılabilir metin alanı yapmak css 3 ile çok basit ve kullanışlı.

Destekleyen tarayıcılardan bahsetmek istiyorum

Chrome
Safari

Opera , IE , Firefox desteklemiyor ne yazıkki fakat css 3 ‘ ü yeni sürümleriyle bünyelerine katacaklardır.

Css de Çoklu Arka Plan Kullanımı

Evet başlıkta da belirtildiği gibi boyutlandırılabilir metin alanı yapmak css 3 ile çok basit ve kullanışlı.

Destekleyen tarayıcılardan bahsetmek istiyorum

Chrome
Safari

Opera , IE , Firefox desteklemiyor ne yazıkki fakat css 3 ‘ ü yeni sürümleriyle bünyelerine katacaklardır.

Kod kullanım örneğine geçmek gerekirse ;

Css hover uygulaması

Eğer bir menü yapıyorsanız ve bu menünün üstüne geldiğinizde;

Renginin
# Arkaplan renginin/resminin
# Fontunun
# Gölgesinin vs..

değişmesini istiyorsanız bu özellik için hover kodu kullanmalısınız.

Css ile oval kenar yapımı (radius kenarlık)

Artık yavaş yavaş CSS 3 ve HTML 5’ten bahsetmeye başlamak gerek. Aslında bir çoğumuz web trendi gereği oval nesneler ve arayüzler görmeye bunları sayfalarımızda uygulamaya dolayısıyla CSS 3’de border-radius kullanımına başladık. Ancak bu konuyla ilgili ben tatmin edici türkçe bir kaynağa denk gelmedim. Bu makalemde CSS 3 ile gelen radius(ovallik verme) özelliğinin hangi browserlarda nasıl yorumlandığını anlatacağım.

Aşağıdaki resimde de görüldüğü üzere iki buton var bunlardan bir tanesi CSS 2.1 ile yapılan background’a image vererek yaptığımız klasik buton diğeri ise CSS 3 ile gelen radius ve gradient özellikleri ile yapılabilecek bir buton. Bu noktada bir parentez açayım. Gradient yani deglare özelliği CSS 3 ile gelen diğer özelliklerden biridir. Bunu da ilerleyen zamanlarda bir makaleyle ele alacağım.

Css de Float ve Clear özellikler ile konumlandırma

CSS ile sayfa planlamak için kullanılan yöntemlerden bir tanesidir float ve clear özelliklerinin kullanımı. Float bir elementi Normal Akışın dışına çıkarmak için kullanılan bir yöntemdir. Bir biri ardına sıralanmış elementlere float uygulandığında elementler eğer yeterli alan varsa yan yana dizilirler. Float Dinamik Göreceli Konumlandırma gibidir ve bu amaçla kullanılabilir.

css dersleri ve örnek uygulamaları

css dersleri ve örnek uygulamaları

Css Dersleri – Css Avantajları

Css Dersleri – Css Avantajları

Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter