Tasarim Rehberi

Merhaba arkadaÅŸlar,
genelde wordpress temalarında menüler küçük veya büyük olabiliyor bunu düzenlemek isteyenler ve özellikle css bilmeyenler zorlanabilir. Css temanızda ilgili bölüme aşagıdaki kodlardan birini yazdıgınızda istediginiz olur.
text-transform: lowercase; /* Hepsi küçük harf */
text-transform: uppercase; /* Hepsi büyük harf */
text-transform: capitalize; /* İlk harfler büyük */

2 Farklı ajax menüsü ile yine sizlerleyim. Birincisi ajax ile yapılmış ve baştan sona kadar photoshop dan kodlama kadar size rehberlik edecek bir tutorialı bulunuyor. Apple style menu tutorial a ulaşmak için tıklayın
2. örneğimiz ise 2 adet pop-up menü uygulaması. Menumatic ile kolayca pop-up menü hazırlayabilirsiniz. Tutorial için tıklayın.

Smashin Magazine 40 adet yaratıcı web tasarım arabirimini listelemiş. Listede ajax, css ve flash uygulamaları ile şekillendirilmiş en güzel siteler yer almakta. Özellikle flash ile yapılmış olan sitelerin favorilerim arasında olduğunu belirtmek isterim. en güzel 40 web sitesi arabirimine ulaşmak için görseli yada burayı tıklayınız.

Nettuts Web Tasarımcılar için en güzel 10 adet css uygulamasını örnekleriyle bir araya getirmiş. On mouse over rollover butonlar, Table highlight,blur menu, ilusstrative menu, css ile tipografi vb. kategorilerde en güzel css uygulamalarını incelemek için tıklayınız.

Css ile onmouse over saydam resimler oluşturmayı anlatacağım.
Öncelikle Aşağıdaki style i sayfamıza ekliyoruz.
<style type=”text/css”>

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.style4 {
border-width: 0px;
}
</style>
Sonra da resmin link kısmına class=”opacityit” class ını ekliyoruz Örn: <a href=”urun/b/1.jpg”class=”opacityit”>

Tablolar web tasarımın vazgeçilmez öğelerinden biridir. Css ile düzenlenmiş tablolar ise günümüzün web 2.0 tasarım teknikleri arasında. Smashin Magazine en güzel 10 adet css tablo tasarımını bir araya getirmiş. Css Tablo tasarımı hakkında bilgiler ve ipuçlarını bulabileceğiniz sayfaya buradan ulaşabilirsiniz.

Web tasarımcının mutlaka favori listesinde yer alması gereken web tasarım kaynaklarını bir araya topladım.Renk şemaları, css kaynakları, fontlar, ilham kaynakları,ikon kaynakları ve resim kaynakları konu başlıktarı altında topladığım siteler umarım işinize yarar.

Web sitenizde kullabileceğiniz çok güzel bir Ajax onmouse over açıklama uygulaması
Konu ile ilgili siteye gitmek için Burayı
Demo için Burayı
Uygulamayı indirmek için Burayı tıklayın