Author Topic:  Profile Themes! Profile Codes! The one stop shop for all your profile needs!  (Read 12644 times)

0 Members and 1 Guest are viewing this topic.

The Gold Knight

  • Elite Member
  • *****
  • Posts: 974
  • Ya hoser
  • Awards 3 years on site+600 posts Site art contributions/TPs in-game/Contest winners Donated a giveaway prize. (Must be a prize of cash value.) 2 years on site+300 posts Former MotM winners 1 year on site+100 posts Week 1 members w/25+ posts (4/13/13-4/20/13)
    • View Profile
    • Insert Clickbait Title Here!
    • Awards
  • Other: 何
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!
Spoiler for Hidden Content:
~Green~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:

~Red~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:

~Blue~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:

~Purple~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:

~Yellow~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:

~Orange~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:
~Pink~
Spoiler for Hidden Content:
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
Spoiler for Hidden Content:


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.
Spoiler for Hidden Content:
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!
Spoiler for Hidden Content:
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!
Spoiler for Hidden Content:
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!
Spoiler for Hidden Content:
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.)
Spoiler for Hidden Content:
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,
Spoiler for Hidden Content:

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! :(
Spoiler for Hidden Content:
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!
Spoiler for Hidden Content:
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!
Spoiler for Hidden Content:
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.
Spoiler for Hidden Content:
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.
Spoiler for Hidden Content:
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!
Spoiler for Hidden Content:
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. ;)
Spoiler for Hidden Content:
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! ;)
Spoiler for Hidden Content:
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! 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.
Spoiler for Hidden Content:
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;
}
« Last Edit: January 07, 2017, 11:11:49 PM by The Gold Knight »

Shorts the Environmentalist

  • Supreme Member
  • *****
  • Posts: 3091
  • I like to do graphics!
  • Awards 2 years on site+300 posts Was in the top 10 of the forum stats page as of 4/12/15 1 year on site+100 posts Week 1 members w/25+ posts (4/13/13-4/20/13)
    • View Profile
    • Awards
  • Xbox: Shortpants128
Re: Profile Themes!
« Reply #1 on: December 04, 2013, 06:49:23 PM »
Awesome Knighty!!!! you think you could make a custom one for me? haha!
Doctor Who superfan! and first to break the topic section! First to be Legendary Member! I also claim to have the biggest name :3
/apm /ag /ag /ag /ag

Steam and XBL GT :
Shortpants128


The Gold Knight

  • Elite Member
  • *****
  • Posts: 974
  • Ya hoser
  • Awards 3 years on site+600 posts Site art contributions/TPs in-game/Contest winners Donated a giveaway prize. (Must be a prize of cash value.) 2 years on site+300 posts Former MotM winners 1 year on site+100 posts Week 1 members w/25+ posts (4/13/13-4/20/13)
    • View Profile
    • Insert Clickbait Title Here!
    • Awards
  • Other: 何
Re: Profile Themes!
« Reply #2 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

AlienizdPixel

  • Tester
  • Supreme Member
  • *****
  • Posts: 2601
  • Hello
  • Awards 3 years on site+600 posts Members who have unlocked the robotic avatar Awarded to exemplary forum members 2 years on site+300 posts Was in the top 10 of the forum stats page as of 4/12/15 1 year on site+100 posts
    • View Profile
    • Awards
  • Xbox: A1ienizdPixe1
  • Steam: Alienizd
Re: Profile Themes!
« Reply #3 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.
« Last Edit: December 05, 2013, 07:04:33 AM by A1ienizdPixe1 »
-Alionz

The Gold Knight

  • Elite Member
  • *****
  • Posts: 974
  • Ya hoser
  • Awards 3 years on site+600 posts Site art contributions/TPs in-game/Contest winners Donated a giveaway prize. (Must be a prize of cash value.) 2 years on site+300 posts Former MotM winners 1 year on site+100 posts Week 1 members w/25+ posts (4/13/13-4/20/13)
    • View Profile
    • Insert Clickbait Title Here!
    • Awards
  • Other: 何
Re: Profile Themes!
« Reply #4 on: December 06, 2013, 12:33:09 AM »
New themes added! Yellow and Orange!

LaxrMoDz

  • Jr. Member
  • **
  • Posts: 13
  • Logic Crafters Clan
    • View Profile
    • Awards
  • Xbox: LaxrMoDz
Re: Profile Themes!
« Reply #5 on: January 24, 2014, 05:09:41 PM »
how do I add this in help ....
action=dlattach;attach=681;type=avatar&time=1390071657

GoatOnTheMoon

  • Supreme Member
  • *****
  • Posts: 2340
  • YT: Nefty
  • Awards Site art contributions/TPs in-game/Contest winners 3 years on site+600 posts 2 years on site+300 posts 1 year on site+100 posts Former MotM winners
    • View Profile
    • Youtube
    • Awards
  • Xbox: GoatOnTheMoon
  • PSN: N/A
  • Steam: GoatOnTheMoon
Re: Profile Themes!
« Reply #6 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?

CarboN x Spider

  • Elite Member
  • *****
  • Posts: 721
  • Secret Spider-Sloth since 1986
  • Awards 1 year on site+100 posts
    • View Profile
    • Awards
  • Xbox: Blu Juggernaut5
Re: Profile Themes!
« Reply #7 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

Jaz

  • Supreme Member
  • *****
  • Posts: 2945
  • ヽ(`⌒)ノ
  • Awards Awarded to exemplary forum members 3 years on site+600 posts Was in the top 10 of the forum stats page as of 4/12/15 Former MotM winners 4 years on site+1000 posts Donated a giveaway prize. (Must be a prize of cash value.) 2 years on site+300 posts 1 year on site+100 posts
    • View Profile
    • cluckinbellhappychicken
    • Awards
  • Xbox: Jaz the MAN 2
  • PSN: Jaz_the_MAN_2
  • Steam: Jaz the MAN 2
Re: Profile Themes!
« Reply #8 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 /\

"I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones" ~ Albert Einstein

Clerical

  • Tester
  • Supreme Member
  • *****
  • Posts: 3232
  • Pixel Artist And Tester
  • Awards Awarded for extraordinary testing services to our game. Members who have unlocked the robotic avatar Unique Content Contributors 3 years on site+600 posts 2 years on site+300 posts Was in the top 10 of the forum stats page as of 4/12/15 1 year on site+100 posts Former MotM winners
    • View Profile
    • Awards
  • Xbox: TM Clerical
Re: Profile Themes!
« Reply #9 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.

Pixel artist, Map Creator, TotalMiner Tester

GoatOnTheMoon

  • Supreme Member
  • *****
  • Posts: 2340
  • YT: Nefty
  • Awards Site art contributions/TPs in-game/Contest winners 3 years on site+600 posts 2 years on site+300 posts 1 year on site+100 posts Former MotM winners
    • View Profile
    • Youtube
    • Awards
  • Xbox: GoatOnTheMoon
  • PSN: N/A
  • Steam: GoatOnTheMoon
Re: Profile Themes!
« Reply #10 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

Clerical

  • Tester
  • Supreme Member
  • *****
  • Posts: 3232
  • Pixel Artist And Tester
  • Awards Awarded for extraordinary testing services to our game. Members who have unlocked the robotic avatar Unique Content Contributors 3 years on site+600 posts 2 years on site+300 posts Was in the top 10 of the forum stats page as of 4/12/15 1 year on site+100 posts Former MotM winners
    • View Profile
    • Awards
  • Xbox: TM Clerical
Re: Profile Themes!
« Reply #11 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

Pixel artist, Map Creator, TotalMiner Tester

GoatOnTheMoon

  • Supreme Member
  • *****
  • Posts: 2340
  • YT: Nefty
  • Awards Site art contributions/TPs in-game/Contest winners 3 years on site+600 posts 2 years on site+300 posts 1 year on site+100 posts Former MotM winners
    • View Profile
    • Youtube
    • Awards
  • Xbox: GoatOnTheMoon
  • PSN: N/A
  • Steam: GoatOnTheMoon
Re: Profile Themes!
« Reply #12 on: January 26, 2014, 07:07:30 PM »

GoatOnTheMoon

  • Supreme Member
  • *****
  • Posts: 2340
  • YT: Nefty
  • Awards Site art contributions/TPs in-game/Contest winners 3 years on site+600 posts 2 years on site+300 posts 1 year on site+100 posts Former MotM winners
    • View Profile
    • Youtube
    • Awards
  • Xbox: GoatOnTheMoon
  • PSN: N/A
  • Steam: GoatOnTheMoon
Re: Profile Themes!
« Reply #13 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.

Delt4knight

  • Jr. Member
  • **
  • Posts: 45
    • View Profile
    • Awards
  • Xbox: Delt4knight
Re: Profile Themes!
« Reply #14 on: November 12, 2014, 12:13:05 AM »
It will be hard to put on because I am using a tablet
8) Awesome 8)