Final Fantasy( Praise Yu Yevon)

[Ifrit]

I have used codes from proboards support So I will add those in here as well! ^^


Live preview: randomyness (my test board now)

Global headers
<style type="text/css">
<!--

.newstitlebg
{
background-image: url(http://h1.ripway.com/shedevil7428903/FFX1.PNG) ;
background-repeat: repeat;
}

.titlebg
{
background-image: url(http://h1.ripway.com/shedevil7428903/FFX1.PNG);
background-repeat: repeat;
}

.catbg
{
background-image: url(http://h1.ripway.com/shedevil7428903/FFX1.PNG);
background-repeat: repeat;
}

.menubg
{
background-image: url(http://h1.ripway.com/shedevil7428903/FFX1.PNG) ;
background-repeat: repeat;
}

-->
</style>

<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>


<script>
<!--

// Object PM Bar By Kenshin

Object = document.getElementsByTagName('TD');
if(Object[2].innerHTML.match(/Hey, (.+?), you/i)){
ObjUser = RegExp.$1
}

if(Object[2].innerHTML.match(/action=pm">(\d+) messages/i)){
ObjMsg = RegExp.$1
}

if(Object[2].innerHTML.match(/, (\d+) (\w+) new./i)){
ObjNew = RegExp.$1
}

Object[2].style.display='none'

ObjTable = document.getElementsByTagName('Table')[0].insertRow(1)

ObjCell = ObjTable.insertCell(0)
ObjCell.className = 'catbg'

if(Object[2].innerHTML.match(/Guest/i)){
ObjCell.innerHTML = '<font class="1">User: Guest «-» <a href="index.cgi?action=login">Login</a> | <a href="index.cgi?action=register">Register</a></font>'
}else{

ObjCell.innerHTML = '<font class="1">User: '+ObjUser+' «-» <a href="index.cgi?action=pm">Messages</a>: <b>'+ObjMsg+'</b> New: <b>'+ObjNew+'</b></font>'
}
//-->

</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('table')[0].cellSpacing = 0;
//-->
</script>



Global Footers
<script type="text/javascript">
<!--
if(document.postForm && !document.postForm.to)
{
document.postForm.icon.parentNode.parentNode.style.display = 'none';
}
var td = document.getElementsByTagName('td');
for(i=4; i<td.length; i++)
if(td[i].width == '5%' && (td[i-1].width == '5%' || td[i-1].height == '100%'))
{
td[i].style.display = 'none';
}
//-->
</script>

<script type="text/javascript">
/* Expand/Collapse Quick Reply
Created by hey
Don't repost and keep header intact
*/

td = document.getElementsByTagName('td');
for(t=0;t<td.length;t++){
if(td[t].className.match(/titlebg/i) && td[t].innerHTML.match(/Quick Reply/i)){
td[t].innerHTML='<div id="displayhide" onclick="quickShowHide(document.getElementById(\'quickbox\'))\;" style="cursor: pointer\;">Quick Reply (Show/Hide)</div>';
td[t+1].innerHTML='<div id="quickbox" style="display: none\;">'+td[t+1].innerHTML+'</div>';
function quickShowHide(obj){
obj.style.display = (obj.style.display == "none")? "": "none";
}
}
}
</script>






Main Headers

<style type="text/css">
BODY {
SCROLLBAR-3DLIGHT-COLOR:6633CC ;
SCROLLBAR-HIGHLIGHT-COLOR: black;
SCROLLBAR-SHADOW-COLOR: COLOR;pink
SCROLLBAR-DARKSHADOW-COLOR: black;
SCROLLBAR-TRACK-COLOR: 6633CC;
SCROLLBAR-FACE-COLOR: 6633CC;
SCROLLBAR-ARROW-COLOR: pink;
}
</style>



Main footers
<script type="text/javascript">
<!--
/*
Dividing Categories - Created by Peter

This code cannot be reposted anywhere other than SSDesigns or ProBoards Support.

This header must stay intact.
*/

// Size of the gap between categories
var gapSize = 25;

var tabHTML = '<td id="rr" colspan="5"></table></td></tr></table><div style="height:' + gapSize + '"></div><table width="100%" cellspacing="0" cellpadding="0" class="bordercolor"><tr><td><table cellpadding="4" cellspacing="1" width="100%"><tr>';

if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)){
   var tBod = document.getElementsByTagName("tbody");
   for(tb = 0; tb < tBod.length; tb ++){
      for(r = 2; r < tBod.item(tb).rows.length; r ++){
         var tBodObj = tBod.item(tb).rows.item(r).cells.item(0);
         if(tBodObj.className == "catbg" && tBodObj.colSpan == "5" && tBodObj.align != "right"){
            var c = tabHTML + tBod.item(tb).firstChild.innerHTML + "</tr>";
            var p = tBodObj.parentNode.innerHTML;
            var tBodPar = tBod.item(tb).parentNode.parentNode.parentNode.parentNode.parentNode;
            tBodPar.parentNode.innerHTML = tBodPar.parentNode.innerHTML.replace(p, c + p);
         }
         if(tBod.item(tb).rows.item(r).firstChild.id == "rr"){
            tBod.item(tb).rows.item(r).style.display = "none";
         }
      }
   }
}

//-->
</script>

<script type="text/javascript">
<!--
/* remove Forum Name | Topics | Posts...
and add thread & post info by california */
var td=document.getElementsByTagName("td");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
   for(i=0;i<td.length;i++){
       if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){
           if(td[i+1].width.match(/^(1|7)%$/)){
               td[i].innerHTML+="<br />threads";
               td[i].width="8%";
           }else{
               td[i].innerHTML+="<br />posts";
               td[i].width="7%";
           }
       }
       if(td[i].width=="8%" && !td[i].innerHTML.match(/thread/)){
           td[i].width="4%";
       }
       if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i)){
           td[i].parentNode.style.display="none";
       }
   }
}
//-->
</script>

<script type="text/javascript">
//Remove info center titlebar
if( this.location.href.match(/\.com(\/(index\.cgi(\?|#\w+)?)?)?$/))
{
var T = document.body.getElementsByTagName("td");
for(t=0;t<T.length;t++){
if(T[t].className == "titlebg" && T[t].innerHTML.match(/Info\sCenter/))
T[t].parentNode.style.display = "none";
}}
</script>




If there are any problems please ask me, if it's with the codes from proboards I have on here, ask me and I will take it to proboards!



Forum Skin colors

I have found this background Image

i6.photobucket.com/albums/y207/AlmostAlone/yevon2.jpg



Text Color: 00CCFF

Link Color: 00CCFF

Active Link Color: 003399

Visited Link Color: 003399

Title Background Color: 000000

Title Text Color: FF99FF

Category Background Color: 000000

Category Text Color: FF99FF

News Title Background Color: 4080B0

News Title Text Color: F1F1F1

News Background Color: 000000

News Text Color: FF99FF

Window Background 1: 6633CC

Window Background 2: 6633CC

Board Highlight Color: CC00FF

Thread Highlight Color: CC00FF

Table Border Color: 000000


And just do whatever for the pop up windows.




just posting what I have to edit later!

((soon to be added

• On/Off Icons
  
• Post, new thread, lock, etc buttons
  
• menu images

[/s]
[/li][li]Blank banners
[/li][/ul]

[cuffy]

Nice 1 Girl (pal lol) do you ever rest haha one day i must try doing the gfx for a skin i have looked at so much code over the last 2 years , my eyes dont last long now when doing it .. i put it down to the weird sounds and the flashing lights hehe.

[Ifrit]

Lol No I don't sleep, I am day uhh. . tournal? and noctournal! lmao

[Ifrit]

I have menu Icons, but right now the site I use for transparencies, is makeing the Text disappear. . . can someone help me? I can rehost them.

[Nya]

wow nice ^^

You did a good job Ifrit.

[Michael]

The site that you are using, is it the one (((Thump))) was using for her smilies? If so, I'll check it out. Btw, I love the skin. Especially the cat and title bars. I like how it looks like its going from purple, blue, and then to pink at the very top.

[Bisurge]

sheshe said:

Lol No I don't sleep, I am day uhh. . tournal? and noctournal! lmao

Diurnal is day, nocturnal is night.