custom left module Options

[[Zero]]

i got the scripts for the custom left module from this site and nomadder what i try nothing seems to work. there is always some like left over code such as an extra > or soemthing on my page when i use it and if i take it away it doesnt show up. please help. one example of what doesn't show up is this code: http://www.createblog.com/scripts/download.php?id=157

[Layouts_by_leeuh]

I had the same problem. Apparently where ever I got the code from, the person didn't copy everything correctly, and so I had to figure out what was wrong. Anyway...


This code will remove the original left side module. This part was originally incorporated into the custom mod. code, but I took it out because that's what was messing up.

CODE

<style type="text/css">
/*FROM XANGA.COM/HTML_SCRIPTS*/
.mainleft, table.left, table.left TH, table.left TD, .leftmoduleborder {display: none;};
</style>

Here is the custom module code.

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
/* edit to your liking */
table.module { border-TOP: 2px solid #800080; border-LEFT: 2px solid #800080;border-RIGHT: 2px solid #800080;border-BOTTOM: 0px solid #800080;width:160px; background-color:FFFFFF; }
table.module th { background-color: #FFFFFF;font: 9px arial; text-transform: none;color: #cc0066; border: none; }
table.module td {color: #336600; text-align: CENTER; border-TOP: 0px solid #800080; border-LEFT: 0px solid #800080;border-RIGHT: 0px solid #800080;border-BOTTOM: 2px solid #800080; background-image: none; }
</style>

<!-- add this below all the CSS -->

<table border=0 width="660"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><center>TITLE HERE</center></th></tr><tr><td valign="top" class="module">

MODULE INFO GOES HERE


</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><center>TITLE HERE</center> </th></tr><tr><td valign="top" class="module">


MODULE INFO GOES HERE


</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><center>TITLE HERE</center> </th></tr><tr><td valign="top" class="module">

MODULE INFO GOES HERE

</td></tr></table><br>


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="CENTER" class="module">TITLE HERE</th></tr><tr><td valign="top" class="module">

MODULE INFO GOES HERE

</td></tr></table><br>
<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
</td><td width="500" valign="top" align="left">

<!-- end code provided by createblog.com -->

Make sure when you change the colors and add your own info that you're careful not to mess up any of the code.

Both of those go in the header by the way.

[[Zero]]

well i want to keep the original xanga modules, just add another custom one onto it. by the looks of your code, your telling me the delete all of them then add brand new ones right?

[Layouts_by_leeuh]

If you want to keep the original module then do not add the first code. Just add the longer, second one. That one will also end up on the left. There is a custom right module one, where you keep the left module and also have a right one.




here is the custom mod. on the right just in case you wanted it. this one goes into website stats though.

CODE

<!-- Createblog --><td id="customRight" style="display:none" vAlign="top" width="200">

<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
<b>TITLE HERE</b>
</th></tr>
<tr><td class="left" vAlign="top">


MODULE INFO


</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
<b>TITLE HERE</b>
</th></tr>
<tr><td class="left" vAlign="top">

MOD. INFO


</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
<b>TITLE HERE</b>
</th></tr>
<tr><td class="left" vAlign="top">


MOD. INFO

</td></tr>
</table>
<br/>
<!-- module:end -->
</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

[[Zero]]

i tryed out your code.. it didn;t give me a custom module underneath the original ones. what it did was make a third column on my xanga with the custom modules...

basically.. i made this flash music player that i want in the modules side of the page, but whatever i do it won't show up or be aligned right. i would love a code that would do so...