• Posted by : Unknown 15 Nisan 2012 Pazar


    Aşağı Açılan Sayfayla Kayan Menü Eklentisi

    Bu eklentimizde , blogger blogunuzun sağ tarafında , sayfayla hareket eden , fare üstüne getirilince aşağı doğru açılan menü eklentisi yapımını anlatacağız..

    Demosunu görmek için TIKLAYIN.

    Aşağı Açılır Sayfayla Kayan Menü Eklentisi Anlatımı.

    Yerleşim - Gadget Ekle - HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyelim..
    <style text-type="CSS">
    #bmenu{
    position:fixed;
    right:5px;
    center:0px;
    background-color:#2059DC;
    border-radius:10px;
    -moz-border-radius:10px;
    border:2px solid #FFF;
    width:202px;
    height:20px;
    color:#FFFFFF;
    transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}

    #bmenu h3{
    margin:0;
    padding:0;
    text-align:center;
    cursor:pointer;}

    #bmenu ul{
    border-radius:10px;-moz-border-radius:10px;
    border:2px solid #FFf;
    background-color:#9AB2EA;
    margin:15px 0;
    padding:0 15px;}

    #bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{
    color:#000;
    text-decoration:none;
    font-size:14px;}

    #bmenu li a:hover{
    color:#fff;}

    #bmenu:hover{
    z-index:5;
    height:175px;
    </style>

    <div id="bmenu">
    <h3>
    Açılır Menü</h3>
    <ul>
    <li><a href="#">MENÜ 1</a></li>
    <li><a href="#">MENÜ 2</a></li>
    <li><a href="#">MENÜ 3</a></li>
    <li><a href="#">MENÜ 4</a></li>
    <li><a href="#">MENÜ 5</a></li>
    </ul>
    </div>
    Yukarıdaki kodlar içinde dikkat etmemiz gereken yerler renkli olarak belirtilmiştir..
    Kırmızı yere >> Görüntü başlığınız...
    Mavi yere >> Menü Başlıklarınız
    Sarı Yere >> Menü Linkleriniz..

    <<< Bu Yazı için Arama Sonuçları  >>>

    Aşağı Açılan Sayfayla Kayan Menü Eklentisi , Aşağı Açılan Menü Eklentisi , Aşağı Açılan Kayan Menü Eklentisi , Aşağı Açılır Menü Eklentisi , Blogger Menü Yapımı , Blogger Menü Eklentisi


    Leave a Reply

    Subscribe to Posts | Subscribe to Comments

  • Copyright © 2013 - Hyperdimension Neptunia

    Blogger Ve Wordpress Tema Arşivi - Powered by Blogger - Designed by Johanes Djogan