Awards & Ribbons

Congratulations. Your website is featured on CMSdesigns!
Feel free to add a subtle little design award banner to your website!

Preview

  

Code

Simply add the HTML in your page just after your <body> tag, then add the CSS in your stylesheet. Make sure you replace the link in the HTML code to the link of your project-url on CMSdesigns.

HTML

<div class="cmsdesigns"><a href="https://cmsdesigns.org/" target="_blank">Your Site Name featured on CMSdesigns</a></div>

CSS

.cmsdesigns{position:fixed;top:100px;right:0;z-index:99999}
.cmsdesigns a{width:60px;height:90px;text-indent:-9999px;display:block;background:url('https://res.cloudinary.com/cmscdn/image/upload/v1444833514/cmsdesigns-right_m2l2yx.png') no-repeat}

.cmsdesigns{position:fixed;top:100px;left:0;z-index:99999}
.cmsdesigns a{width:60px;height:90px;text-indent:-9999px;display:block;background:url('https://res.cloudinary.com/cmscdn/image/upload/v1444833514/cmsdesigns-left_yicg7i.png') no-repeat}

If you want the banner to move with the rest of content when scrolling:
change position:fixed; with position:absolute;

Image link

Feel free to hot link the image file, it is hosted on Cloudinary and is optimized (about 5 kb), so load time should be fine.

Right aligned banner:
https://res.cloudinary.com/cmscdn/image/upload/v1444833514/cmsdesigns-right_m2l2yx.png

Left aligned banner:
https://res.cloudinary.com/cmscdn/image/upload/v1444833514/cmsdesigns-left_yicg7i.png

Thank you

Feel free to modify/tweak/add your own!
Questions? Contact us