Printable Version of Topic

Click here to view this topic in its original format

bfarber.com _ HTML, XHTML, and CSS _ Creating a Top Support Websites Area

Posted by: Nightfox_PC_Asst Jan 29 2005, 09:10 PM

Here is something based on the Post Legend idea that someone had. However this one fits under the board stats and you can customize the images so they are clickable to other websites.

See the attachment for a sample, or visit http://www.nh-pctechsupport.net/index.php for a look at the full image.

First the code:

CODE
<table width="100%" border="1" align="center" cellpadding="2" cellspacing="1" valign='top'>
 <tr>
   <td colspan="8" class='formsubtitle' align='left' valign='middle'>Top Supported Websites</td>
 </tr>
 <tr>
   <td width='12%' height="47" align='center'  class='row1'><a href="http://sz1.desktopninja.com/main.html"><img src="../sub_images/521.gif" width="88" height="31"></a><br>  </td>
   <td align='center' class='row2' width='12%'><a href="http://www.bfarber.com/"><img src="../sub_images/bfarber.gif" width="88" height="31"></a><br>   </td>
   <td align='center'  class='row1' width='12%'><a href="http://themes.belchfire.net/"><img src="../sub_images/belch_button.png" width="88" height="31"></a><br>   </td>
   <td align='center'  class='row2' width='12%'><a href="http://www.cpfools.com/"><img src="../sub_images/cp.jpg" width="88" height="31"></a><br>   </td>
   <td align='center'  class='row1' width='12%'><a href="http://getskinned.org/"><img src="../sub_images/getskinned.jpg" width="88" height="31"></a><br>   </td>
   <td align='center'  class='row2' width='12%'><a href="http://http://www.lightstar1.com/news.php"><img src="../sub_images/lightstar.jpg" width="88" height="31"></a><br>   </td>
   <td align='center' class='row1'  width='12%'><a href="http://http://www.nbsdesignz.com//"><img src="../sub_images/nbs3.gif" width="88" height="31"></a><br>   </td>
   <td align='center' class='row2'  width='12%'><a href="http://www.overclockingaddiction.com//"><img src="../sub_images/OCAButton.gif" width="88" height="31"></a> </td>
 </tr>
 <tr>
    <td width='12%' height="46" align='center'  class='row1'><a href="http://rulergraphics.com//"><img src="../sub_images/rgbutton1.gif" width="88" height="31"></a> </td>
    <td align='center'  class='row2' width='12%'><a href="http://www.shadowness.com/"><img src="../sub_images/shadowness.gif" width="88" height="31"></a></td>
   <td align='center'  class='row1' width='12%'><a href="http://www.tgtsoft.com/"><img src="../sub_images/tgtsoft.jpg" width="88" height="31"></a><br> </td>
   <td align='center'  class='row2' width='12%'><a href="http://www.tss2000.nl/"><img src="../sub_images/tss2000.gif" width="88" height="31"></a> </td>
   <td align='center'  class='row1' width='12%'>&nbsp;   </td>
   <td align='center'  class='row2' width='12%'>&nbsp;   </td>
   <td align='center' class='row1'  width='12%'>&nbsp;   </td>
   <td align='center' class='row2'  width='12%'>&nbsp;   </td>
</tr>
<td height="2"></tr>
</table>


Now heres how to add it in.

1) Goto ACP Panel

2) Goto Skin and Templates > Skin Manager > Edit Root Skin HTML Template

3) Goto Board Index > ShowStats Template Bit

4) Copy and Paste the code (at the bottom) after the lines you see editor window.

Now using your ftp program create a folder called 'sub_images' this is where you will add the images found in the code above. To make them clickable just edit the a href link to the website that is connected with the image.

All done, now your members can see on the main forum page links to sites you find useful.

Laters,

Nightfox PC Asst

Posted by: PSyMastR Jan 29 2005, 11:39 PM

Nice, Im porbably going to mod that into my forums.

Posted by: Nightfox_PC_Asst Jan 30 2005, 02:00 PM

I also have one that fits under the navigation bar for site links, and another one that is a post marker legend. All based on the same code as above.

Laters,

Nightfox PC Asst

Posted by: sz1 Jan 31 2005, 02:25 AM

FYI: Please do not link to "http://sz1.desktopninja.com" .... but "http://521.2ya.com".

Posted by: Nightfox PC Asst Feb 4 2005, 06:37 AM

np SZ1,

It's all fixed now.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)