Nice and professional looking drop-down list

HTML & CSS
1

Hi Guys,

I am writing first time on sitepoint forum, but I know I will find professional support here. Few sitepoint books told me that :smiley:
My name is Chris btw.

Ok, so I am now working on prestashop template, and I would like to make something looks professional. It won’t be easy
but I will do my best.

First thing I want to ask you is: How to make professional looking drop-down list, like this one (look at currency list) :
http://livedemo00.template-help.com/prestashop_42499/index.php

Actually it’s nothing really special, but it’s nicely slide down after click and has some css code on each option.

Can you please tell me how can do that menu? Or what should I know to do this. CSS3, jQuery or both?
How to start.

Now I just have simple regular drop down list.

Thank you in Advance!

All the best!
Chris

2

Hi,

Welcome to Sitepoint Chris :slight_smile:

If you are talking just about the “select” element drop down then you will need to use JS to swap out the standard form element for a nicer css version and to handle the data acquisition etc. The one you pointed to seems to be using this plugin.

There are other jquery versions available. They all take a bit of work to get working and styled properly.

If you were talking about normal navigation dropdown menus then that’s a different matter and they can be done in css.

3

Hi Paul,

Thank you very much for your help.

I was think about the “select” one. I will try to implement this plugin and will give know about my progress.

I will be really thankful for any help.

Thanks!

4

Ok as I can see, I will need some help with integration this new js plugin to prestashop.
Can you please give me some advice about how or where should I start?

5

Hi,

I’m afraid I don’t know anything about prestashop but I can try and help with CSS problems. You’ll have to provide a bit more information about what you have tried and what the problems are etc.

6

Thank you Paul, You are really helpful. I am sure I will ask for some help with this drop down select or about any different problem
in this or new theme. Thank you.