Theming Soundmanager2 [#1240066]

I just have a question about theming Soundmanager 2 to produce a different style for the player. Can this be done with css and .tpl files, or do I have to wait for a newer version? If it can be done, what files do I need to edit?

Comment	File	Size	Author
#4	player.png	5.36 KB	infines

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

infines CreditAttribution: infines commented 5 August 2011 at 02:10

Title:

Hello

» Theming Soundmanager2

Comment #2

andreas_jonsson CreditAttribution: andreas_jonsson commented 12 February 2012 at 21:22

Component:

Code

» Documentation

Yes you can theme the SM2 players by overriding the .css files from the soundmanager2 library and .tpl.php files from the soundmanager2 module. You probably want to stick with editing the .css files and leave the .tpl files intact unless you know what you're doing, as the functionality of the different sm2 players requires a certain HTML structure to work properly.

The d7 version also provides theme hooks to change the soundmanager2 .js settings files to enable or disable things like "useWaveformData", "useEQData", "fillGraph".

Theming example: You're using the page-player and wants to change the time display to green (because hackers like green).
Copy the "sites/all/libraries/soundmanager2/demo/page-player/css/page-player.css" to your theme "sites/all/themes/YOURTHEME/page-player.css", add "stylesheets[all][] = page-player.css" to "YOURTHEME.info".
Open up the .css file in your editor of choice, go to line 213 to find the selector "ul.playlist li .timing", add "color: #0F0" and save.
Empty your cache. Done.

More information on the "Overriding style sheets from modules and base themes" documentation page: http://drupal.org/node/263967

Todo: a documentation page showing some basic theming information.

Comment #3

infines CreditAttribution: infines commented 19 March 2012 at 07:25

What about removing the file name from the player itself? Is that in the template files or is that part of the SM library?

Comment #4

infines CreditAttribution: infines commented 19 March 2012 at 07:53

File	Size
player.png	5.36 KB

This is the player I'm trying to make, I'm guessing I'll need to alter the page player template file or make a custom template, will this be fairly easy to do?