Simple responsive HTML banner

  • Status: Closed
  • Prize: $116
  • Entries Received: 33
  • Winner: IcozimWebDev

Contest Brief

Hey guys,

we need simple responsive HTML banner - in fact a very simple html page with a single button (changing its size).

Result of your work should be a html responsive page with a button in the middle. The page will be displayed in iframes with size 300x50 up to 1024x800px. The button in the middle of the page should change its size according to size of the iframe in which the .html page is displayed.

What you have to do?
1) Design the button (see attached examples) and insert it to a blank html page (lets say [login to view URL])
2) Create .html page called [login to view URL]
3) Insert iframe tag (width 300px, height 250px, src [login to view URL]) on [login to view URL]
4) Make the button on [login to view URL] responsive

See the attached examples of how the button should look in iframes with dimensions 300x250px, 120x600px, 300x50px and 468x60px.

Don't forget to create a real demo of your work, so we will be able to check if it's really responsive.

We will be happy to work with the winner in a long term!
We have a lot of banners / buttons that have to be redesigned into responsive html.

Looking forward to your entries,
Filip

Recommended Skills

Public Clarification Board

  • filipyx
    Contest Holder
    • 1 year ago

    Hey guys, I'm sorry for the delay - I was super busy in April and May. Winner will be selected within a few minutes. Thanks for participating in this contest!

    • 1 year ago
  • angiras23
    angiras23
    • 1 year ago

    Hi, any update on winner ?

    • 1 year ago
  • fredkrudger
    fredkrudger
    • 1 year ago

    good afternoon @filipyx, who is the winner of the contest?

    regards!

    • 1 year ago
  • hsashankar
    hsashankar
    • 1 year ago

    Hi, I have added another URL in Entry #12 . Kindly check that out. Also, added another entry #44 per your suggestion

    • 1 year ago
  • filipyx
    Contest Holder
    • 1 year ago

    Hi guys, sorry for the delay. I'm super busy these days. Will choose the winner ASAP.

    • 1 year ago
    1. jodyjoo
      jodyjoo
      • 1 year ago

      Ok, thanks

      • 1 year ago
    2. fredkrudger
      fredkrudger
      • 1 year ago

      excelent :)

      • 1 year ago
  • fredkrudger
    fredkrudger
    • 2 years ago

    Hello friend, good morning.

    who was the winner of the contest.


    Happy day.

    • 2 years ago
  • hsashankar
    hsashankar
    • 2 years ago

    Hi, I have added another URL in Entry #12 . Kindly check that out

    • 2 years ago
    1. hsashankar
      hsashankar
      • 2 years ago

      Fixed the issue on same url. Please check

      • 2 years ago
  • hsashankar
    hsashankar
    • 2 years ago

    Hi, I have fixed Safari issue. Added a new entry. Please check #44

    • 2 years ago
  • youssefelmajbri
    youssefelmajbri
    • 2 years ago

    Hi,
    I added another URL in Entry #27
    Please check it

    • 2 years ago
  • boushib
    boushib
    • 2 years ago

    Hi there,
    Please have a look to my updated entry #30

    • 2 years ago
  • youssefelmajbri
    youssefelmajbri
    • 2 years ago

    Hi,
    Please check the updated version of responsive button #27 ( final version)
    Thank you.

    • 2 years ago
  • angiras23
    angiras23
    • 2 years ago

    Kindly check #33

    • 2 years ago
  • youssefelmajbri
    youssefelmajbri
    • 2 years ago

    Hi,
    Please check my entry I added URL of files #19
    Looking forward to your response.
    Thank you

    • 2 years ago
  • hsashankar
    hsashankar
    • 2 years ago

    Hi, I have added another URL in Entry #12 . Kindly check that out

    • 2 years ago
  • asfandsaddiqui16
    asfandsaddiqui16
    • 2 years ago

    hi, i am little confused between these two ad.html and test.html ? can you please more clarify it?
    you just only need an animated button in the center of iframe whose size increase or decrease with the change of iframe size.? is that all

    • 2 years ago
    1. filipyx
      Contest Holder
      • 2 years ago

      Hi, yes. You need to make a page with a button in the middle. We will load this page in iframes with different sizes (300x50px up to 1024x800px, including sizes like 120x600px etc...). The button should increase / decrease its size depending on the size of iframe in which it is loaded.

      • 2 years ago
  • mzmarkib
    mzmarkib
    • 2 years ago

    Dear CH, Please check entry #21

    • 2 years ago
  • hsashankar
    hsashankar
    • 2 years ago

    Dear CH, did you get a chance to look into the screenshot and comments in Entry #12 ?

    • 2 years ago
  • payzahd
    payzahd
    • 2 years ago

    Please , give me rank 13 number

    • 2 years ago
  • amitjangid0808
    amitjangid0808
    • 2 years ago

    Please wait...

    • 2 years ago
  • Cajotafer
    Cajotafer
    • 2 years ago

    Can it have js?

    • 2 years ago
    1. Cajotafer
      Cajotafer
      • 2 years ago

      and you want the button not to be a gif, you want the button to be similar to the one in the sample, but done in code, right?

      • 2 years ago
    2. filipyx
      Contest Holder
      • 2 years ago

      Button done in code is the preferred solution. It can be also an image (e.g. gif), but the final result has to be responsive.

      • 2 years ago
  • SSaha1999
    SSaha1999
    • 2 years ago

    IS YOUR PROJECT IS AVAILABLE NOW? CAN I WORK ON IT? :)

    • 2 years ago
    1. filipyx
      Contest Holder
      • 2 years ago

      Definitely :) The project will remain active till April 1st.

      • 2 years ago
    2. SSaha1999
      SSaha1999
      • 2 years ago

      OKAY

      • 2 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!