CSS Awards

Award Ribbons

Below is a little tutorial on how to add a subtle little design award banner to your website!


Preview


Code

Simply add the HTML in your page just after your first <body> tag, then the CSS in your stylesheet. Make sure you replace the link in the HTML code to the link of your feature.


HTML

<div class="cssa"><a href="https://www.cssawards.net/website/AddYourFeatureLinkHere" target="_blank">Your Site Name featured on CSS Awards</a></div>


CSS

.cssa {
position:fixed;
top:100px;
left:0px;
z-index:99999;
}
.cssa a {
width:125px;
height:125px;
text-indent:-9999px;
display:block;
background:url('https://www.cssawards.net/ribbons/brand-award-left.png') no-repeat;
}