Post by Eden on Aug 4, 2011 12:49:43 GMT
So I was wondering if you guys could tell me how to actually align the rest of the board to the menu. There seems to be an invisible column taking space in the left side and when I add side tables it will move rather far into the left.
Our Global Header
Our Global Footer
What it looks like
Right thanks in advance.
Our Global Header
<style type="text/css"> <!-- .newstitlebg { background-image: url(TITLE GRADIANT URL HERE); background-repeat: repeat; } .titlebg { background-image: url(http://d-grafix.com/textures/2006-09-19/2006-09-19-seamless-leaves-30684561-thumb.jpg ); background-repeat: repeat; } .catbg { background-image: url(http://ftextures.com/textures/brown-wood.jpg); background-repeat: repeat; } .menubg { background-image: url(http://www.myspace-layouts.com.au/import/backgrounds/Blue/blue-light-background.jpg ); background-repeat: repeat; } --> </style> <script> document.getElementsByTagName('td')[2].style.display='none'; document.getElementsByTagName('font')[1].innerHTML=''; //--> </script> <style> .menubg a:hover { text-decoration: none; border-bottom: 2px solid #fd8865; color: #fd8865; } </style> <style> body { background-position:left top; } </style> <table border="0" width="100%" height="100%" align="center" valign="center"> <tr> <td width="100" valign="top"><BR/><BR/> <table border=0 width="100%" cellspacing="0" cellpadding="0" valign="center"> <tr> </td> </tr> </table> </td> <td valign="top"> <table align=left valign=top> <tr> <td width="150" valign=top><small> <center><div class='titlebg2'>Welcome!</div> <div class="tablepad" border='1'><span class='desc'><center> <br> <center> Welcome to Alvina a natural Yuri rp site<center> <font size="4"><b><BR><BR><br><br></center> </span></div></div> <center><div class='titlebg2'>Mandatory Reads</div> <div class="tablepad"><span class='desc' ><font size="2"> <a href="http://alvina.proboards.com/index.cgi?board=rules&action=display&thread=1">Rules and Guidelines</a><br> </font><br><br> </span></div></div> <right> <div class="titlebg2">C-Box </div> <div class="tablepad"><span class='desc' > <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="325" src="http://www3.cbox.ws/box/?boxid=3288400&boxtag=zar0qe&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3288400" style="border: 0px solid;" id="cboxmain3-3288400"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3288400&boxtag=zar0qe&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3288400" style="border: 0px solid;border-top:0px" id="cboxform3-3288400"></iframe></div> </div> <!-- END CBOX --><br><br> </span></div></div> </left> </marquee><br> </span></div></div> <div class='titlebg2'>Credits </div> <div class="tablepad"><span class='desc'> Skin © <br> Side-bar © <a href="http://iql.alvina.proboards.com/">Alvina</a> </span></div></div></small> <br /></center> </td> <td height="100%" valign=top> <script type="text/javascript"> <!-- /* Happy Birthday Alert by Alvina and your friendly staff team*/ var iCell = document.getElementsByTagName("td"); var dc = document.cookie; if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home|change=.+?))?(#.+)?)?$/) && !dc.match(/birthday=1/)){ for(b=iCell.length-1;b>0;b--){ if(iCell.className == "windowbg2" && iCell.innerHTML.match(/birthdays? today/)){ var curUser = (dc.match(/\buser=(\w+)\b/)) ? RegExp.$1 : 'GUEST'; var dispName = (iCell[2].innerHTML.match(/hey, (.+?), you/i)) ? RegExp.$1 : curUser; if(iCell.innerHTML.indexOf("user="+curUser) != -1){ alert("Happy Birthday, "+dispName+"!"); document.cookie = "birthday=1;"; } break; <script type="text/javascript"> <!-- /* Friends List in Profile by Todge Copyright © 2010 Please keep this header intact */ // Alter profile form to include friends list.. if(document.modifyForm) { // Split signature into 2.. var sigcell = document.modifyForm.signature.parentNode.parentNode; var sig = document.modifyForm.signature; sigcell.nextSibling.firstChild.innerHTML = sigcell.nextSibling.firstChild.innerHTML.replace('400','200'); document.modifyForm.sigLength.value = document.modifyForm.sigLength.value - 200; document.modifyForm.signature.onkeyup = function(event){ if (this.value.length > 200) { this.value = this.value.substring(0, 200); } document.modifyForm.sigLength.value = 200 - this.value.length; } document.modifyForm.signature.onchange = function(event){ if (this.value.length > 200) { this.value = this.value.substring(0, 200); } document.modifyForm.sigLength.value = 200 - this.value.length; } // Create and add Friends option into profile.. var friends = document.modifyForm.signature.cloneNode(true); friends.name = 'friends'; friends.rows = 10; friends.onkeyup = function(event){ if (this.value.length > 200) { this.value = this.value.substring(0, 200); } document.modifyForm.friendsLength.value = 200 - this.value.length; } friends.onchange = function(event){ if (this.value.length > 200) { this.value = this.value.substring(0, 200); } document.modifyForm.friendsLength.value = 200 - this.value.length; } var tr=document.createElement('tr'); var td1=document.createElement('td'); with(td1){vAlign="top"; innerHTML="<font size='2'>Friends:</font>";} var td2=document.createElement('td'); td2.appendChild(friends); var td3=document.createElement('td'); var td3code = '<font size="-2">You can add a list of your friends here. Put each friend on a new line in this format.. <b>USERNAME=DISPLAY NAME</b><br>'; td3code += 'If the display rname is the same as the username, use an asterisk (*) to save space. You can use a maximum of 199 characters for your list of friends.<br>'; td3code += 'Characters left: <input name="friendsLength" size="3" value="199" disabled="1" type="text"></font>'; with(td3){vAlign="top"; innerHTML=td3code;} tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); sigcell.parentNode.parentNode.insertBefore(tr,sigcell.parentNode.nextSibling); sig.value = sig.value.split('ƒ')[0]; if(friends.value.match(/ƒ/)) { friends.value = friends.value.split(/ƒ/)[1]; } else { friends.value = ''; } // Add friends list to signature when submitting form.. function addFriends() { sig.onchange = function(){} sig.value += 'ƒ'+friends.value; return; } if(window.addEventListener) { document.modifyForm.addEventListener('submit', addFriends, false); } else if(window.attachEvent) { document.modifyForm.attachEvent('onsubmit', addFriends); } else { document.modifyForm.onsubmit = addFriends(); }} // Add friends to profile... if(pb_action == 'viewprofile') { var sig = document.getElementsByTagName('div'); for(s=0; s<sig.length; s++) { if(sig { var friends = sig sig var tr = document.createElement('tr'); var td = document.createElement('td'); with(td){colSpan="2"; innerHTML='<font size="2"><b>Friends</b><hr size="1"></font>';} tr.appendChild(td); sig var tr = document.createElement('tr'); var td1 = document.createElement('td'); var td2 = document.createElement('td'); friends = friends.replace(/=/g,'">'); friends = friends.replace(/<br>/ig,'</a><br><a href="/index.cgi?action=viewprofile&user='); friends = '<a href="/index.cgi?action=viewprofile&user='+friends+'</a>'; td2.innerHTML = '<font size="2">'+friends+'</font>'; tr.appendChild(td1); tr.appendChild(td2); sig break; }}} // Remove friends from posted signatures.. if(location.href.match(/tion=display/)) { var sig=document.getElementsByTagName('div'); for(s=0; s<sig.length; s++) { if(sig { sig }}} // --> </script> <script type="text/javascript"> var menu = document.getElementsByTagName('td'); for(e=0; e<menu.length; e++){ if(menu[e].className.match(/menubg/i)){ menu[e].innerHTML = menu[e].innerHTML.replace(/(\[)/gi,''); menu[e].innerHTML = menu[e].innerHTML.replace(/(\])/gi,''); }} </script> <style> .menubg { height: 30px; } .menubg a, .menubg a:visited { background-image: url(http://i27.photobucket.com/albums/c163/Smangii/proboards%20skin%20tutorial/grad2.jpg); padding: 5px; border: 1px solid #FFFFFF; color: #FFFFFF; } </style> <style> body { text-align: center; } .secondBackground { margin: 0 auto; background-color: rgba(255,255,255,0.5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 110%; } </style> <div class="secondBackground"> |
Our Global Footer
<script language="JavaScript"> var boardwidth = document.getElementsByTagName('TABLE'); for(i=0;i<boardwidth.length;i++) { if(boardwidth.width=="92%"){ boardwidth.width='700 px';}} </script> <script type="text/javascript"> <!-- // Alphabetize sub-boards... if(location.href.match(/board=/) && !location.href.match(/display=/)) { var subTitles = new Array(); var subs = new Array(); var sT = 0; var sub = document.getElementsByTagName('tr'); for(s=0; s<sub.length; s++) { if(sub { subs[sT] = sub subTitles[sT] = sub sT++; }} subTitles = subTitles.sort(); for(s=0; s<subs.length; s++) { var subCell = subs[0].parentNode; subCell.appendChild(subs[parseInt(subTitles }} // --> </script> <script type="text/javascript"> <!-- /*RPG Ethical Alignment in Mini Profile - By iAlex - Open Source*/ var iEthList=[["Lawful Good", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Lawful_Good"], ["Neutral Good", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Neutral_Good"], ["Chaotic Good", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Chaotic_Good"], ["Lawful Neutral", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Lawful_Neutral"], ["Neutral", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Neutral"], ["Chaotic Neutral", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Chaotic_Neutral"], ["Lawful Evil", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Lawful_Evil"], ["Neutral Evil", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Neutral_Evil"], ["Chaotic Evil", "http://en.wikipedia.org/wiki/Alignment_%28Dungeons_%26_Dragons%29#Chaotic_Evil"]]; function iEthicAdd(){ var iEthSel=document.createElement('select'); var iEthPre=document.createElement('div'); iEthSel.options[0]=new Option('No Alignment', ''); for(var i=0;i<iEthList.length;i++){ iEthSel.options[iEthSel.length]=new Option(iEthList[0], iEthList[0]+': <a href="'+iEthList[1]+'" target="_blank">Read</a>'); } var iPer=document.modifyForm.personaltext; var iGen=document.modifyForm.gender.parentNode.parentNode.parentNode; var iEth=iGen.cloneNode(true); iEth.childNodes[0].firstChild.innerHTML='Ethical Alignment:'; iEth.childNodes[1].innerHTML=''; iEth.childNodes[1].appendChild(iEthSel); iEth.childNodes[1].appendChild(iEthPre); iEth.childNodes[2].firstChild.innerHTML='You can select an ethical alignment from the drop down menu, which will then be displayed in your mini profile.'; iGen.parentNode.insertBefore(iEth, iGen.nextSibling); if(iPer.value.match(/\[A1i:(\d+)\]/)){ iEthSel.selectedIndex=RegExp.$1; iEthPre.innerHTML=iEthSel.options[RegExp.$1].value; iPer.value=iPer.value.replace(/\[A1i:(\d+)\]/, ''); } function iSelCha(iSel){ iEthPre.innerHTML=iSel.value; } iEthSel.onchange=function(){ iSelCha(this); } iEthSel.onkeyup=function(){ iSelCha(this); } if(document.addEventListener){ document.modifyForm.addEventListener('submit', function(){ if(iEthSel.selectedIndex>0){ iPer.value=iPer.value+'[A1i:'+iEthSel.selectedIndex+']'; } }, false); } else{ document.modifyForm.attachEvent('onsubmit', function(){ if(iEthSel.selectedIndex>0){ iPer.value=iPer.value+'[A1i:'+iEthSel.selectedIndex+']'; } }); } } function iEthicMini(){ var iTd=document.getElementsByTagName('td'); var i=iTd.length; while(--i){ if(iTd.item(i).width=="20%" && iTd.item(i).className.match(/windowbg(2)?/) && iTd.item(i).vAlign=="top" && iTd.item(i).innerHTML.match(/member is/) && iTd.item(i).innerHTML.match(/\[A1i:(\d+)\]/)){ var iEthHold=document.createElement('span'); iEthHold.innerHTML='<b'+'r />Alignment: <a href="'+iEthList[RegExp.$1-1][1]+'" target="_blank">'+iEthList[RegExp.$1-1][0]+'</a><b'+'r/><img src="http://img378.imageshack.us/img378/2494/scale2cv3.gif" /><span style="position: relative; center: '+(RegExp.$1*14)+'; top: 1px;"><img src="http://img267.imageshack.us/img267/6149/userqs6.gif" /></span>'; iTd.item(i).appendChild(iEthHold); iTd.item(i).innerHTML=iTd.item(i).innerHTML.replace(/\[A1i:(\d+)\]/g, ''); } } } if(document.modifyForm){ iEthicAdd(); } if(location.href.match(/action=(display|viewprofile|(user)?recent|calendarview|search2|pmview)/) || location.href.match(/index.cgi$/) && document.title.match(/Preview/) && document.postForm){ iEthicMini(); } //--> </script> </div> |
What it looks like
Right thanks in advance.