WordPress Türkiye Forumları

WordPress Türkiye Forumları » Eklentiler

açılır menü

(4 mesaj(lar))
  • 6 ay önce neshat tarafından başlatıldı
  • heytbecom tarafından son cevap
  • Bu konu Destek sorusu değil

  1. neshat
    Üye

    arkadaşlar şu sitedeki gibi açılır menü nasıl yapabılrım

    http://www.lee-norris.com/

    6 ay önce #

  2. h-yaman
    Üye

    Basit bir CSS tekniği. Kaynak Kodlarına bakılınca:

    ul#menu li#gal{
    text-indent:-9000em;
    width:136px;
    height:41px;
    display:block;
    padding:0 0 0 30px;
    margin:0;
    float:left;
    margin-right:0px;
    background-image:none;
    }
     Buraya kadar olan kısım "the Gallery" yazan butonun konumlandırılması. Arkaplanın ne kadar ve nasıl değişeceği enine boyuna ve girilen padding değerine bağlı.

    ul#menu li#gal a{
    background-image:url(pix/gallerybtn.gif);
    background-repeat:no-repeat;
    display:block;
    width:136px;
    height:41px;
    position:relative;
    padding:0;
    margin:34px 0 0 0;
    float:left;
    margin-right:0px;
    }
     "a" yani link etiketinin kazandırılması

    ul#menu li#gal a:link,
    ul#menu li#gal a:visited{
    background-position:bottom right;
    }
     Bu kısım linkin ziyaret edildikten önce ve sonra nasıl duracağı. Bakınız "background-position:bottom right;" kullanılmış. Yani bu şu demek; buton resmi üstüne fare ikonunu getirilmediği taktirde altta sağda kalacak...

    ul#menu li#gal a:hover{
    background-position:top right;
    }
     Burası da fare ile linkin üzerine gelince ne şekil alacağıdır. Yani arkaplan yukarı çıksın deniyor Türkçe olarak :)

    Yani uzun lafın kısası birazcık CSS bilginiz varsa çok zor değil :)

    6 ay önce #

  3. neshat
    Üye

    cevabın ıcın tsk ederım ama ben aşagıya dogru acılan sayfayı sormak ıstedım tus u bende koyabılıyorm yardımın ıcın tsk

    6 ay önce #

  4. heytbecom
    Editör

    istediğin aşağı doğru açılır menü aynı şekilde
    http://www.ygosearch.com/seoblog/?p=7 adresteki temada mevcut. onu inceleyebilirsin.
    moofx ve prototype kullanılmış...

    6 ay önce #

Bu konu için RSS beslemesi

Cevapla

Mesaj göndermek için giriş yapmalısınız.