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;
}

Fallen Angel 10th

Fallen Angel 10th CocoBongo Spain

This is a tribute to a 10 years old Viral We produced for Diesel called Fallen Angel. Our goal was recreate the atmosphere we archieved on the original piece and transport the user into that forest and moment.