Tech Community Skin Thread

Terra Branford

Running an Orphanage!
Veteran
Joined
Jan 11, 2008
Messages
2,086
Location
Mobliz
Gil
0
~Community Skin Thread~​


Welcome! Welcome!

*This idea originally came from a friend of mine called Cael. He's not the forums though...at least I don't think he is lol*

This is a Community skin thread where you will be able to find, hopefully, lots of skins to wear on this forum. However, this is not a request shop. I might make a few requests here and there, but this is just a community place to place all the themes created. If you have a theme to submit or maybe suggest, then please share with us :)

Reputation Codes:
*This is where codes are placed that change the reputation images*

Hear me Roar! Rep

Dark themes:

Light themes:

How to:
If you are making themes and found that you can't post the full code here on the forums, as I suspect, you can upload your themes at "userstyles.org" and then past a preview image and the link to the theme, here in a neat posting :)Themes will be release as soon as I finish the code. It seems this forum's URL has many different URLS that direct it back to here. So it will take a while. If you know how to fix this or know the URLS, then please, share :)

Hear me Roar! Rep
Code:
@-moz-document domain("finalfantasyforums.net") {
 
 
 
[src$="reputation_pos.gif"] ,[src$="reputation_highpos.gif"]{
 
width: 0 !important;
 
height: 0 !important;
 
padding-left: 8px !important;
 
padding-top: 11px !important;
 
background: url(http://edge.imgur.com/JlVTx.png) !important;
 
}
 
 
 
[src$="reputation_neg.gif"],[src$="reputation_highneg.gif"]{
 
width: 0 !important;
 
height: 0 !important;
 
padding-left: 8px !important;
 
padding-top: 11px !important;
 
background: url(http://edge.imgur.com/OZCDk.png) !important;
 
}
 
 
[src$="reputation_off.gif"]{
 
width: 0 !important;
 
height: 0 !important;
 
padding-left: 8px !important;
 
padding-top: 11px !important;
 
background: url(http://i.imgur.com/4NYeW.png) !important;
 
}
 
img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/user_offline.gif"]
 
{
width:0 !important;
height:15px !important;
background-image: url("http://i.imgur.com/9xI0c.png") !important;
background-repeat: no-repeat !important;
padding-left: 15px !important;
}
 
img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/user_online.gif"]
 
{
width:0 !important;
height:15px !important;
background-image: url("http://i.imgur.com/UMWIs.png") !important;
background-repeat: no-repeat !important;
padding-left: 15px !important;
}
 
img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/user_invisible.gif"]
 
{
width:0 !important;
height:15px !important;
background-image: url("http://i.imgur.com/kaQwB.png") !important;
background-repeat: no-repeat !important;
padding-left: 15px !important;
}

Copy (and install Stylish) and then create a new Style. Name it and paste the code. Save and enable and bam!
 
Last edited by a moderator:
The following code here changes the background image of the site.

Code:
@[B][URL="http://www.finalfantasyforums.net/member.php?u=3251"]nam[/URL][/B]espace url([URL="http://www.w3.org/1999/xhtml%29;"]http://www.w3.org/1999/xhtml);[/URL]



@-moz-document domain([URL="http://www.finalfantasyforums.net"]www.finalfantasyforums.net[/URL]) {



body 

  { background: url("INSERT IMAGE URL HERE")  center no-repeat fixed #000000 !important;

      }
Where you see "insert image url here" is what you need to change (the the url of an image, obviously) to make the image appear in the background.

Be aware that this also changes the background image of the quick reply box. I should fix that... but I'm lazy. :mokken:

In case you want a preview of what it would look like:
e5hcvt.jpg


Deal with it, nerds. :mokken:
 
That helps with the body, thank you very much Chell :)

For some strange reason my codes wll not alter much of this forum because of the multi URLS it says it has. For example, I can't seem to change the "forum_new" buttons or the banner because of this...hmm, it will take some thinking and tinkering. :/

Here is a code that you could use if you want:

Code:
@-moz-document domain("finalfantasyforums.net") {

body {

background-image: url("http://i56.tinypic.com/ra9t90.jpg") !important;

background-attachment: fixed !important;

background-repeat: fixed !important;

background-position: fixed !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #000000 !important;

color: #5b5551 !important;

font: 8pt "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

margin: 0px !important;

padding: 0px !important;

}

a:link, body_alink {

color: #737373 !important;

text-decoration: none;

}

a:visited, body_avisited {

color: #737373 !important;

text-decoration: none;

}

aver, a:active, body_ahover {

color: #A3A3A3 !important;

text-decoration: underline !important;

}

.page {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #5b5551 !important;

}

td, th, p, li {

font: 8pt "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.tborder {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #000000 !important;

color: #656565 !important;

border: 1px solid #1e1e1e !important;

}

.tcat {

background-image: url("http://www.torrent-invites.com/blackstream/gradients/gradient_tcat.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #12192d !important;

color: #737373 !important;

font: 700 11px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

border-bottom: 1px solid #161616 !important;

}

.tcat a:link, .tcat_alink {

color: #737373 !important;

text-decoration: none;

}

.tcat a:visited, .tcat_avisited {

color: #737373 !important;

text-decoration: none;

}

.tcat aver, .tcat a:active, .tcat_ahover {

color: #b9b9b9 !important;

text-decoration: underline;

}

.thead {

background-image: url("http://www.torrent-invites.com/blackstream/gradients/gradient_tcat.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #1a243b !important;

color: #7d7d7d !important;

font: 10px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

border-bottom: 1px solid #1b1b1b !important;

}

.thead a:link, .thead_alink {

color: #7d7d7d !important;

text-decoration: none !important;

}

.thead a:visited, .thead_avisited {

color: #7d7d7d !important;

text-decoration: none !important;

}

.thead aver, .thead a:active, .thead_ahover {

color: #7d7d7d !important;

text-decoration: underline !important;

}

.tfoot {

background-image: url("http://www.torrent-invites.com/blackstream/gradients/gradient_tcat.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #7d7d7d !important;

}

.tfoot a:link, .tfoot_alink {

color: #7d7d7d !important;

text-decoration: none !important;

}

.tfoot a:visited, .tfoot_avisited {

color: #7d7d7d !important;

text-decoration: none !important;

}

.tfoot aver, .tfoot a:active, .tfoot_ahover {

color: #7d7d7d !important;

text-decoration: underline !important;

}

.alt1, .alt1Active {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #5b5551 !important;

font: 9pt/ "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.alt2, .alt2Active {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #5b5551 !important;

font: 8pt/ "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.inlinemod {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #010712 !important;

color: #5d5d5d !important;

}

.wysiwyg {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #f5f5ff !important;

color: #000000 !important;

font: 8pt "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

textarea, .bginput {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #0b0b0b !important;

color: #505d70 !important;

font: 700 8pt "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

border: 1px solid #252525 !important;

}

.bginput option, .bginput optgroup {

font-size: 8pt !important;

font-family: "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.button {

font: 10px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

select {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #0b0b0b !important;

color: #505d70 !important;

font: 700 10px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

border: 1px solid #252525 !important;

}

option, optgroup {

font-size: 10px !important;

font-family: "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.smallfont {

font: 8pt "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.time {

color: #656565 !important;

}

.navbar {

font: 11px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

}

.highlight {

color: #ff0000 !important;

font-weight: 700 !important;

}

.fjsel {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #3e5c92 !important;

color: #e0e0f6 !important;

}

.fjdpth0 {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #f7f7f7 !important;

color: #000000 !important;

}

.panel {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #656565 !important;

padding: 10px !important;

border: 1px solid #2a2a2a !important;

}

.panelsurround {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #12192d !important;

color: #656565 !important;

}

legend {

color: #767676 !important;

font: 10px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

padding: 2px !important;

}

.vbmenu_control {

background-image: url("http://www.torrent-invites.com/blackstream/gradients/gradient_tcat.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #737373 !important;

font: 700 11px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

white-space: nowrap !important;

cursor: pointer !important;

border-left: 1px solid #222222 !important;

}

.vbmenu_control a:link, .vbmenu_control_alink {

color: #737373 !important;

text-decoration: none !important;

}

.vbmenu_control a:visited, .vbmenu_control_avisited {

color: #737373 !important;

text-decoration: none !important;

}

.vbmenu_control aver, .vbmenu_control a:active, .vbmenu_control_ahover {

color: #b9b9b9 !important;

text-decoration: underline !important;

}

.vbmenu_popup {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #12192d !important;

color: #656565 !important;

border: 1px solid #2a2a2a !important;

}

.vbmenu_option {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #656565 !important;

font: 11px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

white-space: nowrap !important;

cursor: pointer !important;

}

.vbmenu_option a:link, .vbmenu_option_alink {

color: #656565 !important;

text-decoration: none;

}

.vbmenu_option a:visited, .vbmenu_option_avisited {

color: #656565 !important;

text-decoration: none;

}

.vbmenu_option aver, .vbmenu_option a:active, .vbmenu_option_ahover {

color: #969696 !important;

text-decoration: none;

}

.vbmenu_hilite {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

color: #505d70 !important;

font: 11px "tahoma", "verdana", "geneva", "lucida", "lucida grande", "arial", "helvetica", sans-serif !important;

white-space: nowrap !important;

cursor: pointer !important;

}

.vbmenu_hilite a:link, .vbmenu_hilite_alink {

text-decoration: none !important;

}

.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {

color: #505d70 !important;

text-decoration: none !important;

}

.vbmenu_hilite aver, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {

color: #505d70 !important;

text-decoration: none !important;

}

.bigusername {

font-size: 14pt !important;

}

td.thead, th.thead, div.thead {

padding: 4px !important;

}

.pagenav a {

text-decoration: none !important;

}

.pagenav td {

padding: 2px 4px !important;

}

.shade, a.shade:link, a.shade:visited {

color: #777777 !important;

text-decoration: none !important;

}

a.shade:active, a.shadever {

color: #ff4400 !important;

text-decoration: underline !important;

}

.tcat .shade, .thead .shade, .tfoot .shade {

color: #dddddd !important;

}

.fieldset {

margin-bottom: 6px !important;

}

.fieldset, .fieldset td, .fieldset p, .fieldset li {

font-size: 11px !important;

}

#wrapper {

width: 840px !important;

margin: 0px auto !important;

padding-top: 98px !important;

}

#header {

height: 97px !important;

width: 100% !important;

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_base/header_rep.gif");

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

border: 1px solid #191919 !important;

}

.navbox {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_base/navbar_rep.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #151515 !important;

height: 31px !important;

border: 1px solid #161616 !important;

white-space: nowrap !important;

cursor: pointer !important;

}

.navm a {

color: #787878 !important;

font: 700 11px "tahoma" !important;

text-decoration: none !important;

margin-right: 15px !important;

}

.navm aver {

color: #9a9a9a !important;

text-decoration: underline !important;

}

.tcat_main {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_base/tcat_rep.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

}

.tcat-wing {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_base/tcat_leftw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 23px !important;

height: 31px !important;

float: left !important;

}

.avatar-box {

width: 150px !important;

margin-right: auto !important;

margin-bottom: 0px !important;

margin-left: auto !important;

border-top: 1px solid #2b2b2b !important;

border-right: 1px solid #2b2b2b !important;

border-left: 1px solid #2b2b2b !important;

margin-top: 34px !important;

}

.box-cap {

margin: 0px auto !important;

text-align: center !important;

}

.box-main {

text-align: center !important;

margin: 0px auto !important;

padding-bottom: 10px !important;

}

.box-pants {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/box_pants_rep.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

height: 20px !important;

text-align: center !important;

}

.cap-left {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/box_cap_leftw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 8px !important;

height: 7px !important;

float: left !important;

margin-top: -1px !important;

margin-left: -1px !important;

}

.cap-right {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/box_cap_rightw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 100% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 8px !important;

height: 7px !important;

float: right !important;

margin-top: -1px !important;

margin-right: -1px !important;

}

.pants-left {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/box_pants_leftw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 8px !important;

height: 20px !important;

float: left !important;

margin-left: -1px !important;

}

.pants-right {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/box_pants_rightw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 100% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 8px !important;

height: 20px !important;

float: right !important;

margin-right: -1px !important;

}

.cap-set {

padding: 5px !important;

}

.avatar-custom {

padding: 4px !important;

border: 4px double #161616 !important;

}

.online-box {

width: 24px !important;

height: 20px !important;

margin: 0px auto !important;

}

.postbit-toolbox {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/postbit_toolbox_rep.gif") !important;

background-attachment: scroll !important;

background-repeat: repeat-x !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

height: 31px !important;

margin: 0px auto !important;

}

.toolbox-right {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/postbit_toolbox_rightw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 100% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 7px !important;

height: 31px !important;

float: right !important;

}

.toolbox-left {

background-image: url("http://www.torrent-invites.com/blackstream/blackstream_postbit/postbit_toolbox_leftw.gif") !important;

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: transparent !important;

width: 7px !important;

height: 31px !important;

float: left !important;

}

.toolbox-main {

padding: 5px 20px 0px !important;

}

.fieldset {

border: none !important;

border-top: 1px solid #2a2a2a !important;

}

.tborder-alt {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #070b17 !important;

border: 1px solid #2a2a2a !important;

}

.notice_alt1 {

background-image: none !important;

background-attachment: scroll !important;

background-repeat: repeat !important;

background-position: 0% 0% !important;

background-size: auto !important;

background-origin: padding-box !important;

background-clip: border-box !important;

background-color: #140606 !important;

border: 1px solid #2d1212 !important;

color: #945050 !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/reply.gif"]



{

width:0 !important;

height:30px !important;

background-image: url("http://i55.tinypic.com/1zpm6ty.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 112px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/edit.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://i53.tinypic.com/2qnuuk4.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 20px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/quote.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://i55.tinypic.com/1zl3w3l.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 20px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/multiquote_off.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://i53.tinypic.com/4t0tps.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 20px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/quickreply.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://i55.tinypic.com/2zea2wx.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 20px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/header.jpg"]



{

width:0 !important;

height:275px !important;

background-image: url("http://i55.tinypic.com/2jaxmja.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 1020px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/newthread.gif"]



{

width:0 !important;

height:30px !important;

background-image: url("http://i55.tinypic.com/30a9k3k.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 112px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/user_online.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://www.anifreak.com/forums/skin_kakashi/statusicon/user_online.gif") !important;

background-repeat: no-repeat !important;

padding-left: 24px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/user_offline.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://www.anifreak.com/forums/skin_kakashi/statusicon/user_offline.gif") !important;

background-repeat: no-repeat !important;

padding-left: 24px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/multiquote_on.gif"]



{

width:0 !important;

height:20px !important;

background-image: url("http://i53.tinypic.com/2d12tyx.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 20px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/sendpm.gif"]



{

width:0 !important;

height:29px !important;

background-image: url("http://wsjcommunity.net/forums/images/BluEVO/buttons/sendpm.gif") !important;

background-repeat: no-repeat !important;

padding-left: 98px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_hot.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://i56.tinypic.com/2yxm3aa.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_dot_hot.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://i56.tinypic.com/2dtdgsm.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 24px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_dot_hot_new.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://imgur.com/Uupd4.gif") !important;

background-repeat: no-repeat !important;

padding-left: 24px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_dot.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://imgur.com/Uupd4.gif") !important;

background-repeat: no-repeat !important;

padding-left: 24px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_hot_new.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://imgur.com/AMbrx.gif") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_hot_lock.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://i52.tinypic.com/14indkj.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_lock.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://imgur.com/p1R46.gif") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_dot_hot_lock.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://imgur.com/ABraQ.gif") !important;

background-repeat: no-repeat !important;

padding-left: 24px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/collapse_tcat.gif"]



{

width:0 !important;

height:16px !important;

background-image: url("http://i56.tinypic.com/358uflt.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/collapse_tcat_collapsed.gif"]



{

width:0 !important;

height:16px !important;

background-image: url("http://i52.tinypic.com/i4e6g0.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/misc/menu_open.gif"]



{

width:0 !important;

height:10px !important;

background-image: url("http://i.imgur.com/X15G4.gif") !important;

background-repeat: no-repeat !important;

padding-left: 14px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread_new.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://i53.tinypic.com/xni4ci.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/thread.gif"]



{

width:0 !important;

height:14px !important;

background-image: url("http://i53.tinypic.com/25hk7rl.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 16px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/forward.gif"]



{

width:0 !important;

height:22px !important;

background-image: url("http://imgur.com/wC7up.gif") !important;

background-repeat: no-repeat !important;

padding-left: 68px !important;

}





img[src="http://www.anifreak.com/forums/skin_kakashi/buttons/reply_small.gif"]



{

width:0 !important;

height:22px !important;

background-image: url("http://imgur.com/jftCU.gif") !important;

background-repeat: no-repeat !important;

padding-left: 68px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/forum_new.gif"]



{

width:0 !important;

height:51px !important;

background-image: url("http://i55.tinypic.com/2rg2fkh.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 51px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/forum_old.gif"]



{

width:0 !important;

height:51px !important;

background-image: url("http://i53.tinypic.com/25i1awx.jpg") !important;

background-repeat: no-repeat !important;

padding-left: 51px !important;

}



img[src="http://www.anifreak.com/forums/skin_kakashi/statusicon/forum_link.gif"]



{

width:0 !important;

height:51px !important;

background-image: url("http://i.imgur.com/nEWz8.png") !important;

background-repeat: no-repeat !important;

padding-left: 51px !important;
}
}
That is all I can manage to change for some odd reason.
 
After long, long hours of trying to find this forum's images and their URLS, I came to realize this forum must not be on a direct URL, but rather under more. That made my job ALOT harder. Fortunately, a friend of mine showed me how I could try and track down the right URLs as simply right clicking the images will NOT do.

I have put together the base code to change the images on the theme called "Mercurial Version Dark II". So if you want to mess around with the code, you must be set to that theme first. So far I have manged to change the banner, the background, the subforum image, the rep and some smaller icons. I will update this post's code as soon as I find more of the hidden URLS. If you have any help or found any of the images, please post them and it will be edited into the base code.

Code:
@-moz-document domain(finalfantasyforums.net) {
@[B][URL="http://www.finalfantasyforums.net/member.php?u=3251"]nam[/URL][/B]espace url([URL="http://www.finalfantasyforums.net%29;"]http://www.finalfantasyforums.net);[/URL]

body
{
    background: #000000 url(PUT URL HERE) !important;
    color: #FFFFFF !important;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 0px 10px 0px 10px;
    padding: 0px;
}
a:link, body_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
a:visited, body_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
a:hover, a:active, body_ahover
{
    text-decoration: underline !important;
}
.page
{
    background: #191919 !important;
    color: #FFFFFF !important;
}
td, th, p, li
{
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
    background: transparent !important;
    color: #FFFFFF !important;
}
.tcat
{
    background: #000000 url(../../images/VersionDarkII/misc/top1.gif) repeat-x top left !important;
    color: #eabb37 !important;
    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
    color: #CCCCCC !important;
    text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
    color: #CCCCCC !important;
    text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    text-decoration: underline !important;
}
.thead
{
    background: #000000 url(../../images/VersionDarkII/misc/top1.gif) repeat-x top left !important;
    color: #eabb37 !important;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.thead a:visited, .thead_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
    text-decoration: underline !important;
}
.tfoot
{
    background: #000000 url(../../images/VersionDarkII/misc/top2.gif) repeat-x top left !important;
    color: #FFFFFF !important;
}
.tfoot a:link, .tfoot_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.tfoot a:visited, .tfoot_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
    text-decoration: underline !important;
}
.alt1, .alt1Active
{
    background: #0E0E0E !important;
    color: #FFFFFF !important;
    border-top: #0E0E0E 1px solid !important;
    border-left: #0E0E0E 1px solid !important;
}
.alt2, .alt2Active
{
    background: #0E0E0E !important;
    color: #FFFFFF !important;
    border-top: #0E0E0E 1px solid !important;
    border-left: #0E0E0E 1px solid !important;
}
.inlinemod
{
    background: #0E0E0E !important;
    color: #FFFFFF !important;
    border-top: #4b5761 1px solid !important;
    border-left: #4b5761 1px solid !important;
}
.inlinemod a:link, .inlinemod_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.inlinemod a:visited, .inlinemod_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
    text-decoration: underline !important;
}
.wysiwyg
{
    background: #0E0E0E !important;
    color: #eabb37 !important;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
    background: #0E0E0E !important;
    color: #eabb37 !important;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
    font-size: 10pt !important;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
    background: #444444 !important;
    color: #FFFFFF !important;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    background-color: ##0E0E0E !important; padding: 1px !important; margin: 1px !important; border: #000000 1px solid !important; color: ##0E0E0E !important;
}
select
{
    background: #0E0E0E !important;
    color: #eabb37 !important;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
    font-size: 11px !important;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
    color: #FFFFFF !important;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
    color: #eabb37 !important;
}
.navbar
{
    color: #eabb37 !important;
    font-size: 11px !important;
}
.highlight
{
    color: #eabb37 !important;
    font-weight: bold !important;
}
.fjsel
{
    background: #333333 !important;
    color: #CCCCCC !important;
}
.fjdpth0
{
    background: #F7F7F7 !important;
    color: #000000 !important;
}
.panel
{
    background: #161616 !important;
    color: #FFFFFF !important;
    padding: 10px !important;
    border: 2px outset !important;
}
.panelsurround
{
    background: #161616 !important;
    color: #FFFFFF !important;
}
legend
{
    color: #FFFFFF !important;
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
    background: #000000 url(../../images/VersionDarkII/misc/top1.gif) repeat-x top left !important;
    color: #FFFFFF !important;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px !important;
    white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
    text-decoration: underline !important;
}
.vbmenu_popup
{
    background: #161616 !important;
    color: #FFFFFF !important;
}
.vbmenu_option
{
    background: #161616 !important;
    color: #FFFFFF !important;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap !important;
    cursor: pointer !important;
    border-top: #161616 1px solid !important;
    border-left: #161616 1px solid !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_hilite
{
    background: #161616 !important;
    color: #FFFFFF !important;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap !important;
    cursor: pointer !important;
    border-top: #4b5761 1px solid !important;
    border-left: #4b5761 1px solid !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
    text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
.bigusername2 { font-size: 12px; font-weight: bold; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
/* Here you can change the look of the post text and links */

.vb_postbit
{
    color: #FFFFFF !important;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    text-decoration: none !important;
}
.vb_postbit a:link, .vb_postbit a:visited
{
        color: #FFFFFF !important;
    text-decoration: none !important;
}

.vb_postbit a:hover, .vb_postbit a:active
{
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

/* ***** user profile info ***** */ 
.profile_info {
padding-left: 3px !important;
padding-right: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #464F55 !important;
border-top: 1px solid #0E0E0E !important;
border-right: 2px solid #0E0E0E !important;
border-left: 1px solid #0E0E0E !important;
border-bottom: 2px solid #0E0E0E !important;
margin-bottom: 3px !important;
}

/* ***** side borders and forum width ***** */ 
.side_borders {
width: 870px !important;
border-left: 1px solid #000000 !important;
border-right: 1px solid #000000 !important;
border-top: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
margin-left: auto;
margin-right: auto;
}

/* ***** Header bg  ***** */
.header_bg {
background: url(/images/VersionDarkII/misc/xtile.gif) !important;
}

/* ***** welcome message ***** */

.welcome {
background-color: #343F48 !important;
color: #CCCCCC !important;
border-left: 1px solid #4B5761 !important;
border-top: 1px solid #4B5761 !important;
}

/* ***** spacers and paddings ***** */

.cat_spacer {
padding:5px 0px 5px 0px !important;
}
.spacer {
padding:5px 0px 5px 0px !important;
}
.spacer_small {
padding:2px 0px 2px 0px !important;
}

/* ***** make announcements, stickies moderated, soft deleted posts, search result since last visit and poll  pretty ***** */
.announcement {
background-color: #974B00 !important;
border-top: #BE5E00 1px solid !important;
border-left: #be5e00 1px solid !important;
}
.sticky {
/*background-color: #242F37 !important;*/
background-color: #0E0E0E !important;
border-left: 1px solid #2D3842 !important;
border-top: 1px solid #2D3842 !important;
}
.moderated {
/*background-color: #242F37 !important;*/
background-color: #0E0E0E !important;
border-left: 1px solid #2D3842 !important;
border-top: 1px solid #2D3842 !important;
}
.subscribed {
/*background-color: #242F37 !important; */
background-color: #0E0E0E !important;
border-left: 1px solid #2D3842 !important;
border-top: 1px solid #2D3842 !important;
}
.poll {
/*background-color: #242F37 !important; */
background-color: #0E0E0E !important;
border-left: 1px solid #2D3842 !important;
border-top: 1px solid #2D3842 !important;
}
.deleted {
/*background-color: #242F37 !important; */
background-color: #0E0E0E !important;
border-left: 1px solid #2D3842 !important;
border-top: 1px solid #2D3842 !important;
}

/* ***** hr ***** */
div.hr {
height: 2px !important;
background: url(/images/VersionDarkII/misc/hr.gif) repeat scroll center !important;
}
div.hr hr {
display: none !important;
}

/* ***** make dropdown menu pretty ***** */

.vb_menu_control { 
background: #424A50 url(/images/VersionDarkII/misc/top1.gif)) repeat-x top left !important;
color: #CCCCCC !important;
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.vb_menu_control a:link {
color:  #CCCCCC !important;
text-decoration: none !important;
}
.vb_menu_control a:visited {
color:  #CCCCCC !important;
text-decoration: none;
}
.vb_menu_control a:hover, .vb_menu_control a:active {
color:  #F6F6F6 !important;
text-decoration: underline !important;
}

/* ***** Category ***** */
.vb_cat {
color: #CCCCCC !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding-top: 1px !important;
}
.vb_cat a:link, .vb_cat a:visited
{
text-decoration: none !important;
color: #CCCCCC !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding-top: 1px !important;
}
.vb_cat a:hover, .vb_cat a:active
{
text-decoration: underline !important;
color: #CCCCCC !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding-top: 1px !important;
}

/* ***** Icon forumhome ***** */
.icon_border 
{
background-color: #232D35 !important;
color: #000000 !important;
border: 1px solid #000000 !important;
}

.forumtitlesize { font-size: 12px !important; }
.forumtitlesize2 { font-size: 11px !important; }

.top_links
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align: right !important;
}
.vbs_top_links {
width: 870px !important; 
margin-left: auto;
margin-right: auto;
}

img[src="images/VersionDarkII/banner.jpg"]

{
width: 0 !important;
width:0 !important;
height:275px !important;
background-image: url("PUT URL HERE") !important;
background-repeat: no-repeat !important;
padding-left: 1020px !important;

}

img[src="images/VersionDarkII/statusicon/subforum_new.gif"]

{
width:0 !important;
height:14px !important;
background-image: url("PUT URL HERE") !important;
background-repeat: no-repeat !important;
padding-left: 16px !important;

}

img [src="images/VersionDarkII/statusicon/forum_new.gif"]

{
width:0 !important;
height:14px !important;
background-image: url("PUT URL HERE") !important;
background-repeat: no-repeat !important;
padding-left: 16px !important;
}
}

*The only problem with the code right now is that I accidentally set the width to be a bit different, so its more to the right; I will try and fix that later. :)*

I hope to bring more soon! This pesky forum's themes are so...pesky! xD

Terra~
 
Good point.

I guess I just want someone to tell me its a bad idea so I don't bother with it. :grin:

Nvm, I'll post and have an update soon, hopefully.
 
Back
Top