Profile Customization! [Tutorials / Ask for help / show off your profile here!]

[Zarconite]

To anyone who want's to change the text colour:
<style>
body, td, th, tr{
color: red; /* red (via naming the color) */
}
.windowbg, #preview_body{
color: rgb(0,255,0); /* green (via RGB settings) */
}
h1, h2, h3, h4, h5, h6{
color: #0000ff; /* blue (via Hex value) */
}
</style>

[Crest Is Dead ((For Now))]

How come whenever I try the background it never works?

[Zarconite]

Do you have your ultimate profile enabled?
Are you placing the code into customization?
Are you wrapping the code with <style> and </style>?

[Crest Is Dead ((For Now))]

Aye sir.

[Zarconite]

Can you paste everything you've entered into the customization box?
your profile currently doesn't have the ultimate profile layout

[Sub-Zero Knight]

I tried to change my background, but it just turned it red. Is there a way you can help me out?

[Farewell]

For some reason music won't play nor show up on my profile. I've tried to put it back in and then it gets rid of something else as if it's limiting me. Any way I can fix that?

[HyenaKing]

For some reason music won't play nor show up on my profile. I've tried to put it back in and then it gets rid of something else as if it's limiting me. Any way I can fix that?

Been having the same problem.

[Kyuusoku]

 I FINALLY found a BB Coding site that works for this forum! It's how I do all my centered paragraphs, ETC on here!

[Zarconite]

To the people trying to use the music player, place it into the customization section above everything else - even above <style>
if the music player is inside the <style> tag, it will treat the code as CSS causing it to not work (as it's using HTML)

[Farewell]

Ah alright, thanks!

[Zarconite]

Just updated the first post to a slightly better advanced version
Also, for anyone looking to replace the TFF logo with their own picture, you can use something like this:

---------------------

h1.forumtitle{
    display: none;
}

#top_section{ /* change this to an image that will roughly fit into the top bar, I can help with this if needs be */
background: url(http://i.imgur.com/fgCwqP6.png) no-repeat 0px 5px;
}

---------------------

And if you're looking for something cool to try, here's some code that will allow you to have two backgrounds! left click anywhere on the profile and it will change as long as you have the mouse held down (Remember to delete your current body section):

---------------------

body
{ /* Leave this one as is */
background: url(https://upload.wikimedia.org/wikipedia/commons/5/54/Blank_Canvas_on_Transparent_Background.png) no-repeat center center fixed;
}
body:before, body:after {
    content: "";
    position:absolute;
    top:0%;
    right:0%;
    bottom:-1337%;
    left:0%;
    opacity: 1;
    overflow: hidden;
}
body:before { /* this is the image that will be shown if you aren't clicking */
        background: url(http://i.imgur.com/Z7zDiQn.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    transition: opacity 0.5s;
 Z-index:-1999998;
}

/* If you want to speed up or slow down the animation, change the pink number above to any amount of seconds you like */

body:after { /* this is the image that will be shown if hold left click down anywhere on your profile */
    background: url(http://i.imgur.com/LHXaqkH.png) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
        Z-index:-1999999;
}

body:active:before { /* Leave this one as is */
    opacity: 0;
}

---------------------

If you want any help with anything profile related, feel free to pm me

[BlueWolf]

Some interesting little tidbits in here that I might have to give a try.  I feel this (or something very similar to it) should be stickied at the top of the general board.

[Zarconite]

Some new code for you people,

Easy (ish) youtube playlists!
This code looks more scary than it is, just focus on the coloured sections and leave the rest as is:

Spoiler for Hidden:

<div style="width:224px;height:24px;overflow:hidden;display:table-cell;vertical-align:bottom"><object width="265" height="24"><param name="movie" value="http://www.youtube.com/v/k3aCGU2SC18&amp;modestbranding=1&amp;shuffle=1&amp;fs=0&amp;rel=0&amp;hd=1&amp;showinfo=0&amp;iv_load_policy=0&amp;autoplay=1&amp;loop=1&amp;list=PLlirgeHmmztqyCG3GpxWIEMRJGf5UhkJp&amp;version=3&amp;autohide=0&amp;theme=dark" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/k3aCGU2SC18&amp;modestbranding=1&amp;shuffle=1&amp;fs=0&amp;rel=0&amp;hd=1&amp;showsearch=0&amp;showinfo=0&amp;iv_load_policy=0&amp;autoplay=1&amp;loop=1&amp;list=PLlirgeHmmztqyCG3GpxWIEMRJGf5UhkJp&amp;version=3&amp;autohide=0&amp;theme=dark" type="application/x-shockwave-flash" width="222" height="24" /></object></div>

The green parts of the code are just your video link, so you'd just copy the video id and replace it there (this bit: https://www.youtube.com/watch?v=_pR575Gxuww)

As for the orange parts, find any youtube playlist like this one: https://www.youtube.com/watch?v=Q50OntO-dD4&list=RDEM1R5zqDAOWV9_6J1zVEjzpA - and replace the list part of the code above with the code for your playlist


After that, place the code into the customization section of your ultimate profile and you're good to go! (Just make sure it's at the very bottom below everything)

[The Past]

Some new code for you people,

Easy (ish) youtube playlists!
This code looks more scary than it is, just focus on the coloured sections and leave the rest as is:

Spoiler for Hidden:

<div style="width:224px;height:24px;overflow:hidden;display:table-cell;vertical-align:bottom"><object width="265" height="24"><param name="movie" value="http://www.youtube.com/v/k3aCGU2SC18&amp;modestbranding=1&amp;shuffle=1&amp;fs=0&amp;rel=0&amp;hd=1&amp;showinfo=0&amp;iv_load_policy=0&amp;autoplay=1&amp;loop=1&amp;list=PLlirgeHmmztqyCG3GpxWIEMRJGf5UhkJp&amp;version=3&amp;autohide=0&amp;theme=dark" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/k3aCGU2SC18&amp;modestbranding=1&amp;shuffle=1&amp;fs=0&amp;rel=0&amp;hd=1&amp;showsearch=0&amp;showinfo=0&amp;iv_load_policy=0&amp;autoplay=1&amp;loop=1&amp;list=PLlirgeHmmztqyCG3GpxWIEMRJGf5UhkJp&amp;version=3&amp;autohide=0&amp;theme=dark" type="application/x-shockwave-flash" width="222" height="24" /></object></div>

The green parts of the code are just your video link, so you'd just copy the video id and replace it there (this bit: https://www.youtube.com/watch?v=_pR575Gxuww)

As for the orange parts, find any youtube playlist like this one: https://www.youtube.com/watch?v=Q50OntO-dD4&list=RDEM1R5zqDAOWV9_6J1zVEjzpA - and replace the list part of the code above with the code for your playlist


After that, place the code into the customization section of your ultimate profile and you're good to go! (Just make sure it's at the very bottom below everything)

Thank you, Zarc, I owe you one!

You can also place it in the "My Media" section.