Dreamweaver Tutorial | ROLLOVER MENU (navigation)

We are going to make a rollover menu/navigation bar in Photoshop and Dreamweaver. I’m going to use images and in my case, Dreamweaver CS4 (but any version will do perfectly, CS3 CS5 8). It is surprisingly easy and has a massive effect on the outlook of a website. We are going to styling it using div tags (html and css). – If you want to start the GeekTalk.tk tutorials from scratch just watch the first video and follow along 🙂 www.youtube.com – My Website: ZeTutorials.tk – SUBSCRIBE bit.ly (get all my videos in your box! for Free!!) Thanks to everyone who subscribed, make sure to leave a comment below on how you got on….. — How to make a rollover menu navigation In Dreamweaver CS4 and Photoshop CS4 CS5 CS3 How to use gradients Tutorial — Please tell me what ye all think of the GeekTalk.tk website idea, where everyone will be able to promote yourselves, and hopefully get featured on my YouTube channel.

Don’t forget to check out our other video tutorials or share this video with a friend.

0 votes

Loading... 3,125 views

11 responses to “Dreamweaver Tutorial | ROLLOVER MENU (navigation)”

1. DaigakuOtaku says:

   08/10/2012 at 1:28 am

   This really helped out a bunch thanks!!

   Reply
2. PianoNinja says:

   08/10/2012 at 1:45 am

   Great tutorial. Thanks I learned something. 🙂

   Reply
3. huvudplaylist says:

   08/10/2012 at 1:51 am

   Hi Ze! Thanks alot for the awesome tutorials! I started from scratch, really knowing nothing with your first tutorial and now I feel that I actually can manage my own homepage. I will need more tutorials as I progress obviously but this really meant alot to me. Hope to learn more from you in the future. Keep up the good work!!!

   Reply
4. kagome001 says:

   08/10/2012 at 2:38 am

   Hi i was woundering if you could make a video of my position. I have to make a website with a certain photo as the background. I like for you to make video of how to use that photo as ur background and add the buttons to put links to them to other documents. If you could do this I would be extremly greatfull. I have till feburary. so please help =(

   Reply
5. CateBake says:

   08/10/2012 at 3:29 am

   now im confused I completed a different tutorial where you showed us how to insert a navigation bar – then I wanted to make those slices in rollover buttons – but this tutorial starts all over again ??? – can we not make the navigation bar with sliced sections interactive?
   but still thanks for these vids – they are generally the easiest and clearest to follow 🙂

   Reply
6. MizkahMuus says:

   08/10/2012 at 3:40 am

   This video save my life! Thank You!!!!

   Reply
7. MizkahMuus says:

   08/10/2012 at 3:54 am

   This video save my life 🙂 Thank You!!!

   Reply
8. ZeTutorials says:

   08/10/2012 at 4:43 am

   Thanks bud

   Reply
9. ZeTutorials says:

   08/10/2012 at 5:01 am

   Yeah.. there are a couple ways to do that. One way is to go into the html, and on each page (for example, Home) you will give the a tag an id of something like ‘current’ ( id=”current”). Then make a css rule called ‘#current’ and give it a different background color (eg. #current {background-color: black; } ).
   It could be hard for someone not used to editing code, but thats the way I’d do it. I hope I helped!
   Zack

   Reply
10. 6Ace6Artist6 says:

    08/10/2012 at 5:39 am

    Thankyou for a great vid! I have a questions tho but you might not be able to answer it….. I’m currently working on a website, i’ve created it using a template. I’m using the spry navigation bar and i was wondering if it is posible to keep the current page highlighted on the spy bar. For example, if i locate to my “contact me” page, i would like the spry menu bar to stay on a certain colour, and so forth…. is this posible? if so.. how? please reply.. once again, thanks for a great vid!

    Sam.

    Reply
11. anagel01 says:

    08/10/2012 at 6:33 am

    Another great tut

    You Da Man!

    Reply