HTML CSS ile Responsive Açılır Menü Yapımı HTML, CSS, jQuery kullanarak resimde de görüldüğü gibi responsive menü yapacağız. Demo yu buradan görüntüleyebilirsiniz. Menü kodlarına ve canlı örneğine buradan ulaşabilirsiniz. HTML Kodları Menünün genel yapısını oluşturuyoruz nav etiketi altında liste etikletleri (ul li) ile menü elemanlarını oluşturalım Menünün açılır olduğunu belirtmek için li etiketine “dropdown” sınıfını ekledim. Açılır menü için […]
LESS Nedir? LESS, CSS yazımınızı kolaylaştıracak,hızlandıracak ve işlevselleştirebilecek bir araçtır, LESS ile değişken tanımlayabilir, fonksiyon ve mixin oluşturabilir, matematiksel işlemler yaptırabilirsiniz. Ek Olarak LESS e alternatif SASS ve Stylus gibi alternatif araçlarda mevcut. LESS Nasıl Kullanılır? LESS in farklı şekilde kurulumları mevcut örneğin komut satırından kurulum yapabilirsiniz. Veya Compiler (Derleyici) aracı indirerekte LESS dosyanızı derleyebilirsiniz. (Önerim: Koala App). Bide son olarak Kurulum […]
Merhaba, daha önce HTML ve CSS ile basit menü yapmıştık, ancak aradan uzun süre geçti bende bu yazımda sizlere Responsive Menü Yapımı `nı anlatmak istedim. Kısa bir süre sonra videolu olarak anlatımını da yapacağım. Aşağıdan demo halini ve kaynak kodları görebilirsiniz. Demo halini görmek için buraya tıklayınız, Codepen halini görmek için buraya tıklayınız. Responsive Menü Nasıl Yapılır ? 1) […]
Merhaba arkadaşlar bu dersimizde CSS3 ile hoş görünümlü bir Dikey menü yapıcaz, başlayalım hemen… CSS3 ile Dikey Menü Yapımı Yapacağımız menünün demo halini görmek için buraya tıklayabilirsiniz. HTML Kodları İlk olarak menü için HTML yapımızı oluşturalım. Aşağıda görmüş olduğunuz gibi ilk olarak “menu” adında bir ul oluşturdum.Daha sonra sırasıyla li > a > i şeklinde yapı oluşturalım. […]
