MacOS style horizontal nav
Michael Hue tarafından hazırlanmış olan Css Dock menü. Görüntü ve animasyon olarak Mac OS işletim sistemindeki menü taklit edilmiş. Animasyon, icon yansıması, butonlarda açılan tooltip açıklaması bu menüden eksik edilmemiş. Menü olarak olabilmesi gereken her şeyi eklemiş tasarımcı arkadaş. Gayet güzelde duruyor.
Kurulum:
- Head etiketleri arasına eklenecek bölüm.
Css ve font dosyaların url aresleri:
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,bold&v1" /> <link rel="stylesheet" href="css/example.css" /> <link rel="stylesheet" href="../source/dock.css" />
- Body etiketleri arasına eklenecek bölüm:
Html :
<div class="wrapper"> <div class="example"> <h1>CSS Dock <em>V2</em></h1> <!-- Begin: CSS Dock Code --> <div class="dock"> <ul> <li id="mail"> <a href="#mail"> <em><span>Mail</span></em> <img src="images/icon-mail.png" alt="Mail" /> </a> </li> <li id="ical"> <a href="#ical"> <em><span>iCal</span></em> <img src="images/icon-ical.png" alt="iCal" /> </a> </li> <li id="addressbook"> <a href="#addressbook"> <em><span>Address Book</span></em> <img src="images/icon-addressbook.png" alt="Address Book" /> </a> </li> <li id="iphoto"> <a href="#iphoto"> <em><span>iPhoto</span></em> <img src="images/icon-iphoto.png" alt="iPhoto" /> </a> </li> <li id="idisk"> <a href="#idisk"> <em><span>iDisk</span></em> <img src="images/icon-idisk.png" alt="iDisk" /> </a> </li> </ul> </div>

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
2 Yorumlar
Yorum Yap Cevabı iptal et
Bunlar da ilgini çekebilir
Yazar AliTarih
Drop down menü örneklerini bilirsiniz mouse kategori linkinin üstüne geldiği an alt kategoriler alta doğru açılır yada sağa doğru. Bildiğiniz gibi dokunmatik cihazlarda henüz...
Daha Fazla
Yazar AliTarih
jQuery Backstretch eklentisi websayfanızın arkaplanında sürekli değişen resimler kullanmanızı sağlar. Scott Robbins tarafından geliştirilen Backstretch eklentisi ile arkaplana eklenen resimleri hem tıklayarak hemde otomatik olarak değiştirebildiğiniz...
Daha Fazla
Yazar AliTarih
Daha önceki konularda Kotelnitskiy Evgeniy?nin jQuery için geliştirdiği birkaç tane eklentiden biri olan İmageView eklentisinden bahsetmiştik. Yine aynı geliştiriciye ait olan ve adam akıllı kullanılmasa dahi birçok...
Daha Fazla
Yazar AliTarih
Websiteleriniz için özgürce kullanabileceğiniz 20 adet menü örneği. Birbirinden farklı tasarımlar ve animasyonlarda oluşan bu menü koleksiyonu içinde zevkinize uygun bir menü örneğini mutlaka...
Daha Fazla
Yazar AliTarih
Ziyaretçilerinize en iyi deneyimi sağlayabilmek için yapmanız gerekenlerin en başında Css ve JavaScript kodları sıkıştırmanız gerekmektedir. Boyutlara baktığınızda önemsiz miktarda bir boyut dahi olsa...
Daha Fazla
Yazar AliTarih
Bir önceki yazımızda instagram üzerinden api kodu ve kullanıcı id öğrenmeyi anlatmıştık. Api kodu ve kullanıcı idesi kullanarak belli bir instagram hesabından çeşitli veriler çekiliyor....
Daha Fazla
Trend Konular
Yazar AliTarih
Yeni Koronavirüs Hastalığı (COVID-19) Nedir Koronavirusler (CoV), soğuk algınlığından Orta Doğu Solunum Sendromu (MERS-CoV) ve Şiddetli Akut Solunum Sendromu...
Yazar AliTarih
Bildiğiniz gibi son zamanlarda sosyal ortamlarda popüler olmak kimileri için vazgeçilmez bir hobi olmaya başladı. Aslında Twitter ile uzaktan...
Yazar AliTarih
jQuery sitesinde slideshow örnekleri için 110 tane adet yazdığını gördüm ama işin aslı eklemeye başlayınca çoğu uygulamanın bir programdan...
Yazar AliTarih
Omegle yerine chatroulette demem gerekirdi çünkü Chatroulette sitesi omegle sitesinden daha önce piyasaya çıkmış fakat aşırı derecede pislik bir...
Yazar AliTarih
Evet arkadaşlar bugün sizlere herkesin akıllı telefonunda mutlaka gördüğü ama çoğu kişinin ne işe yaradığını bile bilmediği ve hatta...
Yazar AliTarih
Anlık binlerce kişinin girdiği websiteleri dahi bir süreliğine mola verip yeni tasarımı yada scripti faaliyete geçirmek için dinlenme ihtiyacı...
Editör Önerisi
Popüler konular
Yazar AliTarih
Yeni Koronavirüs Hastalığı (COVID-19) Nedir Koronavirusler (CoV), soğuk algınlığından Orta Doğu Solunum Sendromu (MERS-CoV) ve Şiddetli Akut Solunum Sendromu (SARS-CoV) gibi daha ciddi hastalıklara...
Daha Fazla
Yazar AliTarih
Yazar AliTarih
Çalışmıyor,Güncel yapımı gelırse performans ödevımde kullanacağım teşekkürler yayın için 5yıldız verdim..
Kullandiginiz tarayicidan kaynakli olarak calismiyor olabilir belki.