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.

Hotmail hesabına kişisel imza eklemek

Hotmail hesabımızı açıyoruz sonra sağda üstte seçenekler var ,ona giriyoruz sayfa değiştikten sonra solda kişisel ,posta ,takvim ……. var posta ya giriyoruz ve posta seçeneklerinde en alttaki kişisel imzaya giriyoruz imzamızı ayarladıktan sonra sağda zengin metin araç çubuğunu göster i işaretliyoruz ve altta tamamı seçip bitiriyoruz…

Dreamweaver da nasıl slayt yapılır

Dreamweaver da nasıl slayt yapılır

Dreamweaver Sekmeli Tab Menü

Bu tip uygulumlar genellikle gelişmiş web sitelerinde birden fazla kategorilere göre link vermek bilgi vermek gibi Konularda çokça işimize yaramakta.Bunun en canlı örneğini sanal kurs.net ana sayfada Son Eklenen Dersler, En Çok Okunanlar, En Çok Yorumlananlar adlı bölümde görmek mümkün.Bizde dersimizde farklı bir web sitesi için En Son Kayıt olan Mezunlar, En Son Kayıt olan Kullanıcılar ve Ziyaretçi Defterinden son Mesajlar diye bir tab panel oluşturacağız.

Flash AS3 de kaynayan baloncuk uygulaması

Bu dersimizde FLASH CS4 kullanarak Actionscript 3.0 ile kaynayan su baloncukları yapacağız.

Yeni bir sayfa açıyoruz. Boyutları size kalmış. Ben 300×350 yapıyorum.

Background rengini #0066FF olarak ayarlıyoruz.

Sahneye aşağıdaki gibi bir daire çiziyoruz.

Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter