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
