[CB] VoiDian Mini Profile Mod V2 (Head/Base)

[(¯`•DregondRahl•._)]

In Version 2, iv added a gradient to the Username and the Online/Offline status..Enjoy! all yougradient fans

Note:
version 1 and 2 are both the same coding wise, only difference is I added gradients for this version



GLOBAL FOOTER


<style type="text/css">
<!--
.mClass{background-image: url(URL OF GRADIENT);}
-->
</style>
<script type="text/javascript">
<!--

/*VoiDian Mini Profile Mod (Head/Base) V2 -DregondRahl
DoNot repost without permission*/

var headImg ='HEAD IMG URL'; // Url of the Head Image
var baseImg ='BASE IMG URL'; // Url of the Base Image
var mpClass ='mClass'; // Member Name Class
var mpWidth ='WIDTH';  // Mini Profile Width

//Do Not Edit below
var start ='<img src="'+headImg+'"><table id = "mini_pro" width="'+mpWidth+'" cellpadding="3" cellspacing="1" align="center" class="bordercolor">';
var end ='</table><img src="'+baseImg+'"><br>';

if(location.href.match(/n=(disp|search2|(user)?rece|pmvi|goto|(calendar)?view|viewpro)/)){
var td=document.getElementsByTagName("td");
  for(i=0;i<td.length;i++){
   var IE = (document.all) ? true : false;
   var mpInfo = ''; var addOn = '';
   if(td.width=="20%" && td.innerHTML.match(/Joined/)){
    tdC = td.getElementsByTagName('center')[0]
    mp_split = td.innerHTML.split(/<br>/i);
    mp_Info = (td.className.match(/windowbg2/))? 'windowbg' : 'windowbg2';
    ExSm = (td.item(i).innerHTML.match(/<br>\[(.+?)\]/i))? '<br>['+RegExp.$1+']' : '';
    mStatus = (td.innerHTML.match(/member is (.+?)<br>/i)) ? 'Status ::'+RegExp.$1+'::' :  '';
     if(td.innerHTML.match(/(.+?)<br>(.+?)<br>(.+?)?(<br>(.+?)<br>)?member is (.+?)<br>/i)){
      mName = RegExp.$1+'<br>';
      mRank = RegExp.$2+'<br>';
      mStars = RegExp.$3+'<br>';
      mTitle = RegExp.$4+'<br>';
       stats ='<tr><td width="100%" class="'+mpClass+'" align="center">'+mName+'</td>'
       stats +='<tr><td width="100%" class="'+mp_Info+'" align="center">'+mRank+mStars+mTitle+'</td></tr>'
       stats +='<tr><td width="100%" class="'+mpClass+'" align="center">'+mStatus+'</td>';
    }
     if(tdC.innerHTML.match(/^(<img.+?>)?(<br>)?(<br>(.+?))?(<br>){2}((.|\n)+)?$/gim)){
      avaImg = RegExp.$1+'<br>';
      aNum = (RegExp.$3=='') ? '6' : '7';
      pText = '<br><div class="pClass">'+RegExp.$3+'</div>';
      cIconA = (RegExp.$6.replace(/<br>/i,''));
       if(cIconA==''){
        cIcon = '<a href="/index.cgi?action=login">[Register/Login]</a>';
      }else{ cIcon = cIconA; }
          avay ='<br><div align="center">'+avaImg+pText+ExSm+'</div>';
    }
     if(!IE){ var mNum='9'}else{ var mNum=aNum}
       for (p=mNum; p< mp_split.length; p++) {
        if(!mp_split

.match(/((: |=karma|<a|send pm|msn)|'')/i) && mp_split

.replace(/<\/?center>/i,'')){
         addOn += '<br><div id="add_on" align="center">'+mp_split

+'</div>';
      }else{
         addOn +='';
    }
      mp_array = mp_split

.split(": ");
        for (m=1; m< mp_array.length; m++) {
         mpInfo +='<tr><td width="50%" class="'+mp_Info+'" >'+mp_array[0]+'</td><td width="50%" class="'+mp_Info+'" align="center">'+mp_array[1]+'</td></tr>'
      }
    }
      mpInfo += '<tr><td width="100%" colspan ="2" class="'+mp_Info+'" align="center">'+cIcon+'</td></tr>';
       td.innerHTML = start+stats+end+avay+addOn+'<br>'+start+mpInfo+end ;
       td.align="center";
    }
     if(!td.innerHTML.match(/user=/i) && td.width=="20%" && td.innerHTML.match(/<a/i)){
       gp_Info = (td.className.match(/windowbg2/))? 'windowbg' : 'windowbg2';
        td.innerHTML = start+'<tr><td width="100%" class="'+gp_Info+'" align="center">'+td.innerHTML.replace('Guest','<i>Guest<\/i>')+'</td></tr>'+end;
        td.vAlign = td.align ="center";
    }
  }
}
// -->
</script>

Instructions:

This code, like any other mini profile code, must be placed below any other mini profile modding codes, like Money-CrossFury-Hp House Code.




var mpWidth ='WIDTH'; // Mini Profile Width

just add the Images and Ajust the width to the width of the images
the standard width would be around 80% or 140px.




var mpClass ='mClass'; // Member Name Class

I picked a className For it, but you can use any you want.Even titilebg,catbg..etc




<style type="text/css">
<!--
.mClass{background-image: url(URL OF GRADIENT);}
-->
</style>

if your not using titlebg, or any other background you add the above part, i recomend using it.



Advanced Users:

Most of the code is easily editable, also if you noticed some of the <div> and <table> have a Class name or an ID.


Bug fix - Sept 11th