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 */

Merhaba Bugün size Javascript ile Css Body Background un dinamik olarak nasıl değiştirileceğinden bahsedeceğim.

Prestashop %90 oranında türkçeleÅŸtirme ile birlikte geliyor. Fakat tamamen türkçeleÅŸtirilmiÅŸ durumda deÄŸil. Prestashop Forumlarında “Orçun” nickli arkadaşın %100 türkçeleÅŸtirmesini indirmek için görsele yada buraya tıklayın

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.

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”>