Home
  • News
  • Contact
  • About
  • ">

    Sunum yükleniyor. Lütfen bekleyiniz

    Sunum yükleniyor. Lütfen bekleyiniz

    Menü (Navigasyon) Yapımı

    Benzer bir sunumlar


    ... konulu sunumlar: "Menü (Navigasyon) Yapımı"— Sunum transkripti:

    1 Menü (Navigasyon) Yapımı

    2 Navigasyon = Liste <ul> <li><a href="default.asp">Home</a></li> <li><a href="news.asp">News</a></li> <li><a href="contact.asp">Contact</a></li> <li><a href="about.asp">About</a></li> </ul>

    3 Biraz Süsleyelim.. ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; text-decoration:none; }

    4 Uygulama Linkler için CSS özellikleri Öğrenmiştik. A:link A:visited
    A:hover A:active

    5 Örnek

    6 Yatay Menu Tek yapmamız gereken liste elemanlarını yatay dizmek.
    li { display:inline; } veya li { float:left ; } Örnek:

    7 Uygulama 1

    8 Uygulama 2

    9 Css menu örnekleri


    "Menü (Navigasyon) Yapımı" indir ppt