Grow your CSS skills. Land your dream job.

Coming Soon Page Help

  • # January 24, 2012 at 4:35 pm

    Hey everyone,
    So I have started to make a coming soon page for one of my new websites. I found this example on the internet. My question is how do I link it so that when people enter their email addresses I can keep track of them?

    http://airsocial.squarespace.com

    # January 24, 2012 at 4:37 pm

    I would use MailChimp. I’ve used it to store email addresses before, super simple to do and ready to upgrade to a full on newsletter plan if/when you need to.

    # January 24, 2012 at 6:41 pm

    ok sounds good I will try Mail Chimp.

    -I am also hoping to get the corner of the form to bend over like the example Any idea on how to do this?

    http://airsocial.squarespace.com/

    # January 25, 2012 at 4:05 am

    That is a background image: http://spyrestudios.com/demos/coming-soon-demo/images/corner.jpg

    # January 25, 2012 at 5:14 am

    ok so If I edit out the grey on the background image I should be able to still get it to work. How do I go about putting it in that top far corner of the form?

    Thanks for the help so far

    # January 26, 2012 at 12:33 pm

    This is probably not as semantic as people would think, however, it accomplishes pushing an image to the corner. I essentially used a shortcut by making a class div and floating it right inside of the parent element.

    http://jsfiddle.net/john_motyl/sxeSx/

    # January 27, 2012 at 2:28 am

    Use background-position: top right; and background-repeat: no-repeat;

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".