728x90 AdSpace

  • Latest News

    12/05/2009

    Blogger için css menu nasıl yapılır?






    Merhaba arkadaşlar bazen temamda değişiklikler yapmak için belirli yerlere ayrı olarak menu yerleştirmek gerekebiliyor.  Şuan kullandığım temada da 3 tane menu bulunuyor.  Şimdi sizlere bu menuleri nasıl yaptığımı sizlere hiç kod bilmenize gerek kalmadan göstermeye çalışacam: Dx



    Öncelikle css xhtml ile uğraşanlar çok kolay bir şekilde öğrenip menuyu istedikleri gibi de değiştirebilirler... Şimdi önce menulerimizi seçelim...

    İsterseniz buradan hazır menuleri indirebilirsiniz. İsterseniz kendiniz photoshop ile yaparsınız başka yerden indirrsiniz bilmem ama ben http://www.cssmenumaker.com/ buradan sade menüyü indirdim şimdi indirdiğim dosyada üç tane dosya var. images, index.html ve menu_style.css şeklinde...

    Biz öncelikle images klasöründeki resimleri picasaweb'e eklicez. Korkmayın bütün blogger kullanıcıların burada otomatik hesabı var. Eklediğimiz resimlerin konumunu kopyalayacağız. Resme sağ tıklayıp özelliklerden adresini alabilirsiniz. yada firefox kullanıyorsanız resim konumunu kopyala diyebilirsiniz. Tüm resimleri ekledikten sonra menu_style.css dosyamızdaki resim yolları ile değiştiriyoruz. örneğin style.css dosyamızda url(images/driver.gif ) şeklinde bir yer var biz bunu picasawebden kopyaladığımız resim konumunu yapıştıracağız.

    Burada işimiz bittikten sonra bu dosyayı pages.google adresine eklicez. Bunun için google hesabınız olması lazım. Ekledikten sonra aşağıdaki kodu blogger yönetim panelinden Yerleşim>Html Düzenle>
    hemen altına aşağıdaki kodu ekliyoruz...


     <link rel="stylesheet" type="text/css" href="http://googlepagesadresi.menu_style.css"/>
    

    kırmızı olan yer siz kendinizkiyle değiştirin... Daha sonra index.html dosyamızı not defteri ile açınca aşağıdaki kodları göreceksiniz.


    <ul id="menu">
        <li><a href="#" title="Home">Home</a></li>
        <li><a href="#" title="Products">Products</a></li>
        <li><a href="#" title="Services">Services</a></li>
        <li><a href="#" title="Support">Support</a></li>
        <li><a href="#" title="FAQ">FAQ</a></li>
    </ul>
    


    Bu kodları kopyalayıp yine blogger  yönetim panelinden Sayfa Öğelerinden gadget ekle>html/javascript i seçip kodları yapıştırın. Oradaki öğeleri istediğiniz gibi değiştirebilirsiniz...

    Mehmet Ali

    Grafik tasarım konusunda bir şeyler öğrenmekte, öğrenmekte olduklarını paylaşmakta.

    Website: Mhmtalizm

    • Blogger Yorumları
    • Facebook Yorumları

    3 yorum:

    1. güzel ama diyer sayfa açılmıyor nasıl olcak

      YanıtlaSil
    2. Diğer sayfa derken hangisinden bahsediyorsunuz? Çalışmayan bir bağlantı yok ama sorunu tam alabilirsem yardımcı olacağım...

      YanıtlaSil
    3. hemen altına demişsiniz de neyin altına olduğunu bir yazsanız..

      YanıtlaSil

    Item Reviewed: Blogger için css menu nasıl yapılır? Rating: 5 Reviewed By: Kirli Adam
    Scroll to Top