Total Miner Forums

General => Graphics => Topic started by: The Gold Knight on December 03, 2013, 08:53:20 PM

Title: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on December 03, 2013, 08:53:20 PM
Basically, I've decided to make three themes for people to use in their "Ultimate Profile". There will be a Green one, a Blue one, and a Red one. I may add more to this in the future.

Notice! If you're going to make your own custom profile topic, please don't re-use the code I've set up already with a few color changes. i.e. Using the yellow them, but adding a single picture to it. If you're using mine as a base, please change the background and foreground images.

The codes for the themes are in these spoilers.

If you like them, feedback would be nice. ;)

Themes Now Located inside the Spoiler!
~Green~
Code: [Select]
<img src="http://i.imgur.com/Rk8vwWi.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #007700;
background: #2e2d2d;
border: 1px solid green;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: green;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: green;
</style>
<style>
A:link {
 COLOR: #22FF22
}
A:visited {
 COLOR: #007700
}
A:hover {
 COLOR: green
}
BODY { COLOR: #22FF22
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/ySpCJJO.png)
repeat-x;
background-image: url(http://i.imgur.com/ySpCJJO.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>
Just click select to select all of it instantly!
Green Preview
(http://gyazo.com/ae38ef3f658a844afd6b21d5a8ddadf1.png)

~Red~
Code: [Select]
<img src="http://i.imgur.com/wkEglj9.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #EE0000;
background: #2e2d2d;
border: 1px solid red;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: red;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: red;
</style>
<style>
A:link {
 COLOR: #EE0000
}
A:visited {
 COLOR: #880000
}
A:hover {
 COLOR: red
}
BODY { COLOR: #880000
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/AJVAIRG.png)
repeat-x;
background-image: url(http://i.imgur.com/AJVAIRG.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>
Just click select to select all of it instantly!
Red Preview
(http://gyazo.com/cb05ba09921e33fdb1d1af6b80629d2c.png)

~Blue~
Code: [Select]
<img src="http://i.imgur.com/koTbKru.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #000099;
background: #2e2d2d;
border: 1px solid blue;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: blue;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: blue;
</style>
<style>
A:link {
 COLOR: #000099
}
A:visited {
 COLOR: #0000DD
}
A:hover {
 COLOR: blue
}
BODY { COLOR: #0000DD
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/TDg4sWB.png)
repeat-x;
background-image: url(http://i.imgur.com/TDg4sWB.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style></style>
Just click select to select all of it instantly!
Blue Preview
(http://gyazo.com/a764f2100c695171b51dd27542f7b7ea.png)

~Purple~
Code: [Select]
<img src="http://i.imgur.com/nxUkKMg.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #CC00FF;
background: #2e2d2d;
border: 1px solid purple;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: purple;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: purple;
</style>
<style>
A:link {
 COLOR: #990099
}
A:visited {
 COLOR: #CC00FF
}
A:hover {
 COLOR: purple
}
BODY { COLOR: #990099
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/EbX4vaH.png)
repeat-x;
background-image: url(http://i.imgur.com/EbX4vaH.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>
Purple Preview
(http://gyazo.com/2355838431895d124039e5812778a95d.png)

~Yellow~
Code: [Select]
<img src="http://i.imgur.com/AHQ9Cun.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #BBBB00;
background: #2e2d2d;
border: 1px solid yellow;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: yellow;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: yellow;
</style>
<style>
A:link {
 COLOR: #yellow
}
A:visited {
 COLOR: #BBBB00
}
A:hover {
 COLOR: yellow
}
BODY { COLOR: #BBBB00
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/VdsIVQC.png)
repeat-x;
background-image: url(http://i.imgur.com/VdsIVQC.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>
Yellow Preview
(http://gyazo.com/f741ce4d1c808139af8246f70e1fe276.png)

~Orange~
Code: [Select]
<img src="http://i.imgur.com/97ohqc6.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #AA6600;
background: #2e2d2d;
border: 1px solid orange;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: orange;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: orange;
</style>
<style>
A:link {
 COLOR: #orange
}
A:visited {
 COLOR: #AA6600
}
A:hover {
 COLOR: orange
}
BODY { COLOR: #AA6600
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/gZnd29u.png)
repeat-x;
background-image: url(http://i.imgur.com/gZnd29u.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>
Orange Preview
(http://gyazo.com/67bac49e7f571182459c98751458ab8e.png)
~Pink~
Code: [Select]
<img src="http://i.imgur.com/SfK69Rt.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #EE008E;
background: #2e2d2d;
border: 1px solid pink;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: #EE008E;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: #EE008E;
</style>
<style>
A:link {
 COLOR: pink
}
A:visited {
 COLOR: pink
}
A:hover {
 COLOR: #EE008E
}
BODY { COLOR: pink
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/1DRK1sJ.png)
repeat-x;
background-image: url(http://i.imgur.com/1DRK1sJ.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>
Pink Preview
(http://gyazo.com/1ee75bc85d6ceb4f315a201b7e1a70c2.png)


NEW!
Here are some snippets of code used in my own profile, albeit modified, to allow people who aren't sure of what all of this code means to have more power in customizing their profiles.

Custom Cursors!
The top one is to change the regular cursor, the bottom is to change the link cursor. They will appear red if you use this code. EDIT: Forgot to mention that the hotspot(Where the mouse actually clicks n' stuff) will always be the top left corner of the image used, unless you modify the code with specifics that I did not add.
Code: [Select]
<style>
body {
cursor: url("http://i.imgur.com/xUY2WtX.png"),auto;
}
</style>
<style>
a, span {
cursor: url("http://i.imgur.com/JZkhbef.png"),pointer;
</style>
Remove Comments Section!
Getting tired of those silly ol' comments on your profile? Now you can have a nicer, smaller profile with the addition of this great code!
Code: [Select]
<style>
#forumposts {
display: none;
}
</style>
Change Your Highlight Color!
Ever get tired of seeing that same old blue highlight color whenever you click and drag over words on your computer? This will let you change it to a color of your choosing!
Code: [Select]
<style>
::-moz-selection { /* Code for Firefox */
    color: white;
    background: #518800;
}

::selection {
    color: white;
    background: #518800;
}
</style>
Remove the Top Right Logo!
Ever get tired of seeing the variation of the Forums Logo thing in the top right corner? This will let you remove it, and clean up your profile!
Code: [Select]
<style>
/* float these items to the right */
img#smflogo, #siteslogan
{
display: none;
}
</style>

Even Newer Additions!

Add music to your profile!
Ever wanted to add music to your profile and make all the other people jealous? Here's the code you need! Make sure to put this code in the "My Media" box, as it is more reliable for playing music than the "Customization" box. (If you're using one of the default themes here, you'll have to manually remove the music code already included in it.)
Code: [Select]
<object width="0" height="0">
<param name="movie" value="//www.youtube.com/v/XXXX?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="//www.youtube.com/v/XXXX?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" />
</object>
To choose a song, change the XXXX to the youtube video's code of your choosing! (This thing is what I'm referring to,
(http://i.imgur.com/jerVCsP.png)

Foreground Image!
I'm finally posting this into the public! However, as a member was being quite rude to me recently, the little dancing fellow is no longer available. Sorry! :(
Code: [Select]
<img src="Link goes here" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;"  />

Background Image!
Heck, why not throw a background onto your profile? This code will resize an image you have to fill in the background of your profile! Just change the image link to one of your choosing!
Code: [Select]
<style>
BODY {background-image: url(Your Link Here.png);
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
background-size: 100%;}
</style>

Added as of September 27th

Link Colors!
This will allow you to change the colors of links on your profiles! You can change what they look like normally, when you've already visited them, or when you hover over them. Make sure to read it carefully, to know what you should change for the wanted results!
Code: [Select]
<style>
A:link {
 COLOR: blue
}
A:visited {
 COLOR: purple
}
A:hover {
 COLOR: red
}
</style>

Change the font on your profile!
This one is fairly self explanatory, hehe. There are two spots for colors in this one. The top one is the font for the entire profile, the bottom part is for the font in your little box with your profile pic. You can change both color, and font family. For font family, change "veranda" to an appropriate font type.
Code: [Select]
<style>
.windowbg, #preview_body
{
color: pink;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: pink;
</style>

Change the sub-background color!
This will let you change the color of a sub background on your profile! To let you figure it out, if you use it how it is now, it'll make it easier to identify what it will change.
Code: [Select]
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: yellow
}
</style>

Modify your input boxes!
These are the boxes where you can type inside of them! So, this will let you change the add comment box, and search box. There are three color spots in this one!
Code: [Select]
<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: red;
background: pink;
border: 1px solid black;
padding: 2px;
}
</style>

Added as of October 1st

Add a Game!
Feel like your profile is missing something? Something fun? A game perhaps? This one's for you then! Now this one is a bit tricky to add, as you gotta do it just right. ;)
To add this one, you gotta know how to work it properly! First, find a flash game online. Let's use Pong as an example! Here's the link we'll be using "http://www.ponggame.org/pong.swf". As you can see, the link ends in a .swf, which means it's a flash game. This is what we need. You'll throw in the whole link, from http to .swf into where the XXXXs are. *Warning, I haven't tested it with this game*
Code: [Select]
<object width="640" height="360"
<param name="movie" value="XXXX">
<embed src="XXXX" width="640" height="360">
</embed>
</object>

Added as of October 11th

Give your boxes red borders!
This code is something special, as it adds red tops and bottoms to all of the boxes on your profile! It even changes the header at the top to a red color! This one is a little something special from me, to all of you! ;)
Code: [Select]
<style>#header
{
background: url(http://i.imgur.com/gJ7lkwM.png) #1c1c1c no-repeat 0 -240px;
padding-left: 20px;
}
#header div.frame
{
background: url(http://i.imgur.com/gJ7lkwM.png) no-repeat 100% -240px;
display: block;
padding: 5px 20px 0 0px;
}
.windowbg span.topslice
{
display: block;
padding-left: 20px;
background: url(http://i.imgur.com/gJ7lkwM.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
display: block;
background: url(http://i.imgur.com/gJ7lkwM.png) 100% -30px no-repeat;
height: 11px;
}
.windowbg span.botslice
{
display: block;
padding-left: 20px;
background: url(http://i.imgur.com/gJ7lkwM.png) 0 -40px no-repeat;
font-size: 5px;
line-height: 5px;
margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
display: block;
background: url(http://i.imgur.com/gJ7lkwM.png) 100% -40px no-repeat;
height: 11px;
}
.windowbg2 span.topslice
{
display: block;
padding-left: 20px;
background: url(http://i.imgur.com/gJ7lkwM.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
display: block;
background: url(http://i.imgur.com/gJ7lkwM.png) 100% -60px no-repeat;
height: 11px;
}
.windowbg2 span.botslice
{
display: block;
padding-left: 20px;
background: url(http://i.imgur.com/gJ7lkwM.png) 0 -71px no-repeat;
font-size: 5px;
line-height: 5px;
margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
display: block;
background: url(http://i.imgur.com/gJ7lkwM.png) 100% -71px no-repeat;
height: 11px;
}
</style>

Added as of February 8th
This segment of code is brought to you by Dryym (http://totalminerforums.net/index.php?action=profile;u=2010)! He's a pretty fantastic guy. ;)

I figure I may as well post these here since /gk is too lazy to do so himself.

Name Colour change & Prefix.
Code: [Select]
<style>
a[href$="=profile;u=//ID"]
{   
color: rgba(255,0,0,0.75) !important;
        font-size: 133%
}

a[href$="=profile;u=//ID"]:before
{
content: "//Prefix ";
}
</style>

Replace //ID with your profile ID (The number at the end of your profile URL.) And //Prefix with the prefix you want before your name. Remember to add a space at the end if you want it separated from your name. You can remove the text sizing if you so choose. If you want a suffix, Change :before to :after. Just be sure to begin your suffix with a space.

Also note, I used the RGBA format for colouring. So you can make your name translucent if you so choose.

I didn't come up with this code, I got it from Derfen Steve's "Color Spice" code and modified it, Although I think I was the first to use it in a profile.

Another thing (GK Note: This let's you mess with another member's name on your own profile only)

Code: [Select]
<style>
a[href$="=profile;u=//ID"]
{
visibility: hidden;
line-height: 0;
}
a[href$="=profile;u=//ID"]:after {
letter-spacing: -2px;
content: "//Text";
visibility: visible;
display: block;
position: absolute;
line-height: 1%;
}
</style>

I used this to change PWRBTTN's name to ______ You may want to change the line spacing for your font, I had to do that because the text looked too far apart on mine.


Nothing too complicated, But it does require a tad bit more effort in replacing text than the others here.
So if you have no CSS experience, Do a bit of reading.

Added as of 25 September 2016!
This section of code is brought to us by me, though the idea of it is from our lovely friend, Tom! ;)
What was Tom's idea you may ask? Why, it was little button to have on your profile that link to various social media's you may have!

Social Media Buttons!
A preview of the four currently available buttons.
(https://i.gyazo.com/3d751239f6bd7c4e66e7b7080fe6ebae.png)
And the codes for these lovely buttons go here!

You'll need to supply your own links to your channels/accounts. Just replace the phrases that say "YOUR __ LINK HERE", and leave the quotation marks. If you're a kid, you probably shouldn't use the Facebook one. Or the Twitter one either, honestly.

Code: (Facebook) [Select]
<a href="YOUR FACEBOOK LINK HERE"><img src="http://i.imgur.com/hQzth42.png" style="position:fixed; float:right; right:0px; bottom:350px; z-index:2;" alt="Link to my Facebook Page!" /></a>
Code: (Youtube) [Select]
<a href="YOUR YOUTUBE CHANNEL LINK HERE"><img src="http://i.imgur.com/zvH0f7b.png" style="position:fixed; float:right; right:0px; bottom:285px; z-index:2;" alt="Link to my Youtube Channel!" /></a>
Code: (Twitter) [Select]
<a href="YOUR TWITTER ACCOUNT LINK HERE"><img src="http://i.imgur.com/uMimK78.png" style="position:fixed; float:right; right:0px; bottom:220px; z-index:2;" alt="Link to my Twitter account!" /></a>
Code: (Twitch) [Select]
<a href="YOUR TWITCH CHANNEL LINK HERE"><img src="http://i.imgur.com/HIVsbiv.png" style="position:fixed; float:right; right:0px; bottom:155px; z-index:2;" alt="Link to my Twitch Channel!" /></a>
Added as of 2 October 2016!
This code is dedicated to those of us who like to hide our online status. ;)

Remove your "Current Activity" from your profile!
This code does exactly what it sounds like. Even if you're hiding your online status, this little part of your profile would reveal if you're actually online or not. This code removes it. ;)
Code: [Select]
#up_summary div div table tbody tr td:nth-child(2) dl dd:nth-child(10) {
display: none;
}
#up_summary div div table tbody tr td:nth-child(2) dl dt:nth-child(9) {
display: none;
}
Title: Re: Profile Themes!
Post by: Shorts the Environmentalist on December 04, 2013, 06:49:23 PM
Awesome Knighty!!!! you think you could make a custom one for me? haha!
Title: Re: Profile Themes!
Post by: The Gold Knight on December 04, 2013, 06:57:15 PM
Awesome Knighty!!!! you think you could make a custom one for me? haha!
I have no plans on making any personal ones anytime soon. All the ones I add here are for everyone to use, not for private use. :P
Title: Re: Profile Themes!
Post by: AlienizdPixel on December 05, 2013, 07:01:58 AM
Im looking at the coding, and it looks really simple, only thing is you have to remember. I may use one of these soon.

EDIT: I will probably keep it for the original TM music, classic, and peaceful.
Title: Re: Profile Themes!
Post by: The Gold Knight on December 06, 2013, 12:33:09 AM
New themes added! Yellow and Orange!
Title: Re: Profile Themes!
Post by: LaxrMoDz on January 24, 2014, 05:09:41 PM
how do I add this in help ....
Title: Re: Profile Themes!
Post by: GoatOnTheMoon on January 24, 2014, 09:48:46 PM
Im looking at the coding, and it looks really simple, only thing is you have to remember. I may use one of these soon.

EDIT: I will probably keep it for the original TM music, classic, and peaceful.

How'd you get music into your background?
Title: Re: Profile Themes!
Post by: CarboN x Spider on January 25, 2014, 02:12:19 AM
How'd you get music into your background?
i think there are two youtube links at the bottom of the code change them to youtube links of your choice thats what i did
Title: Re: Profile Themes!
Post by: Jaz on January 26, 2014, 03:58:29 AM
can someone copy and paste the green one into the comment section for me to copy it won't let me copy the one up there /\
Title: Re: Profile Themes!
Post by: Clerical on January 26, 2014, 04:35:26 AM
can someone copy and paste the green one into the comment section for me to copy it won't let me copy the one up there /\
Code: [Select]
<img src="http://i.imgur.com/Rk8vwWi.png" style="position:fixed; float:right; right:0px; bottom:0px; z-index:2;" alt="Total Miner" />

<style>
input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #007700;
background: #2e2d2d;
border: 1px solid green;
padding: 2px;
}
</style>
<style>
table {
border-collapse: separate;
border-spacing: 2px;
border-color: transparent;
background-color: #0f0f0f
}
</style>

<style>
.windowbg, #preview_body
{
color: green;
font-family: verdana;
}
</style>
<style>
body, td, th, tr
{
color: green;
</style>
<style>
A:link {
 COLOR: #22FF22
}
A:visited {
 COLOR: #007700
}
A:hover {
 COLOR: green
}
BODY { COLOR: #22FF22
{
</style>
<style>
body {
background: #000000 url(http://i.imgur.com/ySpCJJO.png)
repeat-x;
background-image: url(http://i.imgur.com/ySpCJJO.png);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #000000;
font: 78%/130% verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 15px 0px;
}
</style>
<object width="0" height="0"><param name="movie" value="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/Awmv0qR93UU?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style>

Click the select button on the code box.
Title: Re: Profile Themes!
Post by: GoatOnTheMoon on January 26, 2014, 06:45:45 PM
i think there are two youtube links at the bottom of the code change them to youtube links of your choice thats what i did

I couldn't find it.... This is how it ends:

}
</style>
<object width="0" height="0"><param name="movie" value="//" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style></style
Title: Re: Profile Themes!
Post by: Clerical on January 26, 2014, 06:51:17 PM
I couldn't find it.... This is how it ends:

}
</style>
<object width="0" height="0"><param name="movie" value="//" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//" type="application/x-shockwave-flash" width="1" height="0" /></object>
<style></style
http://totalminerforums.net/index.php?topic=3111.msg35379#msg35379
Title: Re: Profile Themes!
Post by: GoatOnTheMoon on January 26, 2014, 07:07:30 PM
http://totalminerforums.net/index.php?topic=3111.msg35379#msg35379

I tried B1ack W1dow's instructions but... look at my profile
Title: Re: Profile Themes!
Post by: GoatOnTheMoon on January 26, 2014, 07:25:13 PM
I tried B1ack W1dow's instructions but... look at my profile

I got rid of it. Nothing happened but a white block appeared on my screen with nothing on it.
Title: Re: Profile Themes!
Post by: Delt4knight on November 12, 2014, 12:13:05 AM
It will be hard to put on because I am using a tablet
Title: Re: Profile Themes!
Post by: The Gold Knight on November 12, 2014, 01:31:50 AM
It will be hard to put on because I am using a tablet
It shouldn't be that hard to do. Clicking on the thing that says "select" above the code instantly selects all of the stuff you need, making it easier to copy and paste it. I could do it from my phone with little to no issue.
Title: Re: Profile Themes!
Post by: The Gold Knight on March 07, 2015, 10:44:36 PM
Main Post updated with snippets of code for more profile customization!
They can be found at the end of the Original Post.
Title: Re: Profile Themes!
Post by: DatAwesomenessDoe on March 08, 2015, 03:08:49 AM
Main Post updated with snippets of code for more profile customization!
They can be found at the end of the Original Post.
Das noice. Yup.
Title: Re: Profile Themes!
Post by: The Gold Knight on August 11, 2015, 09:10:35 PM
OP has been updated to include 3 new snippets of code, and a side note.
Title: Re: Profile Themes!
Post by: Jared on August 11, 2015, 09:26:51 PM
Wow, some very nice new additions GK. Good job!
Title: Re: Profile Themes!
Post by: The Gold Knight on August 11, 2015, 09:30:35 PM
Wow, some very nice new additions GK. Good job!
Thank you, kind sir! I plan on adding in everything else needed to completely customize a profile! However, as I'm lazy, I probably won't get on that for a while... ::)
Title: Re: Profile Themes!
Post by: Cowboy on August 19, 2015, 07:00:15 AM
Thanks There Amazing Good Job  :D
Title: Re: Profile Themes!
Post by: The Gold Knight on September 27, 2015, 10:08:17 PM
I have added in more code, to allow people more customization of their profiles! I'm sure there's still some that I could add later, so I'm not done just yet! (http://i.imgur.com/G6y5uNd.png)
Title: Re: Profile Themes!
Post by: Ark on September 30, 2015, 10:10:49 PM
Thanks Gk for helping me with my profile I really do appreciate it, you have my vouch.
Title: Re: Profile Themes!
Post by: The Gold Knight on October 01, 2015, 10:26:49 PM
Thanks Gk for helping me with my profile I really do appreciate it, you have my vouch.


Anywho, added in one new bit of code that I think everyone will love. ;)
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on October 11, 2015, 05:22:09 PM
A special new code was added!
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on October 11, 2015, 05:38:28 PM
A special new code was added!
I like the way the comment section looks with it.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Dark Hydrak on October 14, 2015, 03:50:57 AM
There are sooo many other codes that are still hidden. Like the code that turns your profile transparent. That code has been used for a long time now and no one has sent it out to the public.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on October 14, 2015, 09:33:44 AM
There are sooo many other codes that are still hidden. Like the code that turns your profile transparent. That code has been used for a long time now and no one has sent it out to the public.
We were told not to.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: TM Charles on October 14, 2015, 10:45:14 AM
We were told not to.
I keep I secret as many of us who like to code do
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: xTokioBeatlex7 on October 21, 2015, 09:39:49 AM
Thanks GK!
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Brother Claw on December 02, 2015, 04:23:07 PM
Dear Gold Knight,

I tried using the cursor changing code and it would not work. Please respond ASAP. :)

-Sheik
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on December 04, 2015, 01:09:23 AM
Dear Gold Knight,

I tried using the cursor changing code and it would not work. Please respond ASAP. :)

-Sheik
Well, seeing as the code is correct, works as it is without being changed, should work just fine.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Tom Snow on December 04, 2015, 03:10:53 AM
Well, seeing as the code is correct, works as it is without being changed, should work just fine.
I believe the issue is browser related and not the code provided. I had to change browser to view cursors when I was messing with them.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on December 04, 2015, 06:41:30 PM
I believe the issue is browser related and not the code provided. I had to change browser to view cursors when I was messing with them.
Ah, that could very well be it. Thanks for pointing that out, Tom! :D
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: SHAdowboRn77 on December 06, 2015, 03:12:28 AM
Thanks! Did miracles to my profile.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: TM Charles on February 04, 2016, 09:25:50 AM
So hate to revive any of /gk topics ::) but i cant seem to get any images to tile for my background, any solutions?
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on February 04, 2016, 08:22:45 PM
So hate to revive any of /gk topics ::) but i cant seem to get any images to tile for my background, any solutions?

http://www.w3schools.com/cssref/pr_background-repeat.asp
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: TM Charles on February 05, 2016, 05:53:26 AM
http://www.w3schools.com/cssref/pr_background-repeat.asp
Thank you i should have just searched google :/. Anyways ty


Edit: Ive checked the internet and i cant get it to tile on the x ive tried making it tile with the repeat but it overrides it.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on February 07, 2016, 05:50:04 PM
I figure I may as well post these here since /gk is too lazy to do so himself.

Name Colour change & Prefix.
Code: [Select]
<style>
a[href$="=profile;u=//ID"]
{   
color: rgba(255,0,0,0.75) !important;
        font-size: 133%
}

a[href$="=profile;u=//ID"]:before
{
content: "//Prefix ";
}
</style>

Replace //ID with your profile ID (The number at the end of your profile URL.) And //Prefix with the prefix you want before your name. Remember to add a space at the end if you want it separated from your name. You can remove the text sizing if you so choose. If you want a suffix, Change :before to :after. Just be sure to begin your suffix with a space.

Also note, I used the RGBA format for colouring. So you can make your name translucent if you so choose.

I didn't come up with this code, I got it from Derfen Steve's "Color Spice" code and modified it, Although I think I was the first to use it in a profile.

Another thing

Code: [Select]
<style>
a[href$="=profile;u=//ID"]
{
visibility: hidden;
line-height: 0;
}
a[href$="=profile;u=//ID"]:after {
letter-spacing: -2px;
content: "//Text";
visibility: visible;
display: block;
position: absolute;
line-height: 1%;
}
</style>

I used this to change PWRBTTN's name to ______ You may want to change the line spacing for your font, I had to do that because the text looked too far apart on mine.


Nothing too complicated, But it does require a tad bit more effort in replacing text than the others here.
So if you have no CSS experience, Do a bit of reading.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on February 08, 2016, 02:31:48 AM
I figure I may as well post these here since /gk is too lazy to do so himself.
While I may be very lazy -- no arguments there ;) -- I do like to keep some secrets. There's a sense of fun discovering new code from other people's profiles And learning how to incorporate it to your own. ;)

i swear im not trying to justify being lazy ::)

I'll probably end up quoting you and adding it to the Op when I have time, as long as you're cool with it.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on February 08, 2016, 08:27:29 AM
I figure I may as well post these here since /gk is too lazy to do so himself.
While I may be very lazy -- no arguments there ;) -- I do like to keep some secrets. There's a sense of fun discovering new code from other people's profiles And learning how to incorporate it to your own. ;)

i swear im not trying to justify being lazy ::)

I'll probably end up quoting you and adding it to the Op when I have time, as long as you're cool with it.

Go ahead. It's not like I'd be wanting to keep it secret if I posted it here. XD
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on February 08, 2016, 06:41:47 PM
The OP has been updated to add in the code Dryym so generously donated to the topic. ;)
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on February 09, 2016, 12:59:31 PM
The OP has been updated to add in the code Dryym so generously donated to the topic. ;)

I updated the second bit of code (The name swap.) Because I realized that I forgot a very important snippet of code. The part that actually deletes the old name. XD
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on February 09, 2016, 05:07:31 PM
The OP has been updated to add in the code Dryym so generously donated to the topic. ;)

I updated the second bit of code (The name swap.) Because I realized that I forgot a very important snippet of code. The part that actually deletes the old name. XD
Noted, and fixed. :P
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on February 09, 2016, 05:30:09 PM
The OP has been updated to add in the code Dryym so generously donated to the topic. ;)

I updated the second bit of code (The name swap.) Because I realized that I forgot a very important snippet of code. The part that actually deletes the old name. XD
Noted, and fixed. :P

Thanks /gk Without that snippet of code it's basically like the suffix code, Except it's always under your name.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on February 23, 2016, 08:21:29 AM
This snippet of code is useful for all of the hidden people on the forums.


Code: [Select]
<style>
a[href*="topic="]
{
visibility: hidden;
line-height: 0;
}
</style>

It hides the topic you are viewing from being visible to others viewing your profile.
This is only useful if you are hidden as they can just use the "Who's online" button to track it otherwise.


It doesn't perpetuate the illusion of you being offline, But it is pretty useful for hiding and confusing people.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on February 23, 2016, 05:20:09 PM
If this is suppose to hide your current activity on your profile, it isn't working for me.

It doesn't hide your activity, It just makes any hyperlinks with the keyword "topic=" somewhere in them invisible. Which in essence makes it impossible for someone to see what topic you are viewing. It does not remove your activity entirely.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Rollins on February 23, 2016, 08:24:38 PM
How would you do your Background? I've tried many times just it does not work.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on February 23, 2016, 08:38:48 PM
How would you do your Background? I've tried many times just it does not work.


Background Image!
Heck, why not throw a background onto your profile? This code will resize an image you have to fill in the background of your profile! Just change the image link to one of your choosing!

Code: [Select]
<style>
BODY {background-image: url(Your Link Here.png);
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
background-size: 100%;}
</style>
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Rollins on February 23, 2016, 08:41:35 PM
Background Image!
Heck, why not throw a background onto your profile? This code will resize an image you have to fill in the background of your profile! Just change the image link to one of your choosing!

Code: [Select]
<style>
BODY {background-image: url(Your Link Here.png)
[/color]background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
background-size: 100%;}
</style>

Do I take the Png. Out or leave it? I'm really confused 
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on February 23, 2016, 09:03:09 PM
Do I take the Png. Out or leave it? I'm really confused
Here we have an image from imgur.
(http://i.imgur.com/KcbqlLD.png)
The link to the image is this: http://i.imgur.com/KcbqlLD.png
Images that work as a background must end in .png, .jpg, or .gif. The .png that is already there is supposed to act as an example. If you want the image you're trying to use to work, it must end in one of those three extensions.

So, to get this image I just put here to work, the code would look something like this.
Code: [Select]
<style>
BODY {background-image: url(http://i.imgur.com/KcbqlLD.png)
[/color]background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
background-size: 100%;}
</style>
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Coolo9000 on February 29, 2016, 04:31:05 PM
These are perfect for skroobz like me. XD. Thanks for your work mate.  :D
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: W//L on June 03, 2016, 02:31:50 AM
Here is some code i have, that changes JUST the colour of the header of your profile (the top bit of the forums where it welcoms you etc..) For my example the colour is red, fading. You can change that to any image you please :)

<style>#header
{
   background: url(http://i.imgur.com/gJ7lkwM.png) #ff6600 no-repeat 0 -240px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(http://i.imgur.com/gJ7lkwM.png) no-repeat 100% -240px;
   display: block;
   padding: 5px 20px 0 0px;
}
.windowbg span.topslice
</style>
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on June 03, 2016, 03:57:07 PM
Here is some code i have, that changes JUST the colour of the header of your profile (the top bit of the forums where it welcoms you etc..) For my example the colour is red, fading. You can change that to any image you please :)

<style>#header
{
   background: url(http://i.imgur.com/gJ7lkwM.png) #ff6600 no-repeat 0 -240px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(http://i.imgur.com/gJ7lkwM.png) no-repeat 100% -240px;
   display: block;
   padding: 5px 20px 0 0px;
}
.windowbg span.topslice
</style>

So basically, you've just removed parts of a code that I've already set up, using the image I recolored for it too?
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: W//L on June 03, 2016, 04:05:45 PM
Here is some code i have, that changes JUST the colour of the header of your profile (the top bit of the forums where it welcoms you etc..) For my example the colour is red, fading. You can change that to any image you please :)

<style>#header
{
   background: url(http://i.imgur.com/gJ7lkwM.png) #ff6600 no-repeat 0 -240px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(http://i.imgur.com/gJ7lkwM.png) no-repeat 100% -240px;
   display: block;
   padding: 5px 20px 0 0px;
}
.windowbg span.topslice
</style>

So basically, you've just removed parts of a code that I've already set up, using the image I recolored for it too?

Pretty much, as it is unlcear how to just colour the head of the site..
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on June 03, 2016, 07:00:56 PM
Here is some code i have, that changes JUST the colour of the header of your profile (the top bit of the forums where it welcoms you etc..) For my example the colour is red, fading. You can change that to any image you please :)

<style>#header
{
   background: url(http://i.imgur.com/gJ7lkwM.png) #ff6600 no-repeat 0 -240px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(http://i.imgur.com/gJ7lkwM.png) no-repeat 100% -240px;
   display: block;
   padding: 5px 20px 0 0px;
}
.windowbg span.topslice
</style>

So basically, you've just removed parts of a code that I've already set up, using the image I recolored for it too?

Pretty much, as it is unlcear how to just colour the head of the site..
You could of posted this part of gk code is the header that will change its color. Rather then calling it your own.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on June 03, 2016, 07:30:30 PM
Here is some code i have, that changes JUST the colour of the header of your profile (the top bit of the forums where it welcoms you etc..) For my example the colour is red, fading. You can change that to any image you please :)

<style>#header
{
   background: url(http://i.imgur.com/gJ7lkwM.png) #ff6600 no-repeat 0 -240px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(http://i.imgur.com/gJ7lkwM.png) no-repeat 100% -240px;
   display: block;
   padding: 5px 20px 0 0px;
}
.windowbg span.topslice
</style>

So basically, you've just removed parts of a code that I've already set up, using the image I recolored for it too?

Pretty much, as it is unlcear how to just colour the head of the site..
You could of posted this part of gk code is the header that will change its color. Rather then calling it your own.
He didn't say it was his own, he just said that he had it.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Sneaky Sort on July 13, 2016, 05:00:42 PM
Can someone help me put music on my profile? This is the song link. https://www.youtube.com/watch?v=AfsloRIkxDE&list=PLf6LK79jaKeifXDeqFUIhISP2RJlF75qw&index=1

I'm not sure what I'm doing wrong. I paste the song code in? I've tried other songs as well. No luck.

I'll paste my example so you can evaluate it.

<object width="0" height="0">
<param name="movie" value="//www.youtube.com/v/ https://www.youtube.com/watch?v=AfsloRIkxDE&list=PLf6LK79jaKeifXDeqFUIhISP2RJlF75qw&index=1?=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="//www.youtube.com/v/ https://www.youtube.com/watch?v=AfsloRIkxDE&list=PLf6LK79jaKeifXDeqFUIhISP2RJlF75qw&index=1?=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" />
</object></style>




 This is my example above, what did I do wrong on the example If you reword it for me in the correct format, that would be great. ;)

Thank you for viewing. ;)
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on July 13, 2016, 07:57:17 PM
Code: [Select]
<object width="0" height="0">
<param name="movie" value="//www.youtube.com/v/AfsloRIkxDE?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" /><param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="//www.youtube.com/v/AfsloRIkxDE?hl=en_US&amp;autoplay=1&amp;loop=1&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="1" height="0" />
</object>

Copy and paste that into you ultimate profile.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on September 25, 2016, 07:55:25 PM
New section of code! Social media buttons!
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on September 25, 2016, 11:25:59 PM
New section of code! Social media buttons!
Amazing GK. :) Glad to see these added. Added a few to my profile.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on September 25, 2016, 11:33:14 PM
New section of code! Social media buttons!
Amazing GK. :) Glad to see these added. Added a few to my profile.
Haha, don't thank me, these were Tom's idea. I just made them work. ;)
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on September 25, 2016, 11:37:54 PM
New section of code! Social media buttons!
Amazing GK. :) Glad to see these added. Added a few to my profile.
Haha, don't thank me, these were Tom's idea. I just made them work. ;)
well good for Tom. You should add a Snapchat and Instagram for people that use those as well.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: .ok on September 26, 2016, 02:17:03 AM
The new feature doesnt work for me when i click on peoples icons
https://gyazo.com/ffec3e147a7101754ea9b8f21ce6b87a
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on September 26, 2016, 03:48:45 AM
The new feature doesnt work for me when i click on peoples icons
https://gyazo.com/ffec3e147a7101754ea9b8f21ce6b87a
I can't take any responsibilty for that. That's caused by someone not properly inserting a link. If you clicked on the ones on my profile, they aren't even set up to be actual links, and are just there because I was setting up their positions.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: TheDestinedCrab on October 02, 2016, 07:03:08 AM
I made some code below. Basically, it adds an image at the left of your profile page that says "click to see my best map!" When you click you are redirected to a link (a your world topic) feel free to remove my crap images and replace them XD

Here's the code (only in 4 colours, but message me and i'll make specific colours for you) :

Blue :
<a href="***">
  <img src="http://i.imgur.com/lJSem3Q.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;">
</a>
Red :
<a href="***">
  <img src="http://i.imgur.com/NiY4UDn.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;">
</a>
Yellow :
<a href="***">
  <img src="http://i.imgur.com/EAooOV0.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;">
</a>
Green :
<a href="***">
  <img src="http://i.imgur.com/XaXWyYN.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;">
</a>
Please replace *** with the link to the your world topic

EDIT : For an example, see my profile
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Jesse on October 02, 2016, 12:06:17 PM
Blue :
Spoiler for Hidden Content:
<a href="***">
  <img src="http://i.imgur.com/lJSem3Q.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;">
</a>
Red :
Spoiler for Hidden Content:
Yellow :
Spoiler for Hidden Content:
Green :
Spoiler for Hidden Content:
Please replace *** with the link to the your world topic

EDIT : For an example, see my profile
That image is huge. Here is something a little bit smaller.

Blue
(http://i.imgur.com/fYMCH81.png)
Code: [Select]
<a href="Your World Link here">
  <img src="http://imgur.com/u2qNih9.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;" />
</a>

Red
(http://i.imgur.com/kUkqIEp.png)
Code: [Select]
<a href="Your World Link here">
  <img src="http://imgur.com/k28rbPE.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;" />
</a>

Green
(http://i.imgur.com/4FlcD4C.png)
Code: [Select]
<a href="Your World Link here">
  <img src="http://imgur.com/FqmSwqj.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;" />
</a>

Yellow
(http://i.imgur.com/k3MWfU7.png)
Code: [Select]
<a href="Your World Link here">
  <img src="http://imgur.com/ll98lah.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;" />
</a>

Orange
(http://i.imgur.com/Zee43RD.png)
Code: [Select]
<a href="Your World Link here">
  <img src="http://imgur.com/sciBO0P.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;" />
</a>

Purple
(http://i.imgur.com/dlE3zVW.png)
Code: [Select]
<a href="Your World Link here">
  <img src="http://imgur.com/YW3djMv.jpg" alt="Click here to see my best map!" style="width:90px;height:150px;border:0;position:fixed; float:left; left:0px;" />
</a>

These are not my codes just touch ups on crabs so its easy to see example and easy to copy. I also made the image.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on October 02, 2016, 05:06:09 PM
Just added some new code dedicated to us people who hide our online status. ;)
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: TheDestinedCrab on October 02, 2016, 05:12:55 PM
I don't know if this is intentional but the code isn't between style tags.. :P
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on October 02, 2016, 05:19:12 PM
I don't know if this is intentional but the code isn't between style tags.. :P
It's intentional. I'll no longer be adding style tags, because quite honestly, unless you're adding an object or link, you only need one set of style tags around everything that's style related.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Platinum Dryym on October 02, 2016, 06:06:20 PM
Just added some new code dedicated to us people who hide our online status. ;)

Well... That one is.. Way better than mine. Mine only stops you from seeing what topic I am on. XD



Edit:

A little snippet of code /gk shared with me that I am sharing before I delete it.

Code: [Select]
<style>
*:after { content: "kek"; }
</style>
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Lunar on January 15, 2017, 07:47:00 PM
I added a purple tint to the red borders, as seen on my profile, but I had to take out the very top one, for some reason it was only working for about half of the header, any fixes?
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on January 15, 2017, 07:55:37 PM
I added a purple tint to the red borders, as seen on my profile, but I had to take out the very top one, for some reason it was only working for about half of the header, any fixes?
I'm not quite sure what you mean. Nothing on your profile seems to be half done.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Lunar on January 15, 2017, 08:02:28 PM
I took it off, Ill put it back on
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: The Gold Knight on January 15, 2017, 08:26:25 PM
Ok, I've figured out what the problem is. You didn't mess with the code, you messed with the image's size. The image size it should be is 2300x864, while the size you used was 1000x376. Size matters.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: RemoteBeef092 on January 16, 2017, 11:22:19 AM
This message has been marked as spam and deleted. RemoteBeef092's post count has been reduced by 2.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Lunar on January 17, 2017, 08:53:28 PM
Ok, I've figured out what the problem is. You didn't mess with the code, you messed with the image's size. The image size it should be is 2300x864, while the size you used was 1000x376. Size matters.
Thanks!
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: .ok on June 13, 2017, 03:08:58 PM
has something happened with adding music to profiles?i tried a few times changing the code and even tried the my media part and it never did anything

then i looked at other profiles i remember having music and noone seems to have music on their profile anymore
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: Fuertey on June 13, 2017, 03:23:18 PM
The music still works on my profile. If you can't hear it then the problem is on your end. Check your system volume as well as browser/tab volume.
Title: Re: Profile Themes! Profile Codes! The one stop shop for all your profile needs!
Post by: .ok on June 13, 2017, 03:39:33 PM
The music still works on my profile. If you can't hear it then the problem is on your end. Check your system volume as well as browser/tab volume.
would not having the latest version of chrome possibly be the issue?never bothered to update it and i get the popups alot at random,so when it does popup again then ill update it
also as far as your profile goes i remember there being music and the background on it,but now theres this and no music
https://gyazo.com/332f2c0785d370dbc39c80a385ecf4e0

edit:i updated chrome or redownloaded it and music seems to work now