Creating a button effect with text inside you use css then place it inside the additional.css for each theme that you use which can be a little tedious if you use a lot of themes what i have done here is created a collection of different css styles some are modified from existing styles from a post i seen over in vb.com by Mark.B (with full credit given in the footer) and a couple i created myself and created a product then when you create the prefix entering the prefix title in the Title (Rich Text) simply enter the code below.
Changing the highlighted text to whatever you want to use below is a full list of the codes you can use.
Included in the zip is a text file with the codes used
Here i the the outcome of the way they will appear.
Code:
<span class="prefix prefixGold ">[COLOR=#FF0000]title[/COLOR]</span>
Code:
<span class="prefix prefixOrange ">title</span> <span class="prefix prefixSkyBlue ">title</span> <span class="prefix prefixLightGreen ">title</span> <span class="prefix prefixYellow ">title</span> <span class="prefix pprefixLightSalmon ">title</span> <span class="prefix prefixMaroon ">title</span> <span class="prefix prefixTeal ">title</span> <span class="prefix prefixCherryRed ">title</span> <span class="prefix prefixGold ">title</span> <span class="prefix prefixGrad ">title</span>
Here i the the outcome of the way they will appear.