Infosite
« How it's done »

Welcome Guest. Please Login or Register.
Dec 19, 2009, 11:38pm

[Home] [Help] [Search] [Login]



Infosite :: General :: General Board :: How it's done
   [Search This Thread][Send Topic To Friend] [Print]
AuthorTopic: How it's done (Read 175 times)
All Seeing Eyes
Administrator
*****
member is offline




[homepage]

Joined: Aug 2006
Posts: 9
Karma: 0
How it's done
« Thread Started on Sept 22, 2007, 12:21pm »
Basically this is a 9 cell table (3x3) that has the forum table in the middle.
one of the first things to do is go to headers and footers, and you'll see 'header preferences' if you want the 'frame' to include the welcome table, change global to be 'above titlebar'.

then in global header, place this code


<style type="text/css">
<!--
.tl { background-image: url(TOP LEFT URL); background-repeat: repeat-x;}
.t { background-image: url(TOP MIDDLE URL); background-repeat: repeat-x;}
.tr { background-image: url(TOP RIGHT URL); background-repeat: repeat-x;}
.l { background-image: url(LEFT URL); background-repeat: repeat-y;}
.r { background-image: url(RIGHT URL); background-repeat: repeat-y;}
.bl { background-image: url(BOTTOM LEFT URL); background-repeat: repeat-x;}
.b { background-image: url(BOTTOM MIDDLE URL); background-repeat: repeat-x;}
.br { background-image: url(BOTTOM RIGHT URL); background-repeat: repeat-x;}
.menubg { background-color: #999999;}
-->
</style>

<br />

<table width="788" cellpadding="0" cellspacing="0" align="center" border="0" >
<tr>
<td class="tl" height="30">
</td>
<td class="t" height="30">
</td>
<td class="tr" height="30">
</td>
</tr>
<tr>
<td class="l" width="30">
</td>
<td align="center">

i included the <br /> to space the frame away from the top.

then add this code to global footer, i included the resize code too.

</td>
<td class="r" width="30">
</td>
</tr>
<tr>
<td class="bl" height="30">
</td>
<td class="b" height="30">
</td>
<td class="br" height="30">
</td>
</tr>
</table>

<script type="text/javascript">
<!--
fWidth = document.getElementsByTagName('table');
for(t=0; t<fWidth.length; t++) {
if(fWidth[t].width=="92%")
fWidth[t].width='100%';
}
// -->
</script>
Link to Post - Back to Top  IP: Logged
All Seeing Eyes
Administrator
*****
member is offline




[homepage]

Joined: Aug 2006
Posts: 9
Karma: 0
Re: How it's done
« Reply #1 on Sept 22, 2007, 12:29pm »
The 8 images, if you use these, please rehost, thanks.


[image] [image] [image]

[image] X [image]

[image] [image] [image]
« Last Edit: Sept 22, 2007, 12:31pm by All Seeing Eyes »Link to Post - Back to Top  IP: Logged
All Seeing Eyes
Administrator
*****
member is offline




[homepage]

Joined: Aug 2006
Posts: 9
Karma: 0
Re: How it's done
« Reply #2 on Sept 22, 2007, 12:37pm »
Just for information, the second category has a 'hide/show' code added, the code for that is here

http://support.proboards.com/index.cgi?b....read=1164826959
Link to Post - Back to Top  IP: Logged
   [Search This Thread][Send Topic To Friend] [Print]

 
Google
Webasetest6.proboards.com
Click Here To Make This Board Ad-Free


This Board Hosted For FREE By ProBoards
Get Your Own Free Message Boards & Free Forums!