A Theme Music Tab? What kind of sorcery is this?
There's a lot of characters who have a theme song in their player's minds. Some entire playlists. Because of this we've decided to add a Theme Music tab to everyone's profiles. You don't have to put anything on it. It's not mandatory.
|MusicEmbed=We recommend adding it between Stats and Logs so it displays like so:
|Stats= |MusicEmbed= |Logs=
Well, that depends on what you want to do. If you just want to display a list of songs you can do them like so:
|MusicEmbed=Metallica - The Unnamed Feeling<br />Nine Inch Nails - The Becoming | → | Metallica - The Unnamed Feeling Nine Inch Nails - The Becoming |
You could also make them links to a YouTube page so someone can click them.
|MusicEmbed=[https://www.youtube.com/watch?v=E0ZGzEYbBhs Metallica - The Unnamed Feeling] <br />[https://www.youtube.com/watch?v=U8wveDOqWaM Nine Inch Nails - The Becoming] | → | Metallica - The Unnamed Feeling Nine Inch Nails - The Becoming |
OR you could embed a playlist.
Services like Spotify allow users to create an embedded playlist, but you'll have to adjust it to wiki formatting before it will function. For our wiki the embed code looks like this:
<websiteFrame> website= name= align= height= width= border= scroll= longdescription= </websiteFrame>
This may look daunting, but it's not. Most of these fields are self explanatory. Website is the URL for the webpage you want to embed. Name is the name of the webpage. Align is intended to be where it puts the embedded box on the page, but it doesn't always work correctly. Height and Width are the size of the box you want. Border is a 1 or 0 for on or off. Scroll tells it if you want a scroll bar. And a longdescription is just that. A long description of your box. Let's look at an example that's already filled in for us:
<websiteFrame> website=https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45 name=Spotify Playlist align=middle height=380px width=300 border=0 scroll=auto longdescription=A playlist on Spotify </websiteFrame>
To get the URL for the playlist, open Spotify and click the ellipsis (...) next to the play button beneath your playlist. Paste it in notepad and copy the URL from the code it gives you. It'll be on a line that reads "src="
<iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>
And, that's it. In the code we've gotten from Spotify you can see the width and height the embedded iframe was supposed to have, and we've copied it into the embed code for the wiki. To make it fancy, I tend to put everything between center tags. Here's the finished product ready to be pasted into a profile. In this example we've used the one found on Johnny_C's page.
|MusicEmbed=<center><websiteFrame> website=https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45 name=Spotify Playlist align=middle height=380px width=300 border=0 scroll=auto longdescription=A playlist on Spotify </websiteFrame></center>
And the end result?