Post by -=|GodLik3|=- on Nov 9, 2007 8:54:56 GMT -5
My first affiliate table.
Preview
Main Footer
Edit the parts in CAPITAL LETTERS.
Is this code cross-browser?
Yes. It works in IE and FF (don't know about other browsers).
How can we change the speed?
Come to this part of the code:
Where it says this.scrollAmount , change the value in the ' ' (lower to make it slower, higher to make it faster.)
I don't have head and base images, but I want to use this affiliate table. How can I do this?
Remove this line located in the beginning few lines of the code:
And then remove this line, located at the end:
Preview
Main Footer
<!-- GL Affiliate Table v1
Made by -=|GodLik3|=-.
http://dooodle.proboards50.com
Do not repost anywhere.//-->
<img src="HEAD IMAGE URL"</img>
<table id="glaffiliate" align="center" border="0" width="752" cellspacing="1" cellpadding="3" class="bordercolor"><tr><td class="catbg" align="center" colspan="3">
<!-- ~~ EDIT THE TITLE OF THE AFFILIATE TABLE BELOW ~~ //-->
TITLE
<!-- ~~ EDIT THE TITLE OF THE AFFILIATE TABLE ABOVE ~~ //-->
</td>
</tr>
<tr>
<td id="scrollbox" width="80%" class="windowbg2" valign="middle">
<marquee id="scroller" direction="left" "behavior="slide" valign="center" onMouseOver="this.scrollAmount='6';" onMouseOut="this.scrollAmount='6';">
<!-- ~~ INSERT AFFILIATE CODES BELOW ~~ //-->
<a target="_blank" href="FORUM URL">
<img src="MINI-BANNER URL" border="0" /></a>
<a target="_blank" href="FORUM URL">
<img src="MINI-BANNER URL" border="0" /></a>
<a target="_blank" href="FORUM URL">
<img src="MINI-BANNER URL" border="0" /></a>
<a target="_blank" href="FORUM URL">
<img src="MINI-BANNER URL" border="0" /></a>
<a target="_blank" href="FORUM URL">
<img src="MINI-BANNER URL" border="0" /></a>
<!-- ~~ INSERT AFFILIATE CODES ABOVE ~~ //-->
</marquee>
</td>
<td width="15%" class="windowbg2" valign="middle" align="center">
<img src="MINI-BANNER URL">
</td>
</tr>
<tr id="edoc" style="display: none;">
<td class="windowbg2" align="center" colspan="2" >
<!-- ~~ EDIT ONLY THE PART IN CAPITAL LETTERS ~~ //-->
</td>
</tr>
<tr>
<td class="windowbg2" align="left" colspan="2">
<div style="float:left">
<a href="javascript:void(0);"
onClick="document.getElementById('scroller').direction='left';" border="0">Left</a> |
<a href="javascript:document.getElementById('scroller').start()" border="0">Play</a> |
<a href="javascript:document.getElementById('scroller').stop()">Pause</a> |
<a href="javascript:void(0);"
onClick="document.getElementById('scroller').direction='right';">Right</a>
</div>
<div style="float:right">
<a target="_blank" href="LINK TO AFFILIATION BOARD"><font size="1">Click here to affiliate!</font></a>
</div>
</td>
</tr>
</table>
<img src="BASE IMAGE URL"</img>
<!-- ~~ END OF AFFILIATES TABLE ~~ //-->
Edit the parts in CAPITAL LETTERS.
FAQ
Is this code cross-browser?
Yes. It works in IE and FF (don't know about other browsers).
How can we change the speed?
Come to this part of the code:
<marquee id="scroller" direction="left" "behavior="slide" valign="center" onMouseOver="this.scrollAmount='6';" onMouseOut="this.scrollAmount='6';">
Where it says this.scrollAmount , change the value in the ' ' (lower to make it slower, higher to make it faster.)
I don't have head and base images, but I want to use this affiliate table. How can I do this?
Remove this line located in the beginning few lines of the code:
<img src="HEAD IMAGE URL"</img>
And then remove this line, located at the end:
<img src="BASE IMAGE URL"</img>