|
Post by jet on Aug 25, 2012 22:25:14 GMT -8
I DIDN'T KNOW WHERE ELSE TO PUT THIS IF THIS IS THE WRONG PLACE I'M SORRY GAH ;_;So this evil little ..brat right here v has been a pain since forever. So, I finally gave up on figuring it out myself and am begging for help. Here are the codes related to that specific code. <style type="text/css"><!-- .body1M { font-size: 9px; font-family: tahoma; text-align: justify; padding: 5px; }
#sicon { width: 90px; height: 90px; border: 5px solid #4c667b; }
#sicon:hover #sdesc { display: block; opacity: .8; }
#sdesc {display: none; width: 90px;height: 90px; background: #4c667b; font-size: 8px; font-family: tahoma; color: #E9E9E9; text-align: center; text-transform: uppercase; line-height: 10px; letter-spacing: 1px; }</style> <! ===== TEST===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div style="padding-top: 47px;"><div class="body1m"><table cellspacing="4" cellpadding="0"><tr><td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MALE</div> OF THE MONTH<br><br><br> TO BE ANNOUNCED </div></div></div></div></td>
<td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> FEMALE </div> OF THE MONTH<p><br><br> TO BE ANNOUNCED! </div></div></div></div></td></tr>
<tr><td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> COUPLE </div> OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td>
<td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MEMBER </div> OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td></div></center></div></tr></table> If you need the WHOLE code, not just the certain side box, here it is <! ===== START Smangii's {LEFT} Side Tables *REVISED* Global Header ===== -->
<script> // Resize the welcome table - can be % or a number of pixels document.getElementsByTagName('table')[0].style.width='871px'; </script>
<style type="text/css"> #sidetables { width: 250px; margin-bottom: 20px; margin-right: 0px; } </style>
<table width="950px" align="center" cellpadding="15px" cellspacing="0px"> <tr> <td vAlign="top">
<! ===== TEST===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div style="padding-top: 47px;"><div class="body1m"><table cellspacing="4" cellpadding="0"><tr><td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MALE</div> OF THE MONTH<br><br><br> TO BE ANNOUNCED </div></div></div></div></td>
<td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> FEMALE </div> OF THE MONTH<p><br><br> TO BE ANNOUNCED! </div></div></div></div></td></tr>
<tr><td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> COUPLE </div> OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td>
<td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MEMBER </div> OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td></div></center></div></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // --> </td><td align="center" vAlign="top" width="100%">
<script type="text/javascript"> <!-- document.getElementsByTagName('td').item(2).style.display="none"; //--> </script>
|
|
|
Post by katya on Aug 25, 2012 22:38:05 GMT -8
You never start your <td>. You probably know what I mean, but just in case: after your first <tr> add a <td> right after.
The first bit should look like this:
<tr><td><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div style="padding-top: 47px;"><div class="body1m"><table cellspacing="4" cellpadding="0"><tr><td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MALE</div> OF THE MONTH<br><br><br> TO BE ANNOUNCED </div></div></div></div></td>
|
|
|
Post by jet on Aug 25, 2012 23:09:46 GMT -8
I have no idea what is going on any more.. D| I clearly messed up more than just there. I added in the <td> and the site kind of just had a fit with itself. Here is the entire header ( <td> included ) <style type="text/css"><!-- .body1M { font-size: 9px; font-family: tahoma; text-align: justify; padding: 5px; }
#sicon { width: 90px; height: 90px; border: 5px solid #4c667b; }
#sicon:hover #sdesc { display: block; opacity: .8; }
#sdesc {display: none; width: 90px;height: 90px; background: #4c667b; font-size: 8px; font-family: tahoma; color: #E9E9E9; text-align: center; text-transform: uppercase; line-height: 10px; letter-spacing: 1px; }</style>
<script type="text/javascript"> <!-- /* Welcome table below Ad by california */
document.write('<div id="welcome"></div>'); var welcome = document.getElementById("welcome"); welcome.parentNode.replaceChild(document.getElementsByTagName("table")[0], welcome);
// --> </script>
<script> <!-- /* Border-Around-Forum using Gradients - by Smangii */
var hg = "titlebg"; // Class of the Header Gradient var mc = "#9398A1"; // Color of the middle portion var bg = "#titlebg"; // Class of the Footer Gradient
document.write('<table width="952x" cellspacing="0" cellpadding="0" class="bordercolor" align="center"><tr><td width="100%" class="'+hg+'"></td></tr><tr><td width="100%" bgcolor="'+mc+'">') //--> </script>
<! ===== START Smangii's {LEFT} Side Tables *REVISED* Global Header ===== -->
<script> // Resize the welcome table - can be % or a number of pixels document.getElementsByTagName('table')[0].style.width='871px'; </script>
<style type="text/css"> #sidetables { width: 250px; margin-bottom: 20px; margin-right: 0px; } </style>
<table width="950px" align="center" cellpadding="15px" cellspacing="0px"> <tr> <td vAlign="top">
<! ===== WELCOME ===== --> <table id="sidetables" cellpadding="0px" class="bordercolor" cellspacing="0"> <tr><div style="width:250px; height:400px; background-image:url('http://i56.tinypic.com/mx22q9.jpg');"> <div style="padding-left: 55px; padding-top: 36px;"><div style="font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555"><center><b> ( STAY AWAKE ) </b></center> </div></div> <div style="padding-left: 95px; padding-top: 72px;"><div style="overflow: auto; height: 120px; width: 138px; padding-right: 8px; font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555">THIS IS A SKIN MADE BY CHLOEOATS ! @ CAUTION 2.0. YOU CAN FIND ALL THE NECESSARY CODES IN THE FIRST BOARD, AND IF YOU CHOOSE TO USE THIS, PLEASE POST IN THE THREAD ON CAUTION WITH A LINK TO THE BOARD! THANK YOU FOR LOOKING! <BR><P ALIGN="right">- - - XOXO, CHLOEOATS</P> </div></div> <div style="padding-left: 60px; padding-top: 48px;"><div style="font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555"><FONT COLOR="#444487"><b>THE BOYS</b></FONT> : 00 | <FONT COLOR="#ec5885"><b>THE GIRLS</b></FONT> : 00</div></div> <div style="padding-left: 44px; padding-top: 47px;"><form action="/index.cgi" method="post" name="loginform" onSubmit="disable(this)" target="_top"><input type="hidden" name="action" value="login2"><input type="text" name="username" size="3" tabindex="1" maxlength="26"/> <input type="password" name="password" size="2" tabindex="2"/> <input type="submit" value=" CHECK " tabindex="4"/></form> </div></div> </tr></table>
<! ===== SETTING & LINKS ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:250px; background-image:url('http://i52.tinypic.com/33p3c7n.jpg');"><div style="padding-left: 30px; padding-top: 70px;"><div style="overflow: auto; height: 136px; width: 135px; padding-right: 3px; font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555">THIS IS WHERE YOUR SETTING GOES! USE HTML TAGS TO DO ACTIONS <b>BOLD</B> <i>ITALICS</i> <u>UNDERLINE</u>.</div></div></div> <a href="#" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()"><img src="http://i54.tinypic.com/vo38tu.jpg" border="0"></a> </tr></table>
<! ===== STAFF ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><a href="http://stayxawake.proboards.com/index.cgi?action=viewprofile&user=admin" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()"><img src="http://i51.tinypic.com/nckrnn.jpg" border="0"></a><br> <a href="http://stayxawake.proboards.com/index.cgi?action=viewprofile&user=admin" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()"><img src="http://i51.tinypic.com/nckrnn.jpg" border="0"></a><br></tr></table>
<! ===== CBOX ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div style="padding-top: 47px;">CBOX CODE HERE</div></center></div></tr></table>
<! ===== TEST===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><td><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div style="padding-top: 47px;"><div class="body1m"><table cellspacing="4" cellpadding="0"><tr><td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MALE</div> OF THE MONTH<br><br><br> TO BE ANNOUNCED </div></div></div></div></td>
<td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> FEMALE </div> OF THE MONTH<p><br><br> TO BE ANNOUNCED! </div></div></div></div></td></tr>
<tr><td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> COUPLE </div> OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td>
<td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><div class="stitle"> MEMBER </div> OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td></div></center></div></tr></table>
<! ===== OTMS ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:200px; background-image:url('http://i53.tinypic.com/sbj6ur.jpg');"></div><div style="width:250px; height:200px; background-image:url('http://i55.tinypic.com/280m51y.jpg');"></div></tr></table>
<! ===== CREDITS ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><a href="URL"><img src="http://i52.tinypic.com/2qi3486.jpg"></a></tr></table>
<! ===== AFFILIATES ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><td align="center" class="titlebg"></td></tr> <tr><td align="justify" class="windowbg"> <center><br>YOUR BUTTON HERE<br> <textarea>YOUR CODE</textarea><br><br><br> <marquee><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND"> <img src="http://i55.tinypic.com/2zyhoo7.jpg"></a></marquee></center> </td></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // --> </td><td align="center" vAlign="top" width="100%">
<script type="text/javascript"> <!-- document.getElementsByTagName('td').item(2).style.display="none"; //--> </script>
<script type="text/javascript"> <!-- document.getElementsByTagName('font').item(1).style.display="none"; //--> </script>
<style type="text/css"> body { background-repeat: repeat-xy; background-position: top center; }
.menubg a:link, .menubg a:active, .menubg a:visited { color: #66798D; font-family: arial narrow; text-transform:uppercase; font-size: 11px; padding: 2px 2px 2px 2px; letter-spacing: 1px; text-decoration: none; }
.menubg a:hover { color: #66798D; font-family: arial narrow; text-transform:uppercase; font-size: 11px; padding: 2px 2px 2px 2px; letter-spacing: 2px; text-decoration: underlined; }
.title { padding: 3px; letter-spacing: 2px; text-align: center; font-family: arial narrow; color: #66798D; text-transform:uppercase; font-size: 11px; border-bottom: 4px solid #66798D; }
a:link, a:visited, a:active { text-decoration: none; color: #66798D; font-size: 10px; text-transform:uppercase; } a:hover { color: #66798D; font-size: 10px; text-transform:uppercase; cursor:crosshair; }
.group1, .group2, {font-weight: bold; } </style>
<!-- GLIDE PM BAR --> <style type="text/css"> /* Glide PM Bar CSS */ #glide div a { color: #66798D; /* COLOR OF LINKS IN THE BAR */ } #glide { background-color: #C7D5C6; /* BACKGROUND COLOR OF BAR */ color: #919191; /* TEXT COLOR IN BAR */ /* no more editing */ width: 100%; text-transform: uppercase; font-family: arial narrow; height: 25px; overflow: hidden; position: fixed; top: 0px; left: 0px; } body { margin-top: 35px; } #glide div { margin: 5px; } #glide #gleft { float: left; } #glide #gright { float: right; }; #glide { position: absolute; top: expression(document.body.scrollTop); padding-right: 0px; } </style>
<div id="glide" onmouseover="glideShow();" onmouseout="glideHide();"><div id="gleft"></div><div id="gright"></div></div>
<script type="text/javascript"> <!-- /* Glide PM Bar v1.0 Written by Devin F Don't redistribute */
var ginfo = document.getElementsByTagName("font")[2].innerHTML.split(/<br\s?\/?>/i); var glide = document.getElementById("glide"); var gleft = document.getElementById("gleft"); var gright = document.getElementById("gright"); var ghide;
document.body.removeChild(document.body.getElementsByTagName("br")[0]); gleft.innerHTML = (pb_username != "Guest") ? ginfo[0] : "WELCOME TO <B>STAY AWAKE</B>. PLEASE <a href='index.cgi?action=login'>LOGIN</a> OR <a href='index.cgi?action=register'>REGISTER</a> TO RECEIVE PERSONAL MESSAGES."; gright.innerHTML = ginfo[1] + gright.innerHTML;
function glideHide(){ //<-- IT RHYMES! =P ghide = setTimeout("glide.style.height = '3px'", 500); }
function glideShow(){ //<-- Doesn't rhyme. =( glide.style.height = '25px'; clearTimeout(ghide); }
window.onload = glideHide();
//--> </script> <!-- END OF GLIDE PM BAR -->
<style type="text/css"> <!-- /* Category Titles Unbold */ .catbg b { font-weight: normal; font-style: italic; text-transform: uppercase; font-family: calibri; font-size: 20px; align: right; letter-spacing: 2px; } --> </style>
<style type="text/css"> <!-- /* The Board Names */ .windowbg { text-transform: normal; font-size: 8px; } --> </style>
<style type="text/css"> <!-- /* The Board Names */ .windowbg2 { text-transform: normal; font-size: 8px; } --> </style>
<style type="text/css"> <!-- /* Titles Unbold */ .titlebg b { font-weight: normal!important; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; } --> </style>
<style type="text/css">
#popitmenu{ position: absolute; background-color: #EEE2BA; text-align: left; border: 10px solid #6D5373; font: normal 10px calibri; word-spacing: 2px; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; line-height: 12px; z-index: 100; visibility: hidden; }
#popitmenu a{ text-decoration: none; color: #4c6a5e; display: block; }
#popitmenu a:hover{ /*hover background color*/ background-color: #E1C4A2; }
</style>
<script type="text/javascript">
/*********************************************** * Pop-it menu- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit [url]http://www.dynamicdrive.com/[/url] for full source code ***********************************************/
var defaultMenuWidth="175px" //set default menu width.
var linkset=new Array() //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[1]='<a href=""></a>' linkset[1]+='<a href="URL">ACCOUNT ONE.</a>' linkset[1]+='<a href="URL">ACCOUNT TWO.</a>'
linkset[2]='<a href=""></a>' linkset[2]+='<a href="URL">ACCOUNT ONE.</a>' linkset[2]+='<a href="URL">ACCOUNT TWO.</a>'
linkset[3]='<a href=""></a>' linkset[3]+='<a href="URL">LINK ONE.</a>' linkset[3]+='<a href="URL">LINK TWO.</a>'
////No need to edit beyond here
var ie5=document.all && !window.opera var ns6=document.getElementById
if (ie5||ns6) document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
function iecompattest(){ return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body }
function showmenu(e, which, optWidth){ if (!document.all&&!document.getElementById) return clearhidemenu() menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu") menuobj.innerHTML=which menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth menuobj.contentwidth=menuobj.offsetWidth menuobj.contentheight=menuobj.offsetHeight eventX=ie5? event.clientX : e.clientX eventY=ie5? event.clientY : e.clientY //Find out how close the mouse is to the corner of the window var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge<menuobj.contentwidth) //move the horizontal position of the menu to the left by it's width menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px" else //position the horizontal position of the menu where the mouse was clicked menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px" //same concept with the vertical position if (bottomedge<menuobj.contentheight) menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px" else menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px" menuobj.style.visibility="visible" return false }
function contains_ns6(a, b) { //Determines if 1 element in contained in another- by Brainjar.com while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; }
function hidemenu(){ if (window.menuobj) menuobj.style.visibility="hidden" }
function dynamichide(e){ if (ie5&&!menuobj.contains(e.toElement)) hidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) hidemenu() }
function delayhidemenu(){ delayhide=setTimeout("hidemenu()",500) }
function clearhidemenu(){ if (window.delayhide) clearTimeout(delayhide) }
if (ie5||ns6) document.onclick=hidemenu
</script>
|
|
|
Post by AERIE on Aug 26, 2012 22:08:56 GMT -8
I viewed the source code on your site. In the test box, you have 17 opening DIV tags and 20 closing DIV tags. You have 3 opening TR tags and only 2 closing TR tags. These should be even. For every opening DIV tag, there needs to be a closing one. Same goes for TR. Additionally, you should try condensing some of your side by side div codes to make things easier to navigate. I.e. Your boxes are REALLY div-heavy.
|
|
|
Post by jet on Aug 27, 2012 8:40:52 GMT -8
eehh, it's a premade skin so. I noticed that too though, the intense amount of div's. Kind of really annoying. I"ll see how many I can remove without it going nuts on me or just find a different one.
Rather, I like this one just for what is already set up in the side tables, but it's not just this site. I had another site I tried to use this code on, and it didn't work ( also an image as background in sidetables) is it that these two codes just can't work together?
I am not a coder, at all, I barely can read it any more, I always break the codes. What should I do so it's not so damn div heavy? Because I honestly adore the hover effect on the icons there.
|
|
|
Post by AERIE on Aug 27, 2012 10:44:40 GMT -8
Here's an example of one you could combine:
"<div style="padding-top: 47px;"><div class="body1m">"
Go to body1m and add that padding-top: 47px to it. It's in this part of the code:
.body1M { font-size: 9px; font-family: tahoma; text-align: justify; padding: 5px; }
I haven't inspected all of the CSS, but a lot of DIVs have a style= in the tag itself, when you can just include that in the css. So once you turns the body1m into:
.body1M { font-size: 9px; font-family: tahoma; text-align: justify; padding: 47px 5px 5px 5px; }
you can completely get rid of "<div style="padding-top: 47px;">" as well as its closing DIV tag.
|
|
|
Post by jet on Aug 27, 2012 11:44:35 GMT -8
<style type="text/css"><!-- .body1M { font-size: 9px; font-family: tahoma; text-align: justify; padding: 5px; padding-top: 47px; }
#sicon { width: 90px; height: 90px; border: 5px solid #4c667b; }
#sicon:hover #sdesc { display: block; opacity: .8; }
#sdesc {display: none; width: 90px;height: 90px; background: #4c667b; font-size: 8px; font-family: tahoma; color: #E9E9E9; text-align: center; text-transform: uppercase; line-height: 10px; letter-spacing: 1px; }</style>
<script type="text/javascript"> <!-- /* Welcome table below Ad by california */
document.write('<div id="welcome"></div>'); var welcome = document.getElementById("welcome"); welcome.parentNode.replaceChild(document.getElementsByTagName("table")[0], welcome);
// --> </script>
<script> <!-- /* Border-Around-Forum using Gradients - by Smangii */
var hg = "titlebg"; // Class of the Header Gradient var mc = "#9398A1"; // Color of the middle portion var bg = "#titlebg"; // Class of the Footer Gradient
document.write('<table width="952x" cellspacing="0" cellpadding="0" class="bordercolor" align="center"><tr><td width="100%" class="'+hg+'"></td></tr><tr><td width="100%" bgcolor="'+mc+'">') //--> </script>
<! ===== START Smangii's {LEFT} Side Tables *REVISED* Global Header ===== -->
<script> // Resize the welcome table - can be % or a number of pixels document.getElementsByTagName('table')[0].style.width='871px'; </script>
<style type="text/css"> #sidetables { width: 250px; margin-bottom: 20px; margin-right: 0px; } </style>
<table width="950px" align="center" cellpadding="15px" cellspacing="0px"> <tr> <td vAlign="top">
<! ===== WELCOME ===== --> <table id="sidetables" cellpadding="0px" class="bordercolor" cellspacing="0"> <tr><div style="width:250px; height:400px; background-image:url('http://i56.tinypic.com/mx22q9.jpg');"> <div style="padding-left: 55px; padding-top: 36px;"><div style="font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555"><center><b> ( STAY AWAKE ) </b></center> </div></div> <div style="padding-left: 95px; padding-top: 72px;"><div style="overflow: auto; height: 120px; width: 138px; padding-right: 8px; font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555">THIS IS A SKIN MADE BY CHLOEOATS ! @ CAUTION 2.0. YOU CAN FIND ALL THE NECESSARY CODES IN THE FIRST BOARD, AND IF YOU CHOOSE TO USE THIS, PLEASE POST IN THE THREAD ON CAUTION WITH A LINK TO THE BOARD! THANK YOU FOR LOOKING! <BR><P ALIGN="right">- - - XOXO, CHLOEOATS</P> </div></div> <div style="padding-left: 60px; padding-top: 48px;"><div style="font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555"><FONT COLOR="#444487"><b>THE BOYS</b></FONT> : 00 | <FONT COLOR="#ec5885"><b>THE GIRLS</b></FONT> : 00</div></div> <div style="padding-left: 44px; padding-top: 47px;"><form action="/index.cgi" method="post" name="loginform" onSubmit="disable(this)" target="_top"><input type="hidden" name="action" value="login2"><input type="text" name="username" size="3" tabindex="1" maxlength="26"/> <input type="password" name="password" size="2" tabindex="2"/> <input type="submit" value=" CHECK " tabindex="4"/></form> </div></div> </tr></table>
<! ===== SETTING & LINKS ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:250px; background-image:url('http://i52.tinypic.com/33p3c7n.jpg');"><div style="padding-left: 30px; padding-top: 70px;"><div style="overflow: auto; height: 136px; width: 135px; padding-right: 3px; font-family: calibri; font-size: 10px; line-height: 90%; text-align: justify; color: #555">THIS IS WHERE YOUR SETTING GOES! USE HTML TAGS TO DO ACTIONS <b>BOLD</B> <i>ITALICS</i> <u>UNDERLINE</u>.</div></div></div> <a href="#" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()"><img src="http://i54.tinypic.com/vo38tu.jpg" border="0"></a> </tr></table>
<! ===== STAFF ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><a href="http://stayxawake.proboards.com/index.cgi?action=viewprofile&user=admin" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()"><img src="http://i51.tinypic.com/nckrnn.jpg" border="0"></a><br> <a href="http://stayxawake.proboards.com/index.cgi?action=viewprofile&user=admin" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()"><img src="http://i51.tinypic.com/nckrnn.jpg" border="0"></a><br></tr></table>
<! ===== CBOX ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div style="padding-top: 47px;">CBOX CODE HERE</div></center></div></tr></table>
<! ===== TEST===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:425px; background-image:url('http://img.photobucket.com/albums/v434/ShaGojyo90/cbox.png');"><center><div class="body1m"><table cellspacing="4" cellpadding="0"><tr><td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"><b>MALE</b><br><br><br> TO BE ANNOUNCED </div></div></div></div></td>
<td><div style="margin-bottom: 10px;"><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc">FEMALE OF THE MONTH<p><br><br> TO BE ANNOUNCED! </div></div></div></div></td></tr>
<tr><td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc"> COUPLE OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></div></td>
<td><div id="sicon" style="background: url(http://i820.photobucket.com/albums/zz125/KurdaNeva/icooons/72-1.gif);"><div id="sdesc">MEMBER OF THE MONTH<br><br><br> TO BE ANNOUNCED! </div></div></td></center></tr></table>
<! ===== OTMS ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><div style="width:250px; height:200px; background-image:url('http://i53.tinypic.com/sbj6ur.jpg');"></div><div style="width:250px; height:200px; background-image:url('http://i55.tinypic.com/280m51y.jpg');"></div></tr></table>
<! ===== CREDITS ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><a href="URL"><img src="http://i52.tinypic.com/2qi3486.jpg"></a></tr></table>
<! ===== AFFILIATES ===== --> <table id="sidetables" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><td align="center" class="titlebg"></td></tr> <tr><td align="justify" class="windowbg"> <center><br>YOUR BUTTON HERE<br> <textarea>YOUR CODE</textarea><br><br><br> <marquee><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND"> <img src="http://i55.tinypic.com/2zyhoo7.jpg"></a></marquee></center> </td></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // --> </td><td align="center" vAlign="top" width="100%">
<script type="text/javascript"> <!-- document.getElementsByTagName('td').item(2).style.display="none"; //--> </script>
<script type="text/javascript"> <!-- document.getElementsByTagName('font').item(1).style.display="none"; //--> </script>
<style type="text/css"> body { background-repeat: repeat-xy; background-position: top center; }
.menubg a:link, .menubg a:active, .menubg a:visited { color: #66798D; font-family: arial narrow; text-transform:uppercase; font-size: 11px; padding: 2px 2px 2px 2px; letter-spacing: 1px; text-decoration: none; }
.menubg a:hover { color: #66798D; font-family: arial narrow; text-transform:uppercase; font-size: 11px; padding: 2px 2px 2px 2px; letter-spacing: 2px; text-decoration: underlined; }
.title { padding: 3px; letter-spacing: 2px; text-align: center; font-family: arial narrow; color: #66798D; text-transform:uppercase; font-size: 11px; border-bottom: 4px solid #66798D; }
a:link, a:visited, a:active { text-decoration: none; color: #66798D; font-size: 10px; text-transform:uppercase; } a:hover { color: #66798D; font-size: 10px; text-transform:uppercase; cursor:crosshair; }
.group1, .group2, {font-weight: bold; } </style>
<!-- GLIDE PM BAR --> <style type="text/css"> /* Glide PM Bar CSS */ #glide div a { color: #66798D; /* COLOR OF LINKS IN THE BAR */ } #glide { background-color: #C7D5C6; /* BACKGROUND COLOR OF BAR */ color: #919191; /* TEXT COLOR IN BAR */ /* no more editing */ width: 100%; text-transform: uppercase; font-family: arial narrow; height: 25px; overflow: hidden; position: fixed; top: 0px; left: 0px; } body { margin-top: 35px; } #glide div { margin: 5px; } #glide #gleft { float: left; } #glide #gright { float: right; }; #glide { position: absolute; top: expression(document.body.scrollTop); padding-right: 0px; } </style>
<div id="glide" onmouseover="glideShow();" onmouseout="glideHide();"><div id="gleft"></div><div id="gright"></div></div>
<script type="text/javascript"> <!-- /* Glide PM Bar v1.0 Written by Devin F Don't redistribute */
var ginfo = document.getElementsByTagName("font")[2].innerHTML.split(/<br\s?\/?>/i); var glide = document.getElementById("glide"); var gleft = document.getElementById("gleft"); var gright = document.getElementById("gright"); var ghide;
document.body.removeChild(document.body.getElementsByTagName("br")[0]); gleft.innerHTML = (pb_username != "Guest") ? ginfo[0] : "WELCOME TO <B>STAY AWAKE</B>. PLEASE <a href='index.cgi?action=login'>LOGIN</a> OR <a href='index.cgi?action=register'>REGISTER</a> TO RECEIVE PERSONAL MESSAGES."; gright.innerHTML = ginfo[1] + gright.innerHTML;
function glideHide(){ //<-- IT RHYMES! =P ghide = setTimeout("glide.style.height = '3px'", 500); }
function glideShow(){ //<-- Doesn't rhyme. =( glide.style.height = '25px'; clearTimeout(ghide); }
window.onload = glideHide();
//--> </script> <!-- END OF GLIDE PM BAR -->
<style type="text/css"> <!-- /* Category Titles Unbold */ .catbg b { font-weight: normal; font-style: italic; text-transform: uppercase; font-family: calibri; font-size: 20px; align: right; letter-spacing: 2px; } --> </style>
<style type="text/css"> <!-- /* The Board Names */ .windowbg { text-transform: normal; font-size: 8px; } --> </style>
<style type="text/css"> <!-- /* The Board Names */ .windowbg2 { text-transform: normal; font-size: 8px; } --> </style>
<style type="text/css"> <!-- /* Titles Unbold */ .titlebg b { font-weight: normal!important; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; } --> </style>
<style type="text/css">
#popitmenu{ position: absolute; background-color: #EEE2BA; text-align: left; border: 10px solid #6D5373; font: normal 10px calibri; word-spacing: 2px; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; line-height: 12px; z-index: 100; visibility: hidden; }
#popitmenu a{ text-decoration: none; color: #4c6a5e; display: block; }
#popitmenu a:hover{ /*hover background color*/ background-color: #E1C4A2; }
</style>
<script type="text/javascript">
/*********************************************** * Pop-it menu- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit [url]http://www.dynamicdrive.com/[/url] for full source code ***********************************************/
var defaultMenuWidth="175px" //set default menu width.
var linkset=new Array() //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[1]='<a href=""></a>' linkset[1]+='<a href="URL">ACCOUNT ONE.</a>' linkset[1]+='<a href="URL">ACCOUNT TWO.</a>'
linkset[2]='<a href=""></a>' linkset[2]+='<a href="URL">ACCOUNT ONE.</a>' linkset[2]+='<a href="URL">ACCOUNT TWO.</a>'
linkset[3]='<a href=""></a>' linkset[3]+='<a href="URL">LINK ONE.</a>' linkset[3]+='<a href="URL">LINK TWO.</a>'
////No need to edit beyond here
var ie5=document.all && !window.opera var ns6=document.getElementById
if (ie5||ns6) document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
function iecompattest(){ return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body }
function showmenu(e, which, optWidth){ if (!document.all&&!document.getElementById) return clearhidemenu() menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu") menuobj.innerHTML=which menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth menuobj.contentwidth=menuobj.offsetWidth menuobj.contentheight=menuobj.offsetHeight eventX=ie5? event.clientX : e.clientX eventY=ie5? event.clientY : e.clientY //Find out how close the mouse is to the corner of the window var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge<menuobj.contentwidth) //move the horizontal position of the menu to the left by it's width menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px" else //position the horizontal position of the menu where the mouse was clicked menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px" //same concept with the vertical position if (bottomedge<menuobj.contentheight) menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px" else menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px" menuobj.style.visibility="visible" return false }
function contains_ns6(a, b) { //Determines if 1 element in contained in another- by Brainjar.com while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; }
function hidemenu(){ if (window.menuobj) menuobj.style.visibility="hidden" }
function dynamichide(e){ if (ie5&&!menuobj.contains(e.toElement)) hidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) hidemenu() }
function delayhidemenu(){ delayhide=setTimeout("hidemenu()",500) }
function clearhidemenu(){ if (window.delayhide) clearTimeout(delayhide) }
if (ie5||ns6) document.onclick=hidemenu
</script> This is the code now! I removed an unneeded div for the hover words and fixed what you mentioned. Also, above it was mentioned to add in a < td > but this it what happened --> i46.tinypic.com/33wxqtl.png Thank you for all the help. It is so frustrating the first thing I try to modify on this has turned into the worst pain!
|
|
|
Post by katya on Aug 27, 2012 12:32:26 GMT -8
Looking at the full source code, it seems like the original skinner basically wasn't using <td> tags at all. Well, regardless the various table tags aren't quite lining up. This is the otms section with some color coding: Try adding a closing </tr></table> right after that last </td> and see what happens? (This may bring up the same issue as before. The last time I had you add a <td>, it completed the table at hand, but I think it also convinced the forums that they were a part of the sidetables.)
|
|
|
Post by jet on Aug 27, 2012 13:59:04 GMT -8
FFFFF So I added the <td></td> and then the </tr></table> and tidtestsite.proboards.com/index.cgi it works! Thank you so so much for all the help. I will be very careful with these codes, I think the original skinner fumbled them a bit.. but, none the less, it works!
|
|