View Full Version: IPB 2.0.4

IF Board > Invision Power Board > IPB 2.0.4



Title: IPB 2.0.4


Pulse - February 21, 2007 01:03 AM (GMT)
Note: That some of the codes, IF Board has not created, Credits go to: "RedKrazyKid", "HolySavior", "iFusion"

IF Board is proud to announce IPB V2.0.4!!

List changes:
Lo-Fi Version has date and time.
Log-in and search boxes at the top.
IPB styled copyright.
More details when viewing a person's profile.
Advanced search system.
Stat links in board statistics.

Up-Coming Features
Maybe a blog (if needed)
Live Chat (if needed)
Display Language and skin (already made, just need to do some more things)


Preview

Add this to your CSS - Admin CP > Manage Stylesheets
CODE

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }

BODY {
font-family: Verdana;
font-size: 11px;
color: #000000;
margin: 20px 10px 10px 10px;
background-color: #FFFFFF;
}

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }

a:link, a:visited, a:active {
text-decoration: underline;
color: #000000;
}
a:hover {
color: #34498B;
text-decoration: underline;
}

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg   { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner {
position: absolute;
top: 1px;
right: 5%;
}

#banner {
border: 1px solid #345487;
overflow: hidden;
width: 100%;
}
#logostrip { border:1px solid #072A66;background-color: #3860BB;background-image:url(http://209.85.48.9/2383/192/upload/p1101378.jpg);padding:0px; margin:0px 0px 3px 0px; }
#logostrip2 { border-top:1px solid #FFF;border-bottom:0px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF }

#submenu2  { border-top:1px solid #FFF;border-bottom:1px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;background-color: #DFE6EF;background-image:url(http://209.85.48.9/2383/192/upload/p1221849.gif);font-size:10px;margin:0px;color:#3A4F6C;font-weight:bold; height:31px; }
#submenu2 a:link, #submenu2  a:visited, #submenu2 a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#submenu2 a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #5176B5; }
#submenu {display:none;}

#userlinks {
border: 1px solid #C2CFDF;
background-color: #F0F5FA;
color: #222222;
}

#userlinks2 {
border: 1px solid #986265;
background-color: #F4E7EA;
color: #222222;
font-size: 10px!important;
}
#userlinks TD, #userlinks2 TD {
font-size: 10px!important;
}


#navstrip  {
color: #999999;
font-size: 12px;
font-weight: bold;
padding: 6px 0px 6px 0px;
}
#navstrip a:link, #navstrip a:visited {
color: #222222;
text-decoration: none;
}
#navstrip a:active, #navstrip a:hover {
color: #5176B5;
}

.activeuserstrip { background-color:#BCD0ED; padding:6px }

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://209.85.48.9/2383/192/upload/p1100846.gif); border-bottom:1px solid #5176B5; border-left:1px solid #FFF; border-right:1px solid #FFF; }

.row1 { background-color: #F5F9FD; }
.row2 { background-color: #DFE6EF; }
.row3 { background-color: #EEF2F7; }
.row4 { line-height: 125%; color: #333333; background-color: #E4EAF2; }
.row5 { line-height: 125%; color: #333333; background-color: #eeeeee;border-top:5px solid #FFFFFF; }

.darkrow1 { background-color: #C2CFDF; color: #4C77B6; }
.darkrow2 { background-color: #8394B2; color:#3A4F6C; padding:1px 1px 1px 1px; background-image:url(http://img28.imageshack.us/img28/7637/untitled221vv.jpg); background-repeat: repeat-x; background-position: top; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }
.darkrow4 { background-color: #f9f9f9; border:1px solid #cccccc; }
.darkrow5 { border:1px solid #986265; background-color: #f4e7ea; margin:0px 0px 3px 0px; }
.darkrow6 { border:1px solid #c2cfdf; background-color: #f0f5fa; }

div.row4 { border-color: transparent!important;background-color:#EEEEEE; padding:2px;margin-bottom:6px;}

div.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }


.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium {
border-bottom: 1px solid #5176B5;
letter-spacing: 1px;
font-size: 10px;
font-weight: bold;
color: #3A4F6C;
padding: 7px;
margin: 0px;
background-image: url('http://209.85.12.236/5204/82/upload/p165994.gif');
}
.titlemedium a:hover, .titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
text-decoration: none;
color: #3A4F6C;
}

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://209.85.48.9/2383/192/upload/p1100851.gif);  border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #5176B5; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }

.tableborder {
border: 1px solid #072A66;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
width: 100%;
}

.tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks   { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 53px; padding-bottom: 2px; padding-left: 2px; background-position: top right; background-repeat: no-repeat; border-left: 4px solid #8394B2; border-top: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px dotted #000;}
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px dotted #000; padding-top: 2px; padding-right: 53px; padding-bottom: 2px; padding-left: 2px; background-position: top right; background-repeat: no-repeat; }

.copyright { color: #333333; padding: 8px; background-color: #EEEEEE; font-family: Verdana; font-size: 11px!important; }
.copyright a:active, .copyright a:link, .copyright a:visited { color: #333333; text-decoration: none; }
.copyright a:hover { color: #34498B; text-decoration: none; }

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox   { background-color: #dfe6ef; color: #FFFFFF; font-size: 11px; color: #000; border: 1px solid #999999; text-decoration: none; font-family: Verdana, Tahoma, Arial, sans-serif; vertical-align: middle }
.radiobutton { background-color: #FFFFFF}
.forminput2 { background-color: #FFFFFF; color: #FFFFFF; font-size: 11px; color: #000; border: 1px solid #999999; text-decoration: none; font-family: Verdana, Tahoma, Arial, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red    { color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue   { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

#codetop
{
width:98%;
color: #000;
margin: 0px auto 0px auto;
font-weight:bold;
padding: 7px;
background-color:#FDDBCC;
background-position: right;
background-repeat: no-repeat;
background-image: url(http://209.85.48.9/2383/192/upload/p1359871.gif);
}
#QUOTETOP
{
color: #000;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 6px;
background-color:#E4EAF2;
background-position: right;
background-repeat: no-repeat;
border-left: 4px solid #8394B2;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
background-image: url(http://209.85.48.9/2383/192/upload/p1359843.gif);
}



Copy and paste exaclly whats here in the Header And Body![/b]
CODE

<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
<CENTER><font color="black">Skin converted to IF by <B>Pulse</B> of <B><A HREF="http://s14.invisionfree.com/IFBoard/index.php?act=idx" TARGET="_BLANK" style="color:black">IF Board</A></B>.</CENTER></font>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<script type='text/javascript'>
/*
IPB Style Welcome Back
Created by iFusion
*/

var iDiv = document.getElementsByTagName('DIV');
for(i=0;i<iDiv.length;i++){
if(iDiv[i].getAttribute('align')=="left" && iDiv[i].style.paddingBottom == "4px" && iDiv[i].innerHTML.match(/(welcome back; your last visit was on)/i) != null){
iDiv[i].innerHTML = iDiv[i].innerHTML.replace( RegExp.$1 + RegExp.rightContext , "<div class='custWelcome'><b>" + RegExp.$1 + ":</b> <font color='#072a66'><i>" + RegExp.rightContext + "</i></font></div>");
}}
</script>
<% STATS %>
<script type='text/javascript'>
//Put legend, and search box together in a table
//By Sean
divs=document.getElementsByTagName('div')
c=0
s=''
t=Array()
for(x=0;x<divs.length;x++) {
if ((divs[x].className=='wrapmini'||c)&&c<3) {t[c]=divs[x];c++;}
}
if (t[0]) {
for (x=0;x<2;x++) s+='<td>'+t[x].innerHTML+'</td>'
s+="<td align='right'>"+t[2].innerHTML+"</td>"
t[0].className=''
t[0].innerHTML='<table style="border:1px solid #000000;width:100%;background-color:#e4eaf2"><tr>'+s+'</tr></td>'
for (x=1;x<3;x++) document.body.removeChild(t[x])
}
</script>


Copy exaclly and put it in the footers
CODE

<script language="javascript">
var x = document.getElementsByTagName('DIV');for(i=0;i<x.length;i++) {if(x[i].className == 'row4' && x[i].innerHTML.match('Hosted for free by')) {x[i].id = 'copyright';}}var copyright = document.getElementById('copyright');copyright.className = '';copyright.style.border = '0px';copyright.lastChild.style.display = 'none';copyright.innerHTML = '<table width="100%" class="darkrow2" cellSpacing="0" cellPadding="6"><tr><td width="33%">&nbsp;</td><td width="33%" align="center"><b><a href="' + window.location.href.split('/index.php')[0] + '/ar/"><font color="#ffffff"><font size="1">Lo-Fi Version</font></a></b></td><td align="right" width="33%"><font color="#ffffff"><font size="1">Time is now: ' + new Date().toLocaleString() + '</font></td></tr></table><div class="row5" style="font-size:7.5pt;line-height:16px;padding:6px;cell-spacing:5px;align="center">' + copyright.innerHTML.replace('|', '<br />') + '</div>';var x = document.getElementsByTagName('DIV');for(i=0;i<x.length;i++) {if(x[i].innerHTML.match('Welcome back; your last visit was on')) {x[i].id = 'welcomeback';}}var welcomeback = document.getElementById('welcomeback');var loggedin = 1;var x = document.getElementsByTagName('DIV');for(i=0;i<x.length;i++) {if(x[i].className == 'maintitle' && x[i].innerHTML == 'Board Statistics') {x[i].style.display = 'none';x[i].parentNode.id = 'boardstats';}}var x = document.getElementsByTagName('A');for(i=0;i<x.length;i++) {if(x[i].innerHTML == 'Log In' && x[i].parentNode.parentNode.parentNode.parentNode.id == 'userlinks') {var loggedin = 0;}}var x = document.getElementsByTagName('INPUT');for(i=0;i<x.length;i++) {if(x[i].name == 'UserName') {if(document.getElementById('boardstats') != null){x[i].parentNode.style.display = 'none';}}}var rightside = '<form action="' + window.location.href.split('index.php')[0] + 'index.php?act=Login&CODE=01&CookieDate=1" method="post"><input type="text" class="forminput2" size="20" name="UserName" value="User Name" onfocus="if(this.value==\'User Name\'){this.value=\'\';}" /> <input type="password" class="forminput2" size="20" value="password" name="PassWord" onfocus="if(this.value==\'password\'){this.value=\'\';}" /> <img style="cursor:hand;" onclick="this.parentNode.submit();" src="http://img364.imageshack.us/img364/7642/loginbutton1hq.gif" /></form>';if(loggedin == 1) {var rightside = '<input type="text" class="forminput2" id="dk" onfocus="if(this.value.match(\'Enter words to search...\')){this.value=\'\';}" size="30" value="Enter words to search..." /> <img style="cursor:hand;" onclick="window.location=\'index.php?act=Search&f=&defaultkeywords=\'+document.getElementById(\'dk\').value;" src="http://forums.invisionpower.com/style_images/1/login-button.gif" />';}if(welcomeback != null){welcomeback.innerHTML = '<table id="userlinks" width="100%" cellPadding="10" cellSpacing="0"><tr><td width="40%" align="left">' + welcomeback.innerHTML + '</td><td align="right" valign="middle">' + rightside + '</td></tr></table><br>';}var x = document.getElementsByTagName('A');for(i=0;i<x.length;i++) {if(x[i].innerHTML == 'Delete cookies set by this board' && x[i].href.match('act=Login&CODE=06')) {var blinks = x[i].parentNode.innerHTML;x[i].parentNode.style.display = 'none';}if(x[i].innerHTML == 'The moderating team' && x[i].href.match('act=Stats&CODE=leaders')) {var statlinks = x[i].parentNode.innerHTML;x[i].parentNode.style.display = 'none';}}var boardstats = document.getElementById('boardstats');if(boardstats != null){boardstats.className = null;boardstats.innerHTML = '<div align="right"><div style="width:360px;padding:6px;font-size:10px;border-bottom:0px;background-image:url();" id="userlinks" align="center"><b>' + blinks + '</b></div></div><div class="tableborder"><div class="maintitle">Board Statistics</div><div class="titlemedium" style ="border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #5176B5;" align="right">' + statlinks + '</div>' + boardstats.innerHTML + '</div>';}var userlinks = document.getElementById('userlinks');if(loggedin == 0) {userlinks.rows[0].cells[0].align = 'center';userlinks.rows[0].cells[0].innerHTML = userlinks.rows[0].cells[0].innerHTML.replace('Welcome Guest', '<b>Welcome Guest</b>');userlinks.rows[0].cells[1].style.display = 'none';userlinks.id = 'userlinks2';}if(window.location.href.match('showuser=') && document.title == 'Viewing Profile') {var profilename = document.getElementById('profilename').innerHTML;var navstrip = document.getElementById('navstrip');var x = document.getElementsByTagName('B');for(i=0;i<x.length;i++) {if(x[i].parentNode.className == 'row3') {var data2 = x[i].parentNode.parentNode.cells[1].innerHTML;if(x[i].innerHTML == 'Joined') {var joined = x[i].parentNode.parentNode.cells[1].firstChild.innerHTML;x[i].parentNode.parentNode.style.display = 'none';}if(x[i].innerHTML == 'Member Group') {x[i].parentNode.parentNode.parentNode.parentNode.parentNode.style.display = 'none';var membergroup = data2;}if(x[i].innerHTML == 'Member Title') {var membertitle = data2;}if(x[i].innerHTML == 'Avatar') {var avatar = data2;}if(x[i].innerHTML == 'Signature') {var signature = data2;}}}var signaturediv = '';if(signature != '') {signaturediv = '<br /><br /><div class="tableborder"><div class="maintitle">Signature</div><div class="row2" style="padding:6px;"><div class="signature">' + signature + '</div></div></div>';}navstrip.innerHTML = '<div id="navstrip">' + navstrip.innerHTML + '</div><br /><br /><div class="tableborder"><div class="maintitle">Viewing Profile: ' + profilename + '</div><div class="row2" style="padding:6px;"><div style="line-height:160%;"><span id="profilename">' + profilename + '</span><br /><br />' + avatar + '<br /><span class="desc">' + membertitle + '<br /><br />Member Group: ' + membergroup + '<br />Joined: ' + joined + '</span></div></div></div>' + signaturediv;navstrip.id = '';}
</script>
<script id="IPB Search" language="javascript" src="http://209.85.12.236/5034/34/upload/p1223962.ibf"></script>
<script language="javascript" src="http://209.85.12.236/5046/162/upload/p1475853.ibf"></script>
<script language="javascript">
<!--
/*
Custom Default Pip v3.14
More info: http://support.invisionfree.com/index.php?showtopic=67146
Derived from Unknown12's Remove Post Images v1
http://support.invisionfree.com/index.php?showtopic=27081
*/

var old_image=new Array();
old_image[0]="http://209.85.48.9/html/team_icons/default.gif"

var new_image=new Array();
new_image[0]="http://forums.invisionpower.com/style_images/1/pip.gif"

for (i=0;i<document.images.length;i++){
for (j=0;j<old_image.length;j++){
if (document.images[i].src==old_image[j]){
document.images[i].src=new_image[j]
}}}
//-->
</script>
<div style="display:none"><p id="online">
<img width="30px" height="21px" title="This user is online" src="http://img115.imageshack.us/img115/1209/ponline5ef.gif" />
</p><p id="offline">
<img width="30px" height="21px" title="This user is offline" src="http://img115.imageshack.us/img115/522/poffline3hp.gif" />
</p></div>
<script language="javascript" src="http://209.85.12.236/4895/36/upload/p380111.ibf"></script>
<script language="javascript" src="http://209.85.12.236/5046/162/upload/p1476915.ibf"></script>
</script>


Javascript:

CODE

<script language="JavaScript">
function blockError(){return true;}
window.onerror = blockError;
</script>


Now works on FF, opera, and IE! Code fixed by Candor0.

Copy and Paste this code in your logo box (Admin CP --> Skins And Settings --> Images Logo.)

QUOTE
<div id='logostrip2'><img src="http://img4.imageshack.us/img4/3048/untitled21mt0rb.jpg" width ="100%" height="68" cellspacing="0" border="1px"></a></div>
<table width="99.8%" cellspacing="6" id="submenu2">
<tr>
<td>&nbsp;<a href="http://s14.invisionfree.com/IFBoard/index.php?act=boardrules">Board Rules</a>&nbsp;&nbsp; <a href="http://s14.invisionfree.com/IFBoard/index.php?act=site">Portal</a></td>
<td align="right">
&nbsp;<a href='http://s14.invisionfree.com/IFBoard/index.php?act=Help'>Help</a>
&nbsp; &nbsp;<a href='http://s14.invisionfree.com/IFBoard/index.php?act=Search&amp;f='>Search</a>
&nbsp; &nbsp;<a href='http://s14.invisionfree.com/IFBoard/index.php?act=Members'>Members</a>
&nbsp; &nbsp;<a href='http://s14.invisionfree.com/IFBoard/index.php?act=calendar'>Calendar</a>
</td>
</tr>
</table>


Red = Change url to your boards url
Green = Url of Banner Image (can be changed!)

Only change the coloured parts! (you dont have to change the green one) do not change anything els on it! and leave the "http://"

Images

See the IPB Ticket, then after 40 post, PM Me, and you can have the IPB Images
Note: The Images may be in a zip file, so be sure to have ZIP installed! It also may be in an uploaded document on the internet! SO USE MOZILLA IF YOU HAVE IT!




Hosted for free by InvisionFree