How to make drop down menu and buttons stylish.

  • mfarhann18

    (@mfarhann18)


    9 years, 7 months ago

    1. Someone is saying that your site is not working in all countries, How can I check is it right or wrong.?
    Please tell me where and how can I enable (fix) my site for all countries? My host is not a popular company. Host is saying everything is fine.
    2. Please tell me the code or css which I should have use for my site.

    Issues:

    1.
    How to increase or decrease hover time for all my links , buttons and menus.
    Means when I move cursor to button it at once change its color to hover color, Here I want some delay as I have seen in many sites. It make it more stylish. You can check the subscribe button in footer of my site: http://www.turnhow.com/ It takes some time to hover, I want this type of hover for all my buttons and links

    2.
    How can I make it possible that my drop down menu fall below in a stylish manner, which now are very simple.
    My drop down menus are like in this site: http://graphpaperpress.com/blog/101-simple-tips-increase-website-traffic/
    and I want it like in this site: http://onlinemediamasters.com/w3-total-cache-settings/

    3. How can I make my Search box expandable, as in Twenty13 for my site and it should be places at the right of my menu.

    4. I want my read more button towards right and on the new line, plugins solve this problem but creates extra problems. <p> and </p>, I have used this but it creates two buttons, one without any text on the same line and other my default read more on new line, the extra button should not appear.

    I am using artisteer theme.
    Website: http://www.turnhow.com/
    Thanks for reading, I have written all my problems in one case Because I don’t want further delay, But once tell me that you would answer, then I can wait. Tell me further suggestions for my site. I don’t have any coding knowledge. Thanks. Please don’t mind If I have written much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • CMSHelpLive

    (@cmshelplivecom)

    9 years, 7 months ago

    1. for delay in link hover you can use transition property of css. for example:
    transition: color 0.3s linear, background-color 0.3s linear;
    -webkit-transition: color 0.3s linear, background-color 0.3s linear;
    -moz-transition: color 0.3s linear, background-color 0.3s linear;
    -o-transition: color 0.3s linear, background-color 0.3s linear;

    these are transition example for 4 different browsers.

    2. for dropdown menu:
    .desktop ul.art-hmenu>li>ul{
    margin-top:0px;
    }
    ul.art-hmenu ul li:hover{
    background-color:give desired color code here;
    padding-left:10px;
    }

    3. i guess your search box is already in the right of menus.

    4. i couldn’t find any read more button on your site.

    Thread Starter mfarhann18

    (@mfarhann18)

    9 years, 7 months ago

    Thanks for Your quick reply.But still I have these issues. I don’t know any coding, simply give me code for pointed problem to which I can insert to css or .php directory.

    Issues:

    1. Is my site is opening in every country of the world. How I can check it and if a problem then how can I solve it.

    2. Above transition code is not working as exactly I want. I want some delay in all links and buttons hover.

    3. Above code for drop down is not working right. I want animation style in my drop down menu. (As in the menu of this site:Click here ) I want my drop down menu such that shower flow down.

    4. How can I make my search box expandable to left.

    5. Read more button is continue reading button on the homepage of my site. I want this continue reading button right align and on the new line without any distortion in original button. I have used many plugins and also <p> tag.

    Website: http://www.turnhow.com/
    Please help

    [ STOP BUMPING. ]

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make drop down menu and buttons stylish.’ is closed to new replies.