Simple Devil May Cry Skin

[Ifrit]

OK this took forever to make since I hadn't done anything in forever. . lol It may look simple but it wasn't. Though I did do it at 2 am today, I may add some changes and such AFTER I get some sleep xP Otherwise right now it looks fine to me at the moment.

Live Preview


Banner: i10.photobucket.com/albums/a135/Shedevil7428903/DevilMayCryBanner.png

Background: h1.ripway.com/Shrouderofshadows/Rhododendron.PNG

Main Header

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





Main Footer

<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>
//remove info center icons
var InfoIcon=document.getElementsByTagName("TD")
for(t=0;t<InfoIcon.length;t++){
if(InfoIcon[t].className.match("windowbg") && InfoIcon[t].width=="20" && InfoIcon[t].vAlign=="middle"){
InfoIcon[t].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>

<script type="text/javascript">
<!--

// Separate news fader from boards

// Size of the gap between news fader and boards
var nfSize = 25;

var iDiv = document.createElement("div");
var iTable = document.getElementsByTagName("table");

iDiv.style.height = nfSize;

function splitNewsFader(){
   for(t = 0; t < iTable.length; t ++){
      if(iTable.item(t).width == "100%" && iTable.item(t).className == "bordercolor" && iTable.item(t).innerHTML.match(/b>News<\//i)){
         var iScript = iTable.item(t).parentNode.getElementsByTagName("script").item(1);
         iTable.item(t).parentNode.insertBefore(iDiv, iScript);
      }
   }
}

if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)){
   splitNewsFader();
}

//-->
</script>

<script type="text/javascript">
<!--
var TD = document.getElementsByTagName('td');
for(t=0; t<TD.length; t++)
{
if(TD[t].colSpan == '2' && TD[t].innerHTML.match('Sincere Moments'))
{
TD[t].colSpan = '1';
}
if(TD[t].width == '8%' && TD[t].className == 'windowbg')
{
TD[t].style.display = "none";
}
}
// -->
</script>



Global Header

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

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

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

.catbg
{
background-image: url(http://h1.ripway.com/Shrouderofshadows/Rhododendron.PNG );
background-repeat: repeat;
}
-->
</style>

<script type="text/javascript">
/* different menubar dividers by elindir */

var start=":"; //Start character

var end=":"; //End character

//no need to edit below
var a=document.getElementsByTagName("td")[5].getElementsByTagName("a");
for(i=0;i<a.length;i++){
if(a[i].innerHTML.match(/\[(.+?)\]/)){
a[i].innerHTML=start+RegExp.$1+end;
}
}
</script>

<script type="text/javascript">
<!--
/* move hey x... by elindir */

var pos="0"; // 1 for above buttons, 0 for below

var pclass='titlebg'; //Class of the Box

//Do not edit below
var table = document.getElementsByTagName("table");
var iPM = table[0].insertRow(2-pos).insertCell(0);
var td = document.getElementsByTagName('td');
var PM= td[2].innerHTML;
td[2].style.display="none";
iPM.innerHTML='<table class='+pclass+' width="100% cellspacing="1"><tr><td width="100%"><center>'+PM+'<\/center><\/td><\/tr><\/table>';
// -->
</script>




Global Footer

<script language="JavaScript">
var tablewidth = document.getElementsByTagName('TABLE');
for(i=0;i<tablewidth.length;i++) {
if(tablewidth[i].width=="92%"){
tablewidth[i].width='550';}}

</script>
<center>New- <img src="http://i135.photobucket.com/albums/q154/Ruleroftheflames/11639857884799.gif"> Old-<img src="http://i135.photobucket.com/albums/q154/Ruleroftheflames/11639857884799-1.gif"></center>
<SCRIPT LANGUAGE="JavaScript">
<!--
tablew = document.getElementsByTagName('TABLE');
for(t=0;t<tablew.length;t++) {
if(tablew[t].width=="92%"){
tablew[t].width='696';
}}
-->
</script>

<script type='text/javascript'>
/* Remove welcome message option in profile
code created by CrAzY_J
do not redistribute this code without the creator's permission*/

if( document.modifyForm && document.modifyForm.user.value == pb_username )
{
  var RowS = document.modifyForm.showimages.parentNode.parentNode.parentNode;
  var iRow = RowS.parentNode.insertRow( RowS.parentNode.rows.length );
  var iCell1 = iRow.insertCell(0);
  var iCell2 = iRow.insertCell(1);
  var iCell3 = iRow.insertCell(2);

  var aFont1 = document.createElement('font');
  var aFont2 = aFont1.cloneNode(false);
  var aFont3 = aFont1.cloneNode(false);
  var aSelect = document.createElement('select');

  aSelect.id = 'messageshowchooser';
  aSelect.options[0] = new Option('Yes','yes');
  aSelect.options[1] = new Option('No','no');
  aSelect.selectedIndex = ( document.cookie.match('showelcome=yes') )? 0:1;

  aFont1.size = '-1';
  aFont2.size = '-1';
  aFont3.size = '-2';
  aFont1.appendChild( document.createTextNode('Show welcome message:') );
  aFont2.appendChild( aSelect );
  aFont3.appendChild( document.createTextNode('If you do not want the welcome message in the top table to appear, choose "yes" else choose "no".') );
 
  iCell1.appendChild( aFont1 );
  iCell2.appendChild( aFont2 );
  iCell3.appendChild( aFont3 );
  document.modifyForm.profileaction[0].onclick = function()
  {
     {
        var d = new Date();
        d.setYear( d.getFullYear() + 5 );
        var thesuperlongid = document.getElementById('messageshowchooser');
        document.cookie = 'showelcome='+thesuperlongid.options[thesuperlongid.selectedIndex].value+';expires='+d;
     }
  }
}

if( document.cookie.match('showelcome=yes') )
  document.getElementsByTagName('td')[2].style.display = 'none';
</script>



<script type='text/javascript'>
/* RPG Me V1.0
Created by cRAzY_J (http://hatakeforum.proboards30.com)
do no redistribute this code without the creator's permission
this header must not be remove*/


var redbull=document.body.getElementsByTagName("td");
var coffee=document.body.getElementsByTagName("table");
function cocacola(){
  for(t=0;t<redbull.length;t++){
     if(redbull[t].colSpan=="2" && redbull[t].innerHTML.match(/Member's\sBio/)){
        redbull[t].getElementsByTagName("a")[0].href.match(/&user=(.+?)$/)
        redbull[t].getElementsByTagName("b")[0].innerHTML+= " - <a href='/index.cgi?action=modifyprofile&user="+RegExp.$1+"&rpgstats'>RPG Stats</a>";
     }
  }
}
function mtdew(){
  for(mock=4;mock<coffee.length;mock++) coffee[mock].style.display="none";
  var gatorade=document.modifyForm.posts.value;
  var a,b,c,d;
  if(!document.modifyForm.personaltext.value.match(/gpr%%(\d+)%%(\d+)%%(\d+)%%(\d+)%%/)){
     a = Math.floor(gatorade*2.5);b = Math.floor(gatorade*3.5);c = Math.floor(gatorade*1.75);d = Math.floor(gatorade*1.25);
  }else{
     a=RegExp.$1;b=RegExp.$2;c=RegExp.$3;d=RegExp.$4;
  }
  var pepsi= "<table width='92%' class='bordercolor' border='0' cellPadding='0' align='center'>"
  pepsi+= "<tr><td><table width='100%' cellPadding='4' cellSpacing='1'><tr><td class='titlebg'>"
  pepsi+= "<font size='2' class='cattext'>RPG Profile</font></td></tr></table>"
  pepsi+= "<table width='100%' cellPadding='4' cellSpacing='1'><tr>"
  pepsi+= "<td class='windowbg' width='50%'>Money:</td><td width='50%' class='windowbg'>"
  pepsi+= "<input id='money' value='"+a+"'></td></tr>"
  pepsi+= "<tr><td class='windowbg' width='50%'>Rp Points:</td><td width='50%' class='windowbg'>"
  pepsi+= "<input id='hp' value='"+b+"'></td></tr>"
  pepsi+= "<tr><td class='windowbg' width='50%'>Site Points:</td><td width='50%' class='windowbg'>"
  pepsi+= "<input id='mp' value='"+c+"'></td></tr>"
  pepsi+= "<tr><td class='windowbg' width='50%'>Stamina Points:</td><td width='50%' class='windowbg'>"
  pepsi+= "<input id='sp' value='"+d+"'></td></tr></table>"
  pepsi+= "<table width='100%' cellPadding='4' cellSpacing='1'><tr><td class='titlebg' align='center'>"
  pepsi+= "<input type='button' value='Submit Changes' onClick='sprite();'></td></tr></table></td></tr></table>"
  document.write(pepsi);
}

function sprite(){
  var one = document.getElementById("money").value;
  var two = document.getElementById("Rp").value;
  var three = document.getElementById("Site").value;
  var four = document.getElementById("sp").value;
  document.modifyForm.personaltext.value = "gpr%%"+one+"%%"+two+"%%"+three+"%%"+four+"%%";
  document.modifyForm.submit(true);
}

function fanta(){
  for(can=0;can<redbull.length;can++){
     if(redbull[can].innerHTML.match(/Personal\sText:/) && redbull[can].width=="160")
  redbull[can].parentNode.style.display = "none";
  }
}

function orangejuice(){
  for(glass=0;glass<redbull.length;glass++){
     if( redbull[glass].width=="20%" && redbull[glass].innerHTML.match(/Posts:\s(\d+)/)){
        if(redbull[glass].innerHTML.match(/gpr%%(\d+)%%(\d+)%%(\d+)%%(\d+)%%/)){
           redbull[glass].innerHTML+= "<br />Money: "+RegExp.$1+"<br />Rp Points: "+RegExp.$2+"<br />Site Points: "+RegExp.$3+"<br />Stamina: "+RegExp.$4;
           redbull[glass].innerHTML = redbull[glass].innerHTML.replace(/gpr%%(\d+)%%(\d+)%%(\d+)%%(\d+)%%/,"");
        }else{
           var beer=redbull[glass].innerHTML.match(/Posts:\s(\d+)/)? RegExp.$1:false;
           redbull[glass].innerHTML+= "<br /> Money: "+Math.floor(beer*2.5)+"<br /> Health Points: "+Math.floor(beer*3.5)+"<br /> Site Points: "+Math.floor(beer*1.75)+"<br /> Stamina: "+Math.floor(beer*1.25);
        }
     }
  }
}

if(location.href.match(/modifyprofile/))
  fanta();
if(location.href.match(/(view(profile)?|display)/))
  orangejuice();
if(redbull[5].innerHTML.match(/admin/)){
  cocacola();
  if(location.href.match(/&rpgstats/))
     mtdew();
}
</script>


<script type="text/javascript">
/* Sub-boards Splitter
created by CRAzY_J
Do not redistribute this code without the creator's permission
global footers*/
var Professor = '30px';

var mojojojo = document.body.getElementsByTagName('table');
if( this.location.href.match(/board=/i) )
{
  for( bubbles = 0 ; bubbles < mojojojo.length ; bubbles ++ )
  {
     if( mojojojo[bubbles].rows[0].cells[0].className == "titlebg" && mojojojo[bubbles].rows[0].cells[0].innerHTML.match(/Sub-Board/) )
     {
        for( blossom = 2 ; blossom < mojojojo[bubbles].rows.length ; blossom ++ )
        {
           var buttercup = mojojojo[bubbles].parentNode.parentNode.parentNode.parentNode;
           buttercup.parentNode.innerHTML = buttercup.parentNode.innerHTML.replace( mojojojo[bubbles].rows[blossom].innerHTML, '</tr></table></td></tr></table><div style="height:' +Professor+ ';"></div><table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="0000ff" class="bordercolor"><tr><td><table cellpadding="4" cellspacing="1" border="0" width="100%"><tr><td class="titlebg" bgcolor="003300" colspan="2"><font class="titletext" size="-1"><b>Sub-Boards</b></font></td><td class="titlebg" bgcolor="003300" width="1%" align="center"><font class="titletext" size="-1"><b>Topics</b></font></td><td class="titlebg" bgcolor="003300" width="1%" align="center"><font class="titletext"  size="-1"><b>Posts</b></font></td><td class="titlebg" bgcolor="003300" width="24%" align="center"><font class="titletext" size="-1"><b>Last Post</b></font></td></tr><tr>' +mojojojo[bubbles].rows[blossom].innerHTML );
        }
     }
  }
}
</script>


<script>
//remove views cell
//wooper
var TD = document.getElementsByTagName("TD");
for (i=0;i<TD.length;i++)
{
if(TD[i].width=="4%" && TD[i-1].width=="4%" && (TD[i].className == "windowbg" || TD[i].className == "catbg"))
{
TD[i].style.display = "none";
}
}
</script>





Background Color: 000000
Text Color: 0000cc
ALL Link Colors: FF0000
Title/Cat./News: 000000
Title/Cat./News Text: 0000CC
New Background Color-000000
News Text Color- FF3300
Background 1&2- FFFFFF
Highlight Colors- FFFFFF
Border Color- 000066


All codes ARE NOT MINE I was lazy and used premade ones. . . So all credit for codes goes to whoever created them.

(( I hope I copied everything right. . . Lol If not and someone uses this. Let me know OK))

[♥Emma♥]

Really nice!
It has a different look I haven't seen before, and the background image is really creative.
The folders are nice done as well

[Michael]

This is really cool! I love how you brought blue and red together! Especially in the cat and title bars!

[Ifrit]

Like I said, changes were made lol. . I took a second look at it and thought, wow bad lol. It may be bounded for changes again. . I unno.