Fast Newbie's Skinning Walkthrough for MM 3

Tutorial written by Roving Cowboy.

Reason for this Lesson

This tutorial will guide you through some basic steps to get you started with skinning for MediaMonkey v3, don't skip any steps follow them and you will learn how to do it first. Then you can figure out what you can do for shortcuts, but as the name implys this is for NEWBIES to learn with so don't skip any steps. The skinning editor to use is this one.Theme Editor 7.

Open up an existing skin

1. Make a new folder name it the name you want for your new skin. Make a copy of an existing skin, e.g. the default skin "Royal Blue.msz" (usually located under "C:\Program Files\MediaMonkey\Skins"), and give it same name as the new folder.
2. Place that copy of the skin and the (theme engine.exe file); in the new folder. Change the extension from .msz to .zip so that you can open the file (actually a normal zip file) with an installed zip program.
3. Unzip / Extract the files from the .zip file, into your new folder then delete the ".zip" file. (It is no longer needed and will just confuse you.).
4. Open up your new skin folder if not there already, and look for the .mskn files. These are the skin files that can be opened and edited by the theme editor. Theme.mskn is the file that defines the skin of the MediaMonkey's list view otherwise known as the explorer shell extension; the other mskn files skin what they are called;
• Player.mskn and Player.ini for the internal player
• FloatPlayer.mskn and FloatPlayer.ini for the floating player. (this is now called mini player on the theme's buttons and in the options)
• MicroPlayer.mskn and MicroPlayer.ini for the taskbar player
  ( you will have to copy the microplayer mskn and ini files, then rename them both the copied and the original files, rename them by use of "H" on end of name for a horizontal player, use "V" on end of name for a vertical player, you can use the same image's on each you just need two of the microplayer skin. the vertical one will need you to turn the skin's back.bmp from the hortizontal postion, which it would be if you copied the other skin. to the vertical postion. the size will be the same it just needs rotated. and you then need to adjust all the items listed, in the vertical player's ini file so they will be on the player when viewed.)

Export the skin's images

Note:In order to modify the images used by the skin, you have to export them first. Create a new folder inside your new skin's folder for each .mskn file that you want to edit the images for. That way, you can keep these images separated from the other skin files.

5. Start the theme editor and load the chosen .mskn file through the theme editor's menu File > Open...
6. Use The menu File > Export Bitmaps... to export the skin's image resources to the folder you created for the .mskn file (see note above).
7. Open up this folder and look at the images. (You might have to turn on View as images for your folders, to see them instead of the file icons.) Usually you will see either one big skin image or a lot of small ones (usually one per control), together with some background images. The magenta color seen in the theme engine before you export the image can turn pink on your exported image. Either one will still represent the transparent parts of the image.

   Note: The theme editor adds the .bmp extension to the exported files without removing the previous extension first. You have to fix the file names manually (e.g. change "myimage.png.bmp" to "myimage.png") that will allow your image to overwrite the original image in the mskn file when you put yours in the file.

(This was made to show you the areas used for the default skin's theme images.)
)
8. To edit the exported images, you can use any image editor that supports bitmap files. However, a more advanced image editor is recommended I suggest these. (e.g. Ulead, Adobe Photoshop, Photofiltre you can use others but I do not suggest gimp for newbies). Edit all the skin images that you want to change, and save them back on the same file name (overwriting the existing files) I would just for the first time skinning cover the exact same images you see on the main image maps.

UPDATE: As you can see in the image map above. the button images for the speed buttons that are in the center near the top. There is one called "Transparent face" this was used in place of an image on the buttons focused bitmaps. which made it show the first bitmap image when you held the mouse over the button and Focused on it. this use was changed in the media monkey 3 alpha 4 version. the focused bitmap image for all the buttons must have a colored bitmap image chosen. the transparent image is not used like that now. you need to make a white or a black image and use it instead of the transparent one. what that was done for is to be able to have a button with in a button. so you make the black image the size of the click-able part of the button; either the whole button or just part of the image and that is what will be the click-able area. the white image when used means a non click-able area. I have not done this my self but that is what it is to be used for, I'm thinking one of the other skinners is using this double button in a button stuff. I only tell you this black and white image stuff, because you need to know the update to the way it is used has made the transparent image, un-usable for the buttons that control the player and the buttons for the playlist and Eq, and etc.., The transparent image IS still used for the the speed buttons, and other buttons on the list view menu area.

Replace the skin's images with the modified ones

9. Once the images have been edited, make the theme editor visible again (or reopen the .mskn file in case you closed it). In the tree on the left side of the screen, click the + sign in front of "images". This will show you a list of all the images in the .mskn file.
10. Select the name of an image that you want to replace with a modified version. Click the "Replace Image..." button, then click "Load bitmap..." and browse to the modified image. Click Open and finally OK.

Note:You do not have to worry about "From Gallery..." or "Mask" yet. You will find out what those mean later. Just remember that the theme editor by default will interpret all area's of the magenta / pink color on an imported image as transparent.

Do the same for all images you modified outside the theme editor, and then save the skin and close the theme editor.
11. Now you do the same for the other mskn files. The one called theme has the most images to change so it will be the toughest one. When all images and mskn files have been edited if you did make the folders in your new skin's folder for each mskn file as suggested. You then copy all the mskn files from inside each of their folders.
    In addition, paste them back in the new skin folder that the mskn files were first, unzipped in to which should be the folder you named for your new skin.
    This is done to make it easier to create the skin file later.

Other skin files to include

12. In the skin's folder, you can create an Icons subfolder (if it is not there already). There you can put an image NoAArt.png that is used when there is no album art. As the folder name implies you can add icons in the folder after the release of media monkey version 3 to replace the standard icons in MediaMonkey.
13. You can also change the background images for the various panes in MediaMonkey:
• sdb_background_aaview.bmp for the Album Art background
• sdb_background_list.bmp for the Tracks List background
• sdb_background_playing.bmp for the Now Playing background
• sdb_background_tree.bmp for the Tree background
(The list and the playing backgrounds can not use images in mm3 with out some trickery to get them seen so just color them this first time.)

Close and test the skin

14. Okay now this is where copying all the files back in step 11 comes in handy. So all you want changed is changed and you got all the edited mskn files copied back in the folder of your skins name. You now just select all the images; the ini files the mskn files and the icon folder. That is in your new skin's folder, then by using your zipping program you zip them in to one zip file.
    (Do NOT zip your new skin's folder just the files needed for the skin.) Change the name of the zip file to whatever name you want to call your new skin, and make it an .msz file by changing the extension from .zip to .msz
    
    Example: My great skin.zip is changed too My Great Skin.msz
    
    The .msz file should be placed in MediaMonkey's Skins folder (usually "C:\Program Files\MediaMonkey\Skins").
    
15. If MediaMonkey is not running yet, then start it now. Test your skin by selecting it from the settings: menu Tools > Options... > Appearance > Skin > Select Skin. Choose your skin and click OK. Now you can check out all of the skin elements as they are used in MediaMonkey, and see if anything needs to be fixed or improved.

Enjoy, and good luck at making new skins. Feel free to ask any questions you might have, preferably using the skinning forum or by sending a private message to one of the skin makers out here.

--- RovingCowboy / Keith Hall
--- re edited by Steegy redid formating and added Extra Notes And Tips
--- re edited by Rovingcowboy / Keith hall, fixed typos re added left out steps,
corrected wrong information, added some examples. --- re edited by Rovingcowboy / Keith hall, added or adjusted information,
corrected wrong information.

Extra notes

• File extension not shown: If you can't see the extension at the end of a file name, you first have to change the folder settings in Windows: uncheck "Hide extensions of known file types", through the menu Tools > Folder options... > tab Display.
• Main program skin: MM2 vs. MM3: The main program skin format for MM3 is almost exactly the same as the skin format for MM2. The most recognisable difference between the two versions is that a MM2 skin file is named default.mskn, whereas a MM3 skin file is named Theme.mskn. Because the MediaMonkey's theme engine is backward compatible, you can rename the MM2 default.mskn file to Theme.mskn to get it working as MM3 skin.(not adviseable for newbies to try, because it is hard to do, very hard)
• Readme.txt: Don't forget to add a Readme.txt file to your skin, with some information like its name, release date, author, origin/idea, ...
• Theme Editor: The theme editor is the (only) program usable to create and edit skin files.

Power tips

• Skin file vs. skin folder: MediaMonkey will read subfolders in the Skins folder in the same way as it reads the .msz files in it. This is very handy when you're creating and testing your skin, so you don't have to zip/rename constantly. Do not zip the new skins folder up. There is no need for all the folders and images you used in making the new skin be in the skin file, just the images and files you seen when you first unzipped the mm 3 royal blue skin, which is what is said in step 14. The reason is simple as in this example
  
  folder zipped as skin file = 1.4 mbs
  same skin only files zipped = 789kb's
  
  now that is not exact numbers but that shows what happens with unneeded files in the skin's zip file.
• Reload an edited skin: To reload a skin (e.g. if you modified it while MediaMonkey was running) you don't have to restart MediaMonkey. Just go to the options and reselect your skin (select another skin and then select your own skin again).
• .msz file association: Instead of always changing the .msz to .zip and then opening the .zip file, you can let your zip program recognize the .msz file by associating the .msz extension with it. While in Windows Explorer, right-click the .msz file and choose "Open as..." (if "Open as..." isn't available then press the Shift key while you right-click the file, or just double-click the file). In the opened dialog, select or browse to your zip program, check "Always open ..." and click OK. You should now see that the file icon of the .msz files has changed. When you now double-click such a file, it will automatically be opened in your zip program.
• .mskn file association: To be able to open/edit the skin file in the theme editor by double-clicking the file, you have to associate the .mskn file with the theme editor application, in the same way as explained in the previous power tip.

Italiano

Tutorial scritto da Roving Cowboy.

Per questo motivo Lezione Questo tutorial vi guiderà attraverso alcuni passaggi di base per iniziare con la scuoiatura per MediaMonkey v3, non saltare alcuna procedura seguire e vi spiegherà come farlo prima. Poi si riesce a capire che cosa possiamo fare per le scorciatoie, ma il nome implys questo è per NEWBIES per imparare con così non saltare alcuna procedura. La scuoiatura editor usare questo è one.Theme Editor 7.

Aprire una esistente pelle

Crea una nuova cartella di nome è il nome che si desidera per la sua nuova pelle. Fare una copia di uno esistente pelle, e.g. Il default pelle "Royal Blue.msz" (di solito si trova in "C: \ Program Files \ MediaMonkey \ Skins"), e dargli stesso nome della nuova cartella. Posto che copia della pelle e la (tema engine.exe file), e la nuova cartella. Cambia l'estensione da. Msz. Zip in modo che sia possibile aprire il file (in realtà un normale file zip), con un programma installato zip. Decomprimere / estrarre i file dal file. Zip, nel tuo nuovo quindi eliminare la cartella ". Zip" file. (Non è più necessario e appena si confondono.). Apri la tua pelle nuova cartella, se non esiste già, e cercare la. Mskn file. Questi sono la pelle file che possono essere aperti e modificati dal tema editor. Theme.mskn è il file che definisce la pelle del MediaMonkey's list vista altrimenti noto come esploratore della shell extension; gli altri file mskn pelle ciò che essi sono chiamati; Player.mskn e Player.ini per il giocatore interno FloatPlayer.mskn e FloatPlayer.ini galleggianti per il giocatore. (Questo è ora chiamato mini player sul tema's pulsanti e nelle opzioni) MicroPlayer.mskn e MicroPlayer.ini giocatore per la barra delle applicazioni (Devi copiare il microplayer mskn e ini file, rinominare il loro sia l'originale e copiato i file, rinominare i file mediante l'uso di "H" sulla fine del nome di un giocatore orizzontale, usa "V" sulla fine del nome per Verticale lettore, è possibile utilizzare la stessa immagine su ogni's devi solo due dei microplayer pelle. Verticale uno avrà bisogno di attivare la pelle's back.bmp dal hortizontal posizione, che sarebbe, se hai copiato l'altra pelle. Per la posizione verticale. Le dimensioni sono le stesse che hanno bisogno solo ruotato. E poi necessità di adeguare tutti gli elementi elencati, in verticale giocatore ini file, in modo che sarà il giocatore che vengono visualizzati.)

Esporta la pelle delle immagini Nota: Per modificare le immagini utilizzate dalla pelle, dovete prima esportarli. Crea una nuova cartella all'interno della tua nuova pelle per ogni cartella. Mskn file che si desidera modificare le immagini. In questo modo, è possibile mantenere queste immagini separate dagli altri file di pelle.

Avviare il tema e caricare l'editor scelto. Mskn file attraverso il tema editor del menu File> Apri ... Utilizzare il menu File> Esporta Bitmap ... La pelle di esportare l'immagine di risorse per la cartella creata per l'. Mskn file (vedi nota sopra). Aprire questa cartella e guardare le immagini. (Potrebbe essere necessario attivare Visualizza come immagini per le cartelle, a loro invece di vedere il file delle icone.) Normalmente si vedrà una grande pelle o immagine o un sacco di quelle di piccole dimensioni (in genere uno per il controllo), insieme ad alcuni di sfondo Immagini. Il colore magenta e visto il tema del motore prima di esportare l'immagine può girare rosa sul tuo esportati immagine. Uno sarà ancora rappresentare la parte trasparente dell'immagine. Nota: Il tema aggiunge il redattore. Bmp estensione del file esportato senza rimuovere la precedente proroga prima. Devi risolvere i nomi dei file manualmente (ad esempio il cambiamento "myimage.png.bmp" a "myimage.png"), che permetterà l'immagine di sovrascrivere l'immagine originale in mskn file quando si mette la tua nel file. (Questo è stato fatto per mostrarvi le aree utilizzate per la pelle del tema predefinito immagini.)
)

Per modificare le immagini esportate, si può utilizzare qualsiasi editor di immagini che supporta i file bitmap. Tuttavia, un più avanzato editor di immagini è consigliato propongo queste. (Ad esempio, Ulead, Adobe Photoshop, Photofiltre è possibile utilizzare altri, ma io non suggerisco gimp per neofiti). Modifica la pelle tutte le immagini che si desidera modificare, e salvare di nuovo lo stesso nome di file (sovrascrivendo i file esistenti) Vorrei solo per la prima volta la scuoiatura coprire esattamente le stesse immagini si vede l'immagine principale su mappe.

UPDATE: Come si può vedere nella mappa sopra l'immagine. Il pulsante per la velocità delle immagini pulsanti che si trovano in centro, vicino alla cima. Non vi è quella denominata "Trasparente volto" questo è stato usato al posto di un'immagine focalizzata sui pulsanti bitmap. , Che ha reso la prima mostra immagine bitmap quando si terrà il mouse sul pulsante e focalizzata su di essa. Questo uso è stato cambiato in media 3 scimmia versione alfa 4. Focalizzato l'immagine bitmap per tutti i pulsanti devono avere un immagine bitmap di colore scelto. L'immagine non è trasparente usato come adesso. Hai bisogno di fare un bianco o un nero immagine e che, invece di utilizzare il trasparente. Ciò che è stato fatto per essere in grado di disporre di un pulsante con un pulsante. Fare in modo che l'immagine nero, la dimensione del click-in grado parte del pulsante; o il pulsante di tutto o in parte l'immagine e che è quello che sarà in grado di scegliere la zona. L'immagine in bianco quando viene utilizzato un non significa poter scegliere-zona. Io non ho fatto io, ma questo è ciò che è destinato a essere utilizzato per, sto pensando di uno degli altri skinners sta utilizzando questo doppio pulsante in un pulsante di roba. Ho solo dirvi questa immagine in bianco e nero cose, perché è necessario conoscere l'aggiornamento per il modo in cui essa viene utilizzata ha reso l'immagine trasparente, un utilizzabili per i pulsanti di controllo che il giocatore e il pulsanti per la sequenza di brani e Eq, Ecc., L'immagine trasparente è ancora usato per la velocità pulsanti, e altri pulsanti di visualizzare l'elenco di menu. Sostituire la pelle delle immagini con l'quelli modificati

Una volta che le immagini sono state omesse, il tema editor di rendere nuovamente visibile (o riaprire il. Mskn file nel caso in cui si è chiuso). Nella struttura sul lato sinistro dello schermo, fare clic sul segno + di fronte a "immagini". Questo ti mostrerà un elenco di tutte le immagini in. Mskn file. Selezionare il nome di un immagine che si desidera sostituire con una versione modificata. Fare clic su "Sostituire immagine ..." Pulsante, quindi fare clic su "Carica bitmap ..." E passare alla modifica delle immagini. Fare clic su Apri e infine OK. Nota: non è necessario preoccuparsi di "Dalla Galleria ..." O "Maschera" ancora. Potrai scoprire che cosa significano quelle più tardi. Basta ricordare che il tema editor di default interpreterà tutti della zona del magenta / colore rosa su un importato come immagine trasparente. Fare lo stesso per tutte le immagini modificate al di fuori del tema redattore, e quindi salvare la pelle e chiudere il tema editor.

Ora hai fatto la stessa cosa per gli altri mskn file. Il tema ha chiamato il più immagini per cambiare in modo che sarà più dura. Quando tutti i file di immagini e mskn sono state omesse se avete fatto fare le cartelle in pelle tua nuova cartella per ogni mskn file come suggerito. Voi quindi copiare tutti i file mskn da dentro ciascuno di loro cartelle. In aggiunta, le incolla indietro nella nuova cartella di pelle che i file sono stati mskn prima, decompressi e al quale dovrebbe essere la cartella di nome per la nuova pelle. Questo viene fatto per rendere più semplice per creare il file di pelle più tardi.

Altri file di pelle di includere

E la pelle di una cartella, è possibile creare una sottocartella Icone (se non è già presente). Ci si può mettere un'immagine NoAArt.png che viene utilizzata quando non vi è l'album d'arte. Come implica il nome della cartella è possibile aggiungere le icone nella cartella dopo il rilascio della versione 3 di media scimmia per sostituire le icone standard e MediaMonkey. È inoltre possibile modificare le immagini di sfondo per i vari pannelli e MediaMonkey: Sdb_background_aaview.bmp per l'Album Art sfondo Sdb_background_list.bmp Escursione per la Lista di sfondo Sdb_background_playing.bmp ora per la riproduzione di sfondo Sdb_background_tree.bmp per l'Albero di sfondo (L'elenco e la riproduzione di sfondi non può usare le immagini di alcuni mm3 con inganno per arrivare li hanno appena visto il loro colore prima volta.)

Chiudi e testare la pelle

Okay, dove ora si tratta di copiare tutti i file indietro nel punto 11 è molto utile. Quindi, tutto ciò che si vuole è cambiato è cambiato e hai ottenuto tutti i file copiati modificati mskn ritornare nella cartella del vostro nome bucce. È ora sufficiente selezionare tutte le immagini; l'ini file mskn l'icona del file e la cartella. Che è nella vostra pelle nuova cartella, quindi utilizzando il tuo zipping programma zip in una file zip. (NON zip tua nuova cartella di pelle solo i file necessari per la pelle.) Cambiare il nome del file zip a qualsiasi nome che si desidera chiamare la nuova pelle, e ne fanno una. Msz file cambiando l'estensione da. Zip per . Msz

Esempio: Il mio grande skin.zip è cambiato troppo Mio Grande Skin.msz

L'. Msz file dovrebbero essere messi in MediaMonkey's Skins cartella (di solito "C: \ Program Files \ MediaMonkey \ Skins").

MediaMonkey se non è ancora in esecuzione, quindi iniziare adesso. Metti alla prova la tua pelle, selezionando dal impostazioni: menu Strumenti> Opzioni ... > Aspetto> Pelle> Seleziona Pelle. Scegli la tua pelle e fare clic su OK. Ora potete controllare tutti gli elementi della pelle come sono utilizzati in MediaMonkey, e vedere se qualcosa deve essere fisso o migliorata.

Buona lettura, e buona fortuna a rendere nuove skin. Sentiti libero di fare le domande che potresti avere, preferibilmente utilizzando la scuoiatura forum o inviando un messaggio privato a uno dei responsabili della pelle qui.

--- RovingCowboy / Keith Hall --- Nuovamente a cura di Steegy redid formating e aggiunto Extra Note E Suggerimenti --- Nuovamente a cura di Rovingcowboy / Keith hall, fisso errori di battitura re aggiunto lasciati fuori passi, Corrette informazioni errate, ha aggiunto alcuni esempi. --- Nuovamente a cura di Rovingcowboy / Keith hall, aggiunte o regolate informazioni, Corrette informazioni errate.

Ulteriori note Estensione file non mostrato: Se non si riesce a visualizzare l'estensione alla fine del nome di un file, dovete prima di cambiare la cartella delle impostazioni di Windows: deselezionare "Nascondi le estensioni dei tipi di file conosciuti", attraverso il menu Strumenti> Opzioni cartella. .. > Scheda Visualizza. Programma principale pelle: MM2 vs MM3: Il programma principale pelle formato per la MM3 è quasi esattamente come la pelle formato per la MM2. Il più riconoscibile differenza tra le due versioni è che una pelle MM2 file è denominato default.mskn, mentre una pelle MM3 file è denominato Theme.mskn. MediaMonkey perché il tema del motore è compatibile all'indietro, è possibile rinominare il file MM2 default.mskn a Theme.mskn per farlo lavorare come MM3 pelle. (Non consigliabile per i neofiti di provare, perché è difficile da fare, molto duro) Readme.txt: Non dimenticate di aggiungere un file Leggimi.txt per la pelle, con alcune informazioni come il suo nome, la data di pubblicazione, l'autore, l'origine / idea ... Tema Editore: Il tema è l'editor (solo) il programma utilizzabile per creare e modificare i file di pelle.

Power suggerimenti Pelle file vs pelle cartella: MediaMonkey leggerà sottocartelle nella cartella Skins nello stesso modo come la si legge. Msz file in essa contenuti. Questo è molto utile quando si sta creando la pelle e la sperimentazione, in modo da non dover zip / rinominare costantemente. Non zip la nuova cartella di pelli. Non c'è bisogno di tutte le cartelle e le immagini che hai usato per rendere la nuova pelle essere in pelle di file, ma solo i file di immagini e quando si è visto il primo decompressi mm 3 blu royal pelle, che è ciò che viene detto nel passaggio 14. Il motivo è semplice, come in questo esempio

Cartella di pelle come file zippato = 1,4 mbs Stessa pelle solo i file zippato = 789kb's

Ora che non è esatto, ma i numeri che mostra ciò che accade con i file non necessari e la pelle del file zip. Ricarica uno cura della pelle: Per ricaricare una pelle (ad esempio, se si è modificato mentre era in esecuzione MediaMonkey) non è necessario riavviare MediaMonkey. Basta andare in opzioni e riselezionare la pelle (selezionare un'altra pelle e quindi selezionare nuovamente la propria pelle). . Msz associazione file: Invece di cambiare il sempre. Msz. Zip e quindi aprire il file. Zip, puoi fare in modo che il vostro programma di riconoscere la zip. Msz associando il file. Msz con estensione. Mentre in Windows Explorer, cliccare con il tasto destro. Msz file e scegli "Apri ..." (Se "Apri ..." non è disponibile, quindi premere il tasto Shift mentre cliccate con il tasto destro sul file, o semplicemente fare doppio clic sul file). Nella finestra di dialogo aperto, selezionare o cercare il tuo programma zip, seleziona "Sempre aperto ..." E fare clic su OK. Ora dovreste vedere che il file di icona. Msz file è cambiato. Se ora doppio clic su un file, esso verrà automaticamente aperto nel tuo programma zip. . Mskn associazione file: Per essere in grado di aprire / modificare il file di pelle e il tema editor facendo doppio clic sul file, dovete associare l'. Mskn file con il tema editor di applicazione, allo stesso modo, come spiegato nel precedente potere Tip.