can someone give me code for drop down menu like this?

  • 2
  • Question
  • Updated 9 years ago
  • Answered
i wanna create a drop down menu like here
http://filey.yolasite.com/nearby.php

but i wanna change the colours n size of menu n fonts..
If somebody can please provide me with some help, i shall be really thankful :)
Photo of Monica

Monica

  • 60 Posts
  • 0 Reply Likes
  • building the site

Posted 9 years ago

  • 2
Photo of Monica

Monica

  • 60 Posts
  • 0 Reply Likes
while browsing i just came across this
http://www.lwis.net/free-css-drop-dow...

looks impressive, n is also free..
but the problem is.. i dont know how to use it! :(
can somebody please provide some help..
in above page i want to have menu style like vimeo (last style in right hand side) n if possible change its mouse over colour from green to pink..
hope somebody can help me out on this.
Thank You..
~Monica
Photo of Dré

Dré

  • 201 Posts
  • 15 Reply Likes
Hi Monica,

I'm hoping some of the user's in the community who have done this for themselves will join the thread and pass on some advice. To be honest I'm not exactly sure what code you would need to get that specific look.

I would like to pass on these following links to similar threads in the community. They provide further options that you could take a look at in creating your menu.

http://forum.yola.com/yola/topics/how...

http://forum.yola.com/yola/topics/how...

Hope they help.
Photo of Monica

Monica

  • 60 Posts
  • 0 Reply Likes
Thanks Dre, will have a look there..
do u have any idea about this
http://www.lwis.net/free-css-drop-dow...
And thanks alot for help
------update---------
i have already seen those threads but i want a nicer look :(
anyways i m hoping that i will get something useful if i browse a bit more..
thank you :)
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
Monica, hi there. Would suggest you download the FREE, CoffeeCup HTML menu designer. This allows you to do the drop down boxes, so so easily, then copy the code into your website where you want the menu. Do note that you will have to look at the code and see where the words: - var StartTop=1; is located and then change the 1 to how many pixels down the page from the top you want it. Probably a save and preview bit going on for this.Visit Tucows and download from here: http://www.tucows.com/preview/194456 - Or visit Coffee cup's website and have a look.
Good luck
JenC
Photo of Monica

Monica

  • 60 Posts
  • 0 Reply Likes
Thanks alot for help JenC :)
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
The Vimeo one is pretty complicated. Here's a summary of what you would have to do: Paste the three CSS files into separate html widgets and add the proper style tags; Change the CSS to what you want; Change the colors of images to what you want; Upload the images into the file manager; If you have Yola Pro, upload the two js files. If you don't have Yola Pro, find a file host that provides hot linking, upload the js files there, and get the direct urls. Then change the HTML file to reflect the urls for the images and js files; copy and paste html to an html widget. Then hope everything works!
I generally use http://purecssmenu.com for drop downs. It's much easier.
Photo of Monica

Monica

  • 60 Posts
  • 0 Reply Likes
Thanks alot diane..
Though complicated, atleast with your help i would try once before giving up!!!!!
Thanks for help :)
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
That's the spirit! :) I'll do what I can to help. Just ask.
Photo of amrut.bmw

amrut.bmw

  • 4 Posts
  • 0 Reply Likes
Hey! how to remove those original menu items?
Thank you
Photo of Alex

Alex

  • 9 Posts
  • 0 Reply Likes
Hi, Monica. Now I have similar question and it's realy interesting to see your result. Can you tell me what steps did you do. Because I don't know what to do for starting. For example :"Paste the three CSS files into separate html widgets", Diane said. From Where I can get the three CSS files? And etc...
Photo of Margie

Margie

  • 286 Posts
  • 25 Reply Likes
You can upload your three css files to your file manager. Then in the top html widget, put this:
<link rel="stylesheet" type="text/css" href="theme.css" />

Change "theme" to the name of your style sheet. Repeat the line of code for each of your stylesheets. You can then paste those lines in the same html widget. If it's for a menu, it needs to be in a HTML widget on the top of each page the menu is used.

If my code doesn't show up, here's a link to the syntax: http://www.w3schools.com/tags/att_lin...