Shine your Plans with Corner Badge

Swati Goyal , 05 August, 2011

Do you want to highlight your plans or products to show specific cause? Now you can add a highly visible marker at your plans and draw attention of users towards what you want to show and offer them. PayPlans 1.1 brings special inbuilt Corner Badges to shine your plans and you yourself can also edit CSS and add corner badges of your choice to show up on plans. You can even edit whole CSS of Plans with very small changes in CSS.

Corner Badges brought to you by PayPlans include badges for hot, new, featured, popular, top and free. You just have to add respective CSS class name at plan screen like for "new" corner badge -> CSS class name is new, for "hot" corner badge -> class name is hot and so on. So right now PayPlans is providing six inbuilt CSS classes for badges to show up.

Where to add these CSS classes?

payplans-plan-magnifire

How they look? Check out!

payplans-awesome-corner-badges-screen-1

These corner Badges are provided by PayPlans. Continue to watch all the six ...

payplans-awesome-corner-badges-screen-2

You can also add CSS for corner badges to make some more as per your requirement. Do you want to see an example? Let's go!  we will just add simple CSS to highlight a particular plan like

#payplans .highlight{
-webkit-box-shadow:  0px 0px 10px 3px #ff0000;
-moz-box-shadow: 0px 0px 10px 3px #ff0000;
box-shadow: 0px 0px 10px 3px #ff0000;
}

and here we have an exclusively attractive plan to grab the attention of users

payplans-awesome-hightlight-plan-screen

So what are you waiting for? Try it now and acknowledge us with your feedbacks.

blog comments powered by Disqus