Etsy Mini Background Color Converter
I hope you'll find one of these methods useful for your needs. As long as Etsy doesn't suddenly change their Mini code, any of these should work fine. If you have any questions, feel free to convo me at hyperart.etsy.com. :)
- Karen
If you're using the Flash version:
Your solution is easy then. Just paste the bold red line into your existing Mini code.<table style="text-align: center;"><tr><td><object type="application/ x-shockwave-flash" data="http://www.etsy.com/flash/spots/etsy_mini.swf? user_id=1234567&user_name=someuser&item_source=shop&item_size=thumbnail &rows=3&columns=2" width="186" height="280"><param name="movie" value="http://www.etsy.com/flash/spots/etsy_mini.swf?user_id=1234567& user_name=someuser&item_source=shop&item_size=thumbnail&rows=3&columns=2" /><param name="wmode" value="transparent"/></object></td></tr><tr> <td><a style="text-decoration: none; font-family:Arial, Helvetica, sans-serif;color:#D35701; font-size:14px; font-weight: bold;" href="http://www.etsy.com" >Etsy</a><br/><a style="text-decoration: none; color:#D35701; font-size:10px; font-family:Arial, Helvetica, sans-serif;" href="http://www.etsy.com" >Buy Handmade</a><br/><a style="font-family:Arial, Helvetica, sans-serif;color:#0192B5; font-size: 12px; text-decoration: none;" href="http://someuser.etsy.com">someuser</a></td></tr></table>Don't copy the black text! That is just sample. It should look almost just like your code.
If you're using the Javascript version and your website has both PHP and cURL installed:
You can download this small PHP file and load it onto your server. If you don't know if you have cURL, you can just try the script and see if it runs (most likely you do). Otherwise, you can go with option 3 below.
This simple script acts as a wrapper around the Etsy Mini code. The original javascript code that Etsy generates really just calls up a php page where your items pop up. All the javascript is really just to figure out the size of your iframe (but I think you can figure that out yourself). Within the wrapper, you can override the CSS class for the background and font colors of the html elements. Full instructions are inside the zip file.
Else, if you're using Javascript version and don't have PHP and cURL:
If both of the options above don't work for you, or you can't understand what I'm talking about, you can choose this step. :)
The resulting code will call up my script on this website, find your Mini, and wrap the new color codes around that. That's all it does. It doesn't keep any record of your usage, nor does it harm your site. But only use this if you are comfortable with this idea. Otherwise, option one would be the most simple. To see the exact script I wrote, you can check out the zip file from the link above.
Instructions: Once you enter all the info, click Convert and you will see the new code you need to paste into the site. You don't need the original code anymore. Make sure the Preview shows up before you use the new code.