CSS ile Çok Katmanlı Açılır Menü Yapmak

Menüler, web sitelerin genelinin temel kısmını oluşturan unsurlardan birisidir. Böylesine önemli bir unsurun işlevselliği de hayli önemlidir. Standart menülerden ziyade daha çok katmanlı şekilde açılır menülere ihtiyaç duyulması durumunda bunu pratik bir şekilde çözmek için uygulanması gereken iki basit adım var. 1. Adım: HTML <nav class=”menu”> <ul class=”menu-ic”> <li><a href=”#”>Ana Sayfa</a></li> <li><a href=”#”>Hakkımızda</a></li> <li class=”ustmenu”><a href=”#”>Kategoriler</a> <ul class=”altmenu”> <li><a href=”#”>Cemal Süreya</a></li> <li><a href=”#”>Özdemir Asaf</a></li> <li><a href=”#”>Nazım Hikmet Ran</a></li> <li><a href=”#”>Mehmet Akif Ersoy</a></li> </ul> </li> <li><a href=”#”>İletişim</a></li> <li class=”ustmenu”><a href=”#”>Arşiv</a> <ul class=”altmenu”> <li><a href=”#”>2014</a></li> <li class=”ustmenu”><a href=”#”>2015</a> <ul class=”altmenu”> <li><a href=”#”>01/2015</a></li> <li><a href=”#”>02/2015</a></li> <li><a href=”#”>03/2015</a></li> </ul> </li> <li><a href=”#”>2016</a></li> </ul> </li> </ul>…

Devamını Oku ›

Newport Kişisel Portfolyo Tasarımı

Uzunca bir aradan sonra, uzunca bir süre önce yapmış olduğum bir HTML portfolyo tasarımını sizlere sunmaya karar verdim. Tek sayfa bir tasarım olan Newport isimli tasarımın, kişisel siteleriniz için ilham kaynağı olmasını umuyorum. Eğer ki bir web tasarımcı ya da yazılımcı iseniz portfolyo sitenizin olması büyük önem taşımaktadır. Bu gibi durumlarda Newport’u gönül rahatlığı ile kullanabileceğinizi düşünüyorum. Kırmızının yanında koyu renklerin yer aldığı tasarımda biyografi, portfolyo, blog ve iletişim gibi zengin içerik alanları bulunmaktadır. Mümkün olduğu kadar temiz bir kodlama yapılmaya çalışıldığından, dilediğiniz düzenlemeleri kolayca yapabilirsiniz. Tüm bu özelliklerden ücretsiz faydalanacak olmanız da en güzel haber olsa gerek. Tüm bu…

Devamını Oku ›
kod.gen.tr