Marr0w at 18:24, 8 October 2015

2015-10-08T18:24:03Z

Marr0w: Created page with "A '''Theme Music''' Tab? What kind of sorcery is this? ==What is this madness?== There's a lot of characters who have a theme song in their player's minds. Some entire playli..."

2015-10-08T18:12:17Z

Created page with "A '''Theme Music''' Tab? What kind of sorcery is this? ==What is this madness?== There's a lot of characters who have a theme song in their player's minds. Some entire playli..."

New page

A '''Theme Music''' Tab? What kind of sorcery is this?

==What is this madness?==
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.

===How do I start?===
New profiles will have this line already added in. Older ones will have to have it added. If you are using a profile created before October 8th, 2015 you need to add the following line somewhere on your profile page: <pre>|MusicEmbed= </pre> We recommend adding it between Stats and Logs so it displays like so:

<pre>
|Stats=
|MusicEmbed=
|Logs=
</pre>

==Now what?==
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:
{{code example
|code = <pre>|MusicEmbed=Metallica - The Unnamed Feeling<br />Nine Inch Nails - The Becoming</pre>
|view = Metallica - The Unnamed Feeling<br />Nine Inch Nails - The Becoming
}}

You could also make them links to a YouTube page so someone can click them.
{{code example
|code = <pre>|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]</pre>
|view = [https://www.youtube.com/watch?v=E0ZGzEYbBhs Metallica - The Unnamed Feeling]<br />[https://www.youtube.com/watch?v=U8wveDOqWaM Nine Inch Nails - The Becoming]
}}

OR you could embed a playlist.

==Getting Embed==
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:

<pre>
<websiteFrame>
website=
name=
align=
height=
width=
border=
scroll=
longdescription=
</websiteFrame>
</pre>

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:

<pre>
<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>
</pre>

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="

<pre><iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45" width="300" height="380" frameborder="0" allowtransparency="true"></iframe></pre>

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 <code><center></center></code> 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.

<pre>
|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>
</pre>

And the end result?

<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>

@@ Line 64: / Line 64: @@
 <pre><iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45" width="300" height="380" frameborder="0" allowtransparency="true"></iframe></pre>
-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 <code><center></center></code> 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.
+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.
 <pre>

Theme Music - Revision history

Marr0w at 18:24, 8 October 2015

Marr0w: Created page with "A '''Theme Music''' Tab? What kind of sorcery is this? ==What is this madness?== There's a lot of characters who have a theme song in their player's minds. Some entire playli..."