Make a beautiful subscribe form with image

Discussion in 'HTML & Website Design' started by sahilkhan, Oct 20, 2011.

  1. #1
    I have a blog. I want to add a beautiful stylish form in side bar. I have also an account with "Mailchimp". I want to give a free ebook when people sign up through my form. The problem is that how can I show image of ebook in my form and how can I give a beautiful design. Mailchimp does't support this type of form I have tried many times but failed. Anyone knows it please give me solution.
     
    sahilkhan, Oct 20, 2011 IP
  2. czent

    czent Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    0
    #2
    If you know CSS you should be able to style the form quite a bit.

    Notice the form in your sidebar has #ns_widget_mailchimp_form-4 . You use that ID to apply background images and anything else and style it. For example I used a free icon http://cdn1.iconfinder.com/data/icons/humano2/48x48/actions/gtk-stock-book.png on your form to look like this:

    View attachment 63176

    CSS I used for the above:

    #ns_widget_mailchimp_form-4 {
      background: url("http://cdn1.iconfinder.com/data/icons/humano2/48x48/actions/gtk-stock-book.png") 0 0 no-repeat;
      padding: 0 0 0 55px;
      margin: 10px 0;
    }
    Code (markup):
    Just an example to give you some idea.
     
    czent, Oct 20, 2011 IP
  3. sahilkhan

    sahilkhan Greenhorn

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #3
    Thanks for guide me but on my website im using mailchimp widget. I don't know how to use this code or where to use? Please tell me where I can edit my code for my form. Thanks
     
    sahilkhan, Oct 21, 2011 IP