CSS ile Menü Yapmak III – Dikey Açılır Menüler

CSS-DHTML ile yatay açılır menüler

Birkaç menü derledim. Bunları ekran görüntüleri ile birlikte paylaşıyorum. Menüye ulaşmak için, menünün ismine tıklamanız yeterli.

1. 
   

   http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm">Drop Down Tabs 1

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-01.gif" alt="Drop Down Tabs1" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

2. 
   

   http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm">Drop Down Tabs 2

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-02.gif" alt="Drop Down Tabs 2" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

3. 
   

   http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm">Drop Down Tabs 3

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-03.gif" alt="Drop Down Tabs 3" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

4. 
   

   http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm">Drop Down Tabs 4

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-04.gif" alt="Drop Down Tabs 4" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

5. 
   

   http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm">Drop Down Tabs 5

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-05.gif" alt="Drop Down Tabs 5" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

6. 
   

   http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm">Chrome CSS Drop Down Menu

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-06.gif" alt="Chrome CSS Drop Down Menu" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

7. 
   

   http://users.tpg.com.au/j_birch/plugins/superfish/">Superfish

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-07.gif" alt="Superfish" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

8. 
   

   http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm">CSS Express Drop-Down Menus

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-08.jpg" alt="CSS Express Drop-Down Menus" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

9. 
   

   http://www.twinhelix.com/dhtml/fsmenu/fsmenu.zip">FreeStyle Menus

   
   

   http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-09.gif" alt="FreeStyle Menus" title="CSS DHTML ile yatay açılır menü örnekleri">
   
   

10. 
    

    http://www.smartmenus.org/samples6/style/win-classic/">Win Classic

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-10.gif" alt="Win Classic" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

11. 
    

    http://www.smartmenus.org/samples6/style/win-xp/">Win XP

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-11.gif" alt="Win XP" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

12. 
    

    http://www.smartmenus.org/samples6/style/gnome-bluecurve/">GNOME Bluecurve

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-12.gif" alt="GNOME Bluecurve" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

13. 
    

    http://www.smartmenus.org/samples6/style/kde-keramik/">KDE Keramik

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-13.gif" alt="KDE Keramik" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

14. 
    

    http://www.smartmenus.org/samples6/style/mac-osx/">Mac OSX

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-14.gif" alt="Mac OSX" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

15. 
    

    http://www.smartmenus.org/samples6/style/sm-org-old/">SmartMenusDotOrg Old

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-15.gif" alt="SmartMenusDotOrg Old" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

16. 
    

    http://www.smartmenus.org/samples6/style/simple-style-1/">Simple Style 1

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-16.gif" alt="Simple Style 1" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

17. 
    

    http://www.smartmenus.org/samples6/style/simple-style-2/">Simple Style 2

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-17.gif" alt="Simple Style 2" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

18. 
    

    http://www.smartmenus.org/samples6/style/simple-style-3/">Simple Style 3

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-18.gif" alt="Simple Style 3" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

19. 
    

    http://www.smartmenus.org/samples6/style/web-2.0/">Web 2.0

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-19.gif" alt="Web 2.0" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

20. 
    

    http://www.ex-designz.net/template/tempdetail.asp?temp_id=327">CSS Vertical Menu 3

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-20.gif" alt="CSS Vertical Menu 3" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

21. 
    

    http://www.ex-designz.net/template/tempdetail.asp?temp_id=302">Windows Style CSS Dropdown Menu

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-21.gif" alt="Windows Style CSS Dropdown Menu" title="CSS DHTML ile yatay açılır menü örnekleri">
    
    

22. 
    

    http://www.ex-designz.net/template/tempdetail.asp?temp_id=300">Horizontal CSS Dropdown Menu

    
    

    http://img.dmry.net/blog/01/css-ile-yatay-acilir-menu-22.gif" alt="Horizontal CSS Dropdown Menu" title="CSS DHTML ile yatay açılır menü örnekleri">