Yeşil Yatay Menü Tasarımı [CSS] - Baskı Önizleme +- MyBB Depo Forum (https://mybbdepo.com) +-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu) +--- Forum: Yazılı Anlatım Deposu (https://mybbdepo.com/yazili-anlatim-deposu-forumu) +--- Konu Başlığı: Yeşil Yatay Menü Tasarımı [CSS] (/yesil-yatay-menu-tasarimi-css-konusu.html) |
Yeşil Yatay Menü Tasarımı [CSS] - BlackCat - 31-10-2011 Web sayfalarında yatay menü olarak kullanabilecek güzel bir örnek. Küçük boyutlu az ve temiz kod örneği Küçük boyutlu resim dosyaları Sayfaya göre şekillenebilme (yatay olarak bulunduğu çerçeveye tamamen sığma durumu.) Kuruluma Başlayalım.Öncelikle Temanızda Yeni Bir CSS Oluşturmamız Gerekli. Admin KP&Temalar&Şablonlar& Temamıza Tıklayalım ve Üst Kısımdan CSS Ekle/Oluştur'a Tıklayalım Adını menu.css Yapıp Kendi İçeriğimi Yaz'ı Seçerek Aşağıdaki Kodu Yapıştıralım NOT : Önce Not Defterine Ekleyin. Ardından Gerekli Bölüme Yapıştırın. Kod: #tabs1 { Bunları Kaydettikten Sonra, [attachment=439] Bu Dosyayı İndirelim. FTP'mizde images Klasörünün İçine ''menu'' Adından Yeni Bir Klasör Oluşturalım ve Dosyanın İçinden Çıkan 2 Adet Resmi menu Klasörüne Atalım. Şimdi Gelelim HTML Kodlarımıza. Temalar&Şablonlar&Şablonlar&Temamızı Seçelim&Ana Sayfa Şablonlar&İndex Şablonuna Tıklayalım ve {$header} Kodunun Altında Bu Kodlarımızı Ekleyelim NOT : Önce Not Defterine Ekleyin. Ardından Gerekli Bölüme Yapıştırın. Kod: <div id="tabs1"> Bu Kodlarımızıda Ekleyip Kaydettikten Sonra İşlemimiz Bitiyor. Ekran Görüntümüz : NOT : HTML Kodlarındaki Link 1 - Link 2 Gibi Kısımları Değiştirebilirsiniz. <a href="#" Kodu Yönlenecek Adrestir. Demo Adresimiz : Kod: webmasternoktasi.com İyi Çalışmalar Cvp: Yeşil Yatay Menü Tasarımı [CSS] - mybb169 - 12-06-2013 süper OLDU |