Table help

[foxylady23]

I would like a tale if what it is called like this as show picture I hope mine use this forum what talk about.

like very in colloms or row and they are split in section so look nice that what I am looking for thanks foxy

[Jordan]

What exactly was that you're looking for?

[~•XyMiC•~]

Oh, Splitting Categories is what she's talking about, I think. This is done by code. Do this:

On your browser window, click View>Source on this forum's MAIN page. Now, go to Edit>Find>Type "Dividing Categories - Created by Peter" without the quotes and select "Find Next" until you find the line you just typed. When you find it, it will be highlighted. Now, when you find that code, find the line that says "<script type="text/javascript">" two or three lines above the "Dividing Categories - Created by Peter" line and highlight it and drag it down until the code ends. The code ends with this line "</script>".

[foxylady23]

I do not have clue what you are talking about it's gone right over my head sorry I need all code I am just that found but look wired or might be me here one I was give it free and not a copywriter if like work on it get what after please do thanks foxy

<table align="center" border="0" width="92%" cellspacing="0" cellpadding="0" class="bordercolor">
<tr>
<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td class="titlebg" align="center" colspan="3">
<font color="#Title Text Color" size="3">
<b></b>
</font>
</td>
</tr>
</tr>
<tr>
<td width="20%" valign="top" class="windowbg">
<b>
<font color="#Hex Color" size="3">
<center><u><b>Staff</b></u></center>
</font>

<center>
<br>
<a href=""><font color="#CC3300">Administrator </font></a>
<br>
<br>
<a href=""><font color="#FF0000">Co-Administrator </font></a>
<br>
<br>
<a href=""><font color="#0033CC">Global Moderator</font></a>
<br>
<br>
<a href=""><font color="#006600">Moderator</font></a>
<br>
<br>
<a href=""><font color="#006600">Co-Moderator</font></a>
</b>
</center>
</td>
<td width="100%" class="windowbg2" valign="top">

<center>
<font color="#5E6888" size="6">
<br>
<b>
Welcome
</b>

</font>
</center>
</td>

<td width="20%" valign="top" class="windowbg">
<font color="#Hex Color" size="2">
<center><u><b>Updates</b></u></center>
</font>
<center>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" style="height:130px;">
<center>
<font color="#Hex Color" size="2">
<br>
<b>
</b>


</marquee>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>

[Jordan]

That looks like a top welcome table code to me.


@ Rashmin: Yes, that's how you do it but a little simpler lol.

@ Category splitter: You can find them all over! I'll look up a link to the code.

[~•XyMiC•~]

Lol, I knew I would confuse you. Sorry about that I've got a better solution and easier one. Click Here and place the code in your Main Footer. That should do it, I believe.

[foxylady23]

I tryed one you sent ~•XyMiC•~ but it did mot seem to work I might doing something wrong cox I tryed this one and the same thing check out and see can get any of them to work if do let me know how you did it thanks foxy

<script type="text/javascript">
<!--
// Gap size between posts

var pv_sp_gap_size = 25;

// Head image URL

var pv_sp_head_img = "URL";

// Base image URL

var pv_sp_base_img = "URL";

var split_posts = {

head: '<div id="_head_" style="text-align: center"><img src="' + pv_sp_head_img + '" /></div>',

base: '<div id="_base_" style="text-align: center"><img src="' + pv_sp_base_img + '" /></div>',

gap: '<div style="height: ' + pv_sp_gap_size + 'px;"></div>',

html: "",

skip: false,

init: function(){
if(location.href.match(/=(display|userr|search2|recent)/i)){
this.html = '</table></td></tr></table>' + this.base + this.gap + this.head + '<table class="bordercolor" cellSpacing="0" cellPadding="0" width="100%"><tr><td><table cellSpacing="1" cellPadding="4" width="100%">',

this.split_them(RegExp.$1);

if(!document.attachEvent && !this.skip){
this.fix_poll();
}
}
},

to_node: function(str){
var span = document.createElement("span");

span.innerHTML = str;

return span;
},

split_them: function(l){
var rows = document.getElementsByTagName("tr");
var e = false, m, s = 0;

for(r = 0; r < rows.length; r ++){
var row = rows.item(r);
var cell = row.cells.item(0);

if(row.parentNode.parentNode.width == "92%" && row.innerHTML.match(/javascript:popWindow/i)){
row.parentNode.parentNode.id = "_main_table";
}

if(l.match(/(userr|recent|search2)/i)){
this.skip = true;

if(row.parentNode.parentNode.className == "bordercolor" && row.parentNode.parentNode.cellSpacing == 0){
if(s > 0){
var p = row.parentNode.parentNode;
var gap = (s == 1)? this.gap : "";
var head = this.to_node(gap + this.head);
var base = this.to_node(this.base);

p.parentNode.insertBefore(head, p);
p.parentNode.insertBefore(base, p.nextSibling);
}

s ++;
}
} else {
if(cell.width == "20%" && cell.className.match(/windowbg/i) && cell.innerHTML.match(/(member is|Guest)/)){
var p = cell.parentNode;
var c = document.createComment("_SPLITTER_");

if(!e){
var end;

if(p.parentNode.rows.item(p.parentNode.rows.length - 1).cells.item(0).className != "titlebg"){
end = p.parentNode.rows.item(p.parentNode.rows.length - 2);
} else {
end = p.parentNode.rows.item(p.parentNode.rows.length - 1);
}

end.parentNode.insertBefore(c.cloneNode(true), end);
e = true;
}

p.parentNode.insertBefore(c, p);

}
}
}

if(document.getElementById("_main_table") && !this.skip){
m = document.getElementById("_main_table");
m.parentNode.innerHTML = m.parentNode.innerHTML.replace(/<!--_SPLITTER_-->/g, this.html);

var cc = 0, ee = 0;
var divs = document.getElementsByTagName("div");

for(d = 0; d < divs.length; d ++){
if(divs.item(d).id.match(/_(base|head)_/i)){
if(cc == 0){
divs.item(d).style.display = "none";
}

cc ++;
e = d;
}
}

if(divs.item(e) && divs.item(e).id == "_head_"){
divs.item(e).style.display = "none";
}
}
},

fix_poll: function(){
var form = document.getElementsByTagName("form");

for(f = 0; f < form.length; f ++){
if(!form.item(f).elements.length){
var par = form.item(f).parentNode.parentNode;
var nform = form.item(f).cloneNode(false);

form.item(f).parentNode.removeChild(form.item(f));

while(par.hasChildNodes()){
nform.appendChild(par.firstChild);
}

par.appendChild(nform);

break;
}
}
}

}

split_posts.init();

//-->
</script>

[~•XyMiC•~]

OK, let's get one thing sure Which part would you like to split? The categories on the main page or the posts? I am little puzzled here, lol. Sorry

[foxylady23]

The categories on the main I think like one on here where go community then got a big cap then next box which graphic design etc that what I want slip so cap between which box categories. Thanks foxy,

PS sorry its confusing but do not understand all this tech stuff.

[~•XyMiC•~]

Oh no, it's fine. I used to be like that too OK, so one thing is straight. You want a category splitter.

Go here and place the code you see there in Main Footer.

That should do it.

[Jordan]

Yeh, that's a category spitter that you need. Follow the link XyMiC gave you.

[~•XyMiC•~]

ROFL, you come on this forum when I come, lol. Everybody, Jordan is a SPY

[Jordan]

Most certanly. I come when you turn your back, so ya know what? NEVER TURN YOUR BACK! MWAHAHAHAHAHAHAHA!

[Andrew]

Edit:

Posted same link *blushes*

[Jordan]

o__O Odd. Same link... diff. people?

[Andrew]

Ooops Thought Xymics was a different link sorry about that. Edits.

[~•XyMiC•~]

Thought you did it purposely, lol.

[Andrew]

No lol. My own fault for not clicking your link to be honest :s

[~•XyMiC•~]

Aren't we..I don't know..SPAMMING? I'll make thread for spamming if I'm allowed and hopefully, a mod or admin can delete our silly posts we made here

[Andrew]

Yes please do because I look silly lol

Edit: But keep post count the same *Whistles* Lol