Thursday, August 7, 2008

navigations

You have to create a navigation gallery like

http://www.cssdrive.com/index.php/menudesigns/

Also add rollover effect to thumbnail images like below links

http://www.interiors.davroc.co.uk/

http://www.autodemontageverwijst.nl/

Download below galleries, save it in respective folders and link to thumbnails like sample link

1. http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/

2. http://www.cssplay.co.uk/menus/visitedmenu.html

3. http://www.stunicholls.com/menu/index.html

4. http://www.nundroo.com/navigation/

5. http://tutorials.alsacreations.com/modelesmenus/

6. http://icant.co.uk/articles/flexible-css-menu/step1.html

7. http://icant.co.uk/articles/flexible-css-menu/step1.html

8. http://e-lusion.com/design/menu/#1

9. http://www.brainjar.com/css/tabs/

10. http://www.sgclark.com/sandbox/minislide/

11. http://www.sgclark.com/sandbox/minislide/

12. http://www.simplebits.com/bits/tab_rollovers.html

13. http://www.simplebits.com/bits/tab_rollovers.html

14. http://slayeroffice.com/code/focus_slide/

15. http://slayeroffice.com/code/focus_slide/

16. http://alvit.de/css-showcase/css-navigation-techniques-showcase.php

17. http://www.dynamicdrive.com/style/csslibrary/category/C1/

18. http://www.dynamicdrive.com/style/csslibrary/category/C2/

19. http://www.dynamicdrive.com/style/csslibrary/item/css-pagination-links/

20. http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php

21. http://www.roscripts.com/uploads/articles/216/

22. http://www.noupe.com/menu/7-advanced-css-menu-for-your-next-design.html

23. http://wellstyled.com/css-nopreload-rollovers.html

24. http://ghettocooler.net/2007/05/31/simple-navigation-with-css-image-replacement/

25. http://webdesign.maratz.com/lab/visited_links_styling/

26. http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html

27. http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html

28. http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm

29. http://css.alsacreations.com/xmedia/exemples/deroulant/menu-vertical.htm#

30. http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

31. http://extjs.com/deploy/dev/examples/tree/reorder.html

32. http://devthought.com/cssjavascript-true-power-fancy-menu/?

33. http://gmarwaha.com/blog/?p=7

34. http://www.andrewsellick.com/examples/sliding-side-bar/#

35. http://2210media.com/dock_menu/

36. http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html

37. http://www.andrewsellick.com/examples/tabslideV2/

38. http://designforfun.com/portfolio.php#

39. http://www.destroydrop.com/javascripts/tree/default.html

40. http://lavasoft.com/products/lavasoft_personal_firewall.php

41. http://labs.activespotlight.net/jQuery/menu_demo.html

42. http://done.jbunti.com/contact.html

43. http://jquery.com/files/demo/dl-done.html

44. http://metalize.liveonstyle.com/wp-content/uploads/2007/03/index.html

45. http://metalize.liveonstyle.com/2007/03/22/menu-circular-en-css/#contenido

46. http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/

47. http://www.pmob.co.uk/pob/animated.htm

48. http://www.tjkdesign.com/articles/tabs/6.asp?from=0

49. http://www.tjkdesign.com/articles/TJK_SlideMenu/TJK_SlideMENU.asp

50. http://www.zabdesign.de/pro/public/sitemap/sitemap-styled.html#now-here

51. http://www.askthecssguy.com/2008/04/prasun_asks_the_css_guy_how_to_1.html

52. http://www.hesido.com/web.php?page=customscrollbar

53. http://www.hesido.com/web.php?page=animatedmenus

54. http://www.citrusdesign.ro/

55. http://mancub.net/blog/

56. http://dojocampus.org/explorer/#Dojo_Data

57. http://www.autodemontageverwijst.nl/

58. http://www.oypro.com/

Links

* Navigation Links

1. http://nettuts.com/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/

2. http://www.blog.spoongraphics.co.uk/freebies/five-free-css-sliding-door-tab-menus

3. http://nettuts.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/

4. http://woork.blogspot.com/2008/01/horizontal-animated-menu-using-mootools.html

5. http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html

6. http://woork.blogspot.com/2008/03/two-css-vertical-menu-with-showhide.html

7. http://woork.blogspot.com/2008/03/clean-tab-bar-digg-like-using-css.html

8. http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/

9. http://www.webappers.com/2008/02/27/advanced-css-navigation-menu-trick/

10. http://www.webappers.com/category/components/menu/

11. http://www.roscripts.com/8_web_menus_you_just_can%5C%5C%27t_miss-116.html

12. http://www.456bereastreet.com/archive/200705/accessible_expanding_and_collapsing_menu/

13. http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html

14. http://css-tricks.com/examples/DiggHeader/#

15. http://icon.cat/software/iconDock/0.8b/dock.html

16. http://www.noupe.com/css/multilevel-drop-down-navigation-menus-examples-and-tutorials.html

17. http://www.leigeber.com/2008/05/vertical-flyout-javascript-menu/

18. http://www.leigeber.com/2008/04/lightweight-javascript-and-css-accordion/

19. http://www.leigeber.com/2008/04/sliding-javascript-dropdown-menu/

20. http://www.leigeber.com/2008/05/javascript-color-fading-script/

21. http://www.leigeber.com/2008/04/sliding-javascript-dropdown-menu/

22. http://cssglobe.com/post/1249/using-lineheight-with-menus

23. http://www.dhtmlgoodies.com/index.html?page=menuScripts

* Photo Gallery

1. http://www.webappers.com/category/components/gallery/

2. http://woork.blogspot.com/2008/03/simple-images-slider-to-create-flickr.html

3. http://woork.bravehost.com/mootoolsScroller/index.html

4. http://tutorialblog.org/12-javascript-image-galleries/

5. http://zendold.lojcomm.com.br/icarousel/example6.asp

6. http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/#2

7. http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox

8. http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html

9. http://css-tricks.com/examples/RevealingPhotoSlider2/

10. http://www.leigeber.com/2008/05/ajax-image-gallery-slideshow/

11. http://www.dhtmlgoodies.com/index.html?page=galleryScripts

* Forms Gallery

1. http://woork.blogspot.com/2008/03/nice-ajax-effect-for-message-box-using.html

2. http://particletree.com/features/degradable-ajax-form-validation/

3. http://www.badboy.ro/articles/2005-07-23/niceforms_preview/

4. http://www.thinkvitamin.com/features/css/streamline-your-forms-with-widgets

5. http://www.noupe.com/css/47-excellent-ajax-css-forms.html

6. http://css-tricks.com/examples/NiceSimpleContactForm/

7. http://www.leigeber.com/2008/04/dynamic-inline-javascript-form-validation/

8. http://www.ajaximpact.com/ajaximpact1.php?n=3&id=9&fw=6&back=/ajaxdemo.php