Css2 nin ardından css3 kullanılmaya başlandığını biliyoruz.Css3 ile kendizine harika butonlar oluşturmanız mümkün. Bu makalemizde Css3 teknikleri kullanılarak nasıl birbirinden güzel ve farklı butonlar oluşturabileceğimizi öğreneceğiz.Makalemizde 3 farklı buton tipi sunacağız dilediğinizi...

Bir websitesi tasarladınız yada kodladınız fakat sizin kullandığınız font sitenize gelen ziyaretçinin bilgisayarında yüklü değil ise bu fontu tanımayacak ve doğal olarak farklı bir font ile tasarımı gösterecektir.Bu gibi bir durumda illa seçmiş olduğunuz fontun herkez tarafından...

Bu makalemizde pek fazla bilinmeyen ama css kodlama yada görsellikte kullanılabilecek 10 farklı kod bloğunu göreceğiz. 1.css tooltips a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover...

Css kullanarak resimlerin ebatlarında değişiklik yapabiliriz.Orantılı olarak küçültme işlemi dışında kesme işlemide yapabiliriz. Teknik 1 (Eksi margin Yöntemi) Bu yöntemde eksi margin değeri verek gizlediğimiz kısımlar dışındaki alanların gösterilmesi sağlanır.Nekadar eksi...

Css ve jquery kullanarak yuvarlak diğer adıyla oval köşeli kutular oluşturmak mümkün. Öncelikle sayfanızın head ve /head tagları arasına aşağıdaki kodları ekleyin. <script type="text/javascript" src="curvycorners.js"></script> <script type="text/JavaScript"> addEvent(window,...

Bu makalemizde photoshopta ikon destekli menü yapıp css kodlasmasıyla sitemize hoş bir menü oluşturacağız. 600*200 ebatlarında yeni bir dosya açıyoruz.Ve marquee rectangle tool seçerek 600*40 yüksekliğine ayarlayıp siyaha boyuyoruz daha sonra aşağıdaki efektleri uyguluyoruz son haliyle...

Css menülerinin kullanım yaygınlığı vede görselliği göz önüne alındığında grafiksel memünler pek tercih edilmiyor.Bu makalemizde aşağıya açılan vede sınırsız sayıda alt menü ekleyebileceğiniz Css tabanlı ajax ve jquery destekli navigasyon menülerini bulabilirsiniz. CSS Drop-Down...

Css tab menüler genelde jquery yada ajax destekli oluyor.Bu makalemizdede jquery destekli css tabanlı tab menüleri göreceğiz. jQuery Coda-Slider [demo] Perspective Tabs [demo] jQuery idTabs [demo] Tab Accordian [demo] DHTML Goodies Tab Panes [demo] AJAX Tabs (Rails redux) [demo] Ajax...

Css kullanarak kutuların yada resimlerin yada istediğiniz herhangi bir elementin opacity değerini düşürebilir daha farklı görünümler elde edebilirsiniz. Kullandığınız css dosyasına aşağıdaki kodu ekleyin .box { opacity: .6; // all modern browsers (this is CSS3) -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";...