PLEASE NEED HELP: How to make functional header?

Discussion in 'HTML & Website Design' started by uswebco, Aug 12, 2015.

  1. #1
    Need some help to make transition in header when a button is clicked, a form slides up. Similar to the site: http://hatchspot.com. I'm trying to use master slider or any other slider, but to no avail. Please and thank you to any responses. Thank you
     
    uswebco, Aug 12, 2015 IP
  2. Nick B.

    Nick B. Member

    Messages:
    79
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    25
    #2
    That's just javascript and css. It should be easy enough to find example scripts to do this online. Once you understand how it works you will be able to modify it to do whatever you want. Start off by looking into onclick and javascript sliders.

    Although, you may just be able to recreate this simply using onclick and css to re-positioning containers.
     
    Last edited: Aug 12, 2015
    Nick B., Aug 12, 2015 IP
    WebDeveloperSahil likes this.
  3. Niraj Kashyap

    Niraj Kashyap Greenhorn

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #3
    Hey uswebco, there are lot of services/scripts that can help you achieve that.. If you dont find any on the internet...Follow the steps below
    1. Visit http://hatchspot.com on Firefox/Chrome
    2. Open > Right-click > Inspect Element (You can use Firebug)
    3. inspect the Form that you want to have
    4. Now you have to use little brain to do this. You have to search for the javascript that triggers that event for the form to slide upto you..You can do this by searching the ID of the form or see the view-source of the page, and search for the js code
    5.copy the js/css/html code and paste it..make some changes that fits you perfect
    6 Hurray! Its done

    If you need more help, you can ask me & its FREE..I love helping people - Just hit AskNiraj
     
    Niraj Kashyap, Aug 13, 2015 IP
  4. guru1surfer

    guru1surfer Greenhorn

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    13
    #4
    If you don't want to get it dirty with writing code or implementing it, and if you are using a reputable CMS like Wordpress or Drupal, you will find plenty of plugins to do just that for you.
     
    guru1surfer, Aug 14, 2015 IP
  5. 5ervant

    5ervant Active Member

    Messages:
    32
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    50
    #5
    Actually, I have a doubt when someone includes a URL in his/her very first thread.

    uswebco
    Peon
    Messages: 1
    Likes Received: 0
    Best Answers: 0
    Trophy Points: 1
     
    5ervant, Aug 17, 2015 IP