mb.miniAudioPlayer
Skin Maker

This tool let you create your own mb.miniAudioPlayer skin.

From version 1.8.1



How it works (jQuery component)

  1. Give it a name.
  2. Customize each element.
  3. Generate the CSS code.
  4. Copy and paste it into your CSS or save the generated CSS file and include it after the miniplayer.css one.
  5. Add the name you give as value of the "skin" parameter.

How it works (Wordpress component)

  1. Give it a name.
  2. Customize each element.
  3. download it.
  4. upload it from the mb.miniAudioPlayer Wordpress settings page.


Or download the CSS file:


See the on-line demo


go to my blog


go to my site


get the WordPress component


close

Here is your skin!

1. Copy the below text and paste it in your CSS file:

2. Set as value of
the "skin" parameter of your player.

You can upload a previous saved CSS skin file to configure the player.


How your skin will affect the player?

Pietro Bicocchi - Allegro
simulate your background color: