CSS Awards

Award Ribbons

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


Preview


  • brand-award-left.png

  • brand-award-right.png

  • dark-award-left.png

  • dark-award-right.png

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="http://www.cssawds.com/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:60px;
height:40px;
text-indent:-9999px;
display:block;
background:url('http://www.cssawds.com/ribbons/brand-award-left.png') no-repeat;
}

Corentin Portfolio

Corentin Portfolio Corentin Fardeau France

My name is Corentin Fardeau, I’m a french creative developer based in Los Angeles currently interning at watson/DG. I’m a fifth year student at HETIC in Paris.