Basit bir yan-menü tasarımı

0
500
views

alt
Sağ tarafında alt menüler çıkan Css3 dikey menü örneği diye başlık attım ama sanırım bu örneğe  dikey menü örneği demek için bin şahit lazım 🙂 Aslında  demonun arkaplanına uygun birşeyler yapayım derken bu hale  geldi. Görüntü olarak yinede  bana göre hoş bir tasarım olarak görünsede sitelerde kullanılabilecek bir örnek olmaması biraz kötü işte.  Kim bu koca çerçevelere  ait  menüleri kullanır ki ? 🙂  Yine de  bu Css3 dikey menü örneğinde  işinize  yarayacak parçalar mutlaka olacaktır. Sağ tarafta çıkan alt menüler  tooltip benzeri bir çerçeve içerisinde açılıyor ve  herhangi bir  resim dosyadı  kullanmadım. Css3  dikey menü örneğinin  biraz büyük olması dışında  pek fazla kusuru  yok gibi. Biraz daha küçülterek kullanabilirsiniz. Özellikle 3D  olarak hazırlanmış (text generator kullandım ben yapmadım) olan kategori başlıklarının üzerine mouseyi götürdüğünüzde  resimde de gördüğünüz gibi yazı rengi  açık gri  oluyor. Yazı efekti 3D  olması ve renginin de  bu şekilde olması biraz gerçekçi, metalik yazı tiplerini andırıyor.

 

Kullanım

  • Head etiketleriarasına eklemeniz gereken bölüm.

Css :

 

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

 

CEVAP VER

Please enter your comment!
Please enter your name here