Show Support Ribbon displays a customizable “show support” ribbon, banner, or badge on your site. Show support for your favorite cause, event, charity, political event, or anything else that’s awesome. Show Support Ribbon includes four built-in ribbon styles and makes it easy to customize with your own CSS.
Features
Features include:
- Plug-n-play functionality
- No configuration required
- Born of simplicity, no frills
- Includes shortcode and template tag to display the ribbon anywhere
- Choose one of four built-in ribbon styles
- Customize the ribbon with your own CSS
- Control the link text, link URL, and title text
- Includes copy/paste CSS recipes to change the position of the ribbon
- Includes option to restore default settings
- Super-slick toggling settings page
Screenshots
Here are some screenshots from Show Support Ribbon in action (default settings):
And here are some screenshots of the ribbon will look using the four built-in styles:
![[ Show Support Ribbon: displayed as ribbon ]](http://perishablepress.com/wp/wp-content/images/2012/show-support-ribbon-01.jpg)
![[ Show Support Ribbon: displayed as banner ]](http://perishablepress.com/wp/wp-content/images/2012/show-support-ribbon-02.jpg)
![[ Show Support Ribbon: displayed as badge ]](http://perishablepress.com/wp/wp-content/images/2012/show-support-ribbon-03.jpg)
![[ Show Support Ribbon: displayed as link ]](http://perishablepress.com/wp/wp-content/images/2012/show-support-ribbon-04.jpg)
Keep in mind these styles are just to get you started with your own custom support ribbon. Check out this screenshot to see some of the other CSS recipes included with the plugin. Show Support Ribbon is made to be customized, so cut loose and have some fun.
Installation
Visit the “Show Support Ribbon” options page, choose your settings, save changes, done.
Download
Download Show Support Ribbon from the WP Plugin Directory:
5 Responses
Peter A. Gebhardt – January 19, 2013 •
Thx. for a great plugin!
Apparently it doesn’t work properly as a “ribbon” in IE8.
Although I fixed the transparency issue by exchanging rgba(..,..,..,x.xx) to rgb(…,…,…) the other issue remains:
It does not display as a 45 degree banner but instead still horizontally.
Any fix possible in the future?
Best regards
Jeff Starr – January 20, 2013 •
Hi Peter,
Thanks for the feedback. No plans for IE8 support, but you should be able to style your own using the custom-CSS option in the plugin settings. For example, you could display an image that is rotated, which would eliminate the need for the CSS rotation styles (which is what isn’t working in IE8).
iceflatline – January 25, 2013 •
Wow! Well done. Nearly perfect right out of the box. Tweaked the background color a bit to match my theme and moved on. It’s so refreshing to implement a plugin and have it just work.
John Zicker – April 2, 2013 •
thanks for the great plugin. I am having difficulty getting the badge placed where I want it in the wordpress twentytwelve them. Instead of the upper right corner of the entire page I want to place in the header area. The inline style with position is defeating my css
Jeff Starr – April 3, 2013 •
In the plugin settings, choose the “Custom” option for styles. Then you can either add CSS thru the form, or leave it blank and use an external stylesheet.