ocgfx style link table

[matthew]

ocgfx style link table[/u]

<style>

.Head
{
background:BG COLOR GOES HERE;
background-image: url(HEAD IMAGE HERE);
}

.Base
{
background:BG COLOR GOES HERE;
background-image: url(BASE IMAGE HERE);
}

</style>

The head image goes here

background-image: url(HEAD IMAGE HERE);


The base image goes in this bit

background-image: url(BASE IMAGE HERE);

<center>
<table border="0" cellpadding="3" cellspacing="1" height="30" width="700" style="position: relative; top: 1px;" >

<tr>
<td width="100%" align="center" class="Head">
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="700" >
<tr>
<td width="100%" class="bordercolor">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tr>


<td width="100%" class="titlebg" align="center" height="20" ><b>WELCOME HEADING TEXT GOES HERE</b></td>

</tr>

<td width="100%" height = "30" class = "windowbg">





<center><font size="1+">

<a href = "URL GOES HERE">TEXT LINK GOES HERE</a> |
<a href = "URL GOES HERE">TEXT LINK GOES HERE</a> |
<a href = "URL GOES HERE">TEXT LINK GOES HERE</a> |
<a href = "URL GOES HERE">TEXT LINK GOES HERE</a> |
<a href = "URL GOES HERE">TEXT LINK GOES HERE</a> |


</font></center>


</td>
<tr>

<td width="100%" class="titlebg" align="center" height="20" >

</tr>

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


<table border="0" cellpadding="3" cellspacing="1" height="30" width="700" style="position: relative; bottom: 1px;" >


<tr><td class="Base">

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

You can change the table width here

width="700" >

to change the height of the gradient table cells look for this bit.

height="20"

For the Gradient table cells the class name is set to titlebg

class="titlebg"

You can also use

menubg
catbg
newstitlebg




It all goes in the Headers

[~•XyMiC•~]

Is it possible to put the heading table text in my head image?

[Michael]

You mean like, "Welcome to Xymic Studio"? Of course. But I don't mind either way.

[~•XyMiC•~]

no, I need the code for it, lol.

[Michael]

Oh! ^^ Well, I suppose I'll have to find it. lol. xD

[Nya]

Couldnt you simply place the name on the Header Image with your graphics programe?




Also is it possible to do this code without the Head and base images?

Mainly its not easy to find the right color images...

[~•XyMiC•~]

ooo, brilliant idea. Thanks once again, NYA!!!! lol

EDIT: How would I center my head/base that will align to the welcome table? Use <center> tag?

[Nya]

rashmin said:

ooo, brilliant idea. Thanks once again, NYA!!!! lol

EDIT: How would I center my head/base that will align to the welcome table? Use <center> tag?

lol welcome ^^

I would think you would use <center> but might be wrong

[Michael]

Yes, you would. <center> and then close it with </center>.