One Page Mania Design Award Ribbons

 

Your site was featured on the best One Page Web Design Gallery ever… what do you do now? Now you can add our official OPM Award Ribbon to your website so everyone can vote for it! Just copy and paste the HTML and CSS below into your website’s code… and get more people to vote for your site and make it to the TOP 10 page!

Ribbon Preview

One Page Mania Award Ribbon

Ribbon URL

Hotlink it! Our award ribbon was compressed to 1kb and is hosted on AWS for better hotlinking that won’t slow your one page website down.

https://s3.amazonaws.com/onepagemania/opm-badge.png

Code

All you need to do is add the HTML into your web page just after the body tag, then add the CSS to your style-sheet. Then, replace the URL in the HTML code to the link of your website’s feature page on OPM!

HTML:
<a href="http://onepagemania.com/" target="_blank">My Site was featured on One Page Mania</a>
CSS:

The code below will position the ribbon to the very top of the page. Feel free to modify the code to fit your one page site!

.opm-ribbon { 
position:relative; 
top:60px; 
left:0px; 
z-index:99999; 
} 

.opm-ribbon a { 
width:65px; 
height:85px; 
text-indent:-9999px; 
display:block; 
background:url('https://s3.amazonaws.com/onepagemania/opm-badge.png') no-repeat; 
}

Need help? Shoot an email to info@onepagemania.com and I’ll help you out:)

PS: A retina version and CSS version will be coming very soon!