3D rotating

0
776
views

3d

Biraz  önce paylaştığım 3D  görünümlü küp şeklindeki dikey Css3 menü hakkında biraz  bilgi vermiştim. Menü ikolarının çerçevesini  biraz  büyük olduğundan dolayı sidebar  bölümüne sığmayabilir diye bir açıklama da yapmıştım. Bu konuya değinerek biraz ebatları kurcalayarak  şimdiki menüyü hazırladım. Aslında bu 3D  görünümlü Css3 yan menü örneği konusu benim için biraz bedava oldu 🙂 Aynı kodlardan ufak tefek değişiklikler yaparak yeni bir  menü gibi gösterip paylaşıyorum sizlerle.

Gördüğünüz gibi Çok ufak değişiklikler yaparak bile  çok farklı görüntülerde Css3 örnekler hazırlamak oldukça kolay.   Bir önceki 3D  görünümlü menü örneğini 150x150px lik boyutlarda hazırladığım için yazı eklemek  pek mantıklı  görünmüyordu. bu seferki Css3 menü örneğinde Css kodları tamamen aynı. Sadece butonların genişliğini 300px yüksekliğini de  60px olarak ayarlayıp sidebar  bölümlerinde kullanılmaya uygun bir  hale getirdim Css  kodlardan genişliği 250px e kadar getirseniz  dahi başlıklar kaybolmayacaktır. Eğer ekleyeceğiniz başlıklar uzun olursa  Css kodlardan li.menuBox a ve li.menuBox p  bölümünden 50px olan font büyüklüğünü küçültün. Sanırım bunlar dışında yapmanız gereken bir  ayar olmayacaktır.

Bir önceki konuda   resim kullanmadan Font Awesome ikonları yardımıyla  menüye ikonlar  eklediğimi söylemiştim. Yine aynı ikonları kullandım zaten. bu bölümde herhangi bir değişiklik yapmadım.  Kendi kategorilerinize  uygun ikonları buradan menüye ekleyebilirsiniz.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Font Awesome css adresi :

 Css :

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

Html :

1 oy (2 votes, average: 5,00 out of 5)
Loading...
Önceki İçerik3D cube style rotating
Sonraki İçerikAnew
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here