How to add an image with link to forum (footer)?

[MissChurro]

Okay, so I've seen this thing on some sites where people link to other sites using a small rectangular button (usually containing the name of the site and a small decoration) and I'd like to do that on the bottom of my forum. So like, I'd like to put a picture on the bottom of my forum, but when you click it, it leads you to another site. Is that possible? ^-^

[Tumbleweed]

Sept 15, 2015 9:22:42 GMT -8 MissChurro said:

Okay, so I've seen this thing on some sites where people link to other sites using a small rectangular button (usually containing the name of the site and a small decoration) and I'd like to do that on the bottom of my forum. So like, I'd like to put a picture on the bottom of my forum, but when you click it, it leads you to another site. Is that possible? ^-^

Hi, There is the "Easy Affiliate Table by ®i©hie" in the plugin board. You can download it directly to your site if you go to your admin panel and go to the plugin library.

Or you can simple add something like this to your global footer or wrapper/home template, which ever you prefer.

<div style="margin:auto; border:1px solid #000000;background-color:#ffffff;">

<a href="http://linktosite.com"><img src="http://linktoimage.png"></a>

<a href="http://linktosite.com"><img src="http://linktoimage.png"></a>

</div>

[MissChurro]

Sept 15, 2015 15:59:36 GMT -8 Tumbleweed said:

Sept 15, 2015 9:22:42 GMT -8 MissChurro said:

Okay, so I've seen this thing on some sites where people link to other sites using a small rectangular button (usually containing the name of the site and a small decoration) and I'd like to do that on the bottom of my forum. So like, I'd like to put a picture on the bottom of my forum, but when you click it, it leads you to another site. Is that possible? ^-^

Hi, There is the "Easy Affiliate Table by ®i©hie" in the plugin board. You can download it directly to your site if you go to your admin panel and go to the plugin library.

Or you can simple add something like this to your global footer or wrapper/home template, which ever you prefer.

<div style="margin:auto; border:1px solid #000000;background-color:#ffffff;">

<a href="http://linktosite.com"><img src="http://linktoimage.png"></a>

<a href="http://linktosite.com"><img src="http://linktoimage.png"></a>

</div>

Thank you so much, that worked perfectly!

[Tumbleweed]

I'm glad that worked for you. I did feel kind of bad I gave you such a simple code so below I posted one that includes the textarea where others can grab your affiliate code so if you wish, you can try this: (It's still very basic using the old fashioned marquee but it works cross browser as seen here on my test site: putteraround.boards.net/)

<style>
   #my_affie_box{background-color: #ffffff; height:34px; border:1px solid #000000; margin:auto;}
   #the_affies{width:75%;float:left;}
   #my_affie{width:25%;float:right;}
   #my_affie img{float:left;}
    #my_affie textarea{float:right:width:100em;height:2em;border:0px;margin:2px -3px 0px 0px;background-color:#dddddd;
   }
</style>

<div id="my_affie_box">
   <div id="the_affies">
       <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
           
<a href="http://linktosite.com" target="_blank"><img src="http://i657./uu300/EliteList/Mini%20banners/affi1.png"></a>
<a href="http://linktosite.com" target="_blank"><img src="http://i657./uu300/EliteList/Mini%20banners/affi1.png"></a>
           
</marquee>        
       
   </div>
   
   <div id="my_affie">
     <textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>        
   </textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>          
</div>
</div>
<p style="clear:both;"></p>

Or if you prefer working with tables and this has titles above the "affi" area and the "get our code area" as seen on this other test site (still very simple): proboardcolors.proboards.com/

<style>
   #my_affie_box{background-color:#ffffff; width:950px; border:1px solid #000000; margin:auto;color:#000000;}
   #my_affie_box th{text-align:center;padding:4px; background-color:#aabbbb!important;line-height:18px;}
   #my_code textarea{width:130px; height:26px;margin-top:1px;margin-left:-24px;}
    #the_affies{width:74%;padding-top:2px;}
   #my_image{width:10%;text-align:left;padding-top:2px;}
   #my_code{width:16%;text-align:left;}
</style>

<table id="my_affie_box">
<tbody>
<tr>
            <th id="the_affies">Our Favorite Fabulous Friends!!</th>
            <th colspan="2">Grab our Affi Code</th>
        </tr>
        <tr>
<td id="the_affies">
               
        <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
           
<a href="http://linktosite.com" target="_blank"><img src="http://i657./uu300/EliteList/Mini%20banners/affi1.png"></a>
<a href="http://linktosite.com" target="_blank"><img src="http://i657./uu300/EliteList/Mini%20banners/affi1.png"></a>
                         
       
                </marquee>
               
        </td>  
<td id="my_image">
               
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>

            </td>
            <td id="my_code" align="left">
<textarea style="float:left;" cols="70" rows="2">
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>        
    </textarea>        
            </td>
        </tr>
    </tbody>
</table>


[Lynx]

Hey Tumbleweed.

Not sure if you know, but I'm seeing some code on the right side of it. I'm using Firefox 40.0.2

[Tumbleweed]

Sept 15, 2015 21:34:46 GMT -8 Lynx said:

Hey Tumbleweed.

Not sure if you know, but I'm seeing some code on the right side of it. I'm using Firefox 40.0.2

I'm not seeing any. You aren't talking about the text area for people to grab her affiliate code are you, because that is meant to be there? Which is this part:

<textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</textarea>

[Lynx]

Sept 15, 2015 21:40:45 GMT -8 Tumbleweed said:

Sept 15, 2015 21:34:46 GMT -8 Lynx said:

Hey Tumbleweed.

Not sure if you know, but I'm seeing some code on the right side of it. I'm using Firefox 40.0.2

I'm not seeing any. You aren't talking about the text area for people to grab her affiliate code are you, because that is meant to be there? Which is this part:

<textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</textarea>

In the image I posted, on the far right, you can see the <a href= ..., but it looks like you've got it twice in the code, the 2nd one being outside of the closing textarea:

<textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</div>
</div>
<p style="clear:both;"></p>

I think I'm seeing the part I've got highlighted in red.

EDIT: Nevermind. I'm a dunce. I tried highlighting to the right and didn't try highlighting down to see the rest of it. DORT!

[Tumbleweed]

Sept 15, 2015 21:45:25 GMT -8 Lynx said:

Sept 15, 2015 21:40:45 GMT -8 Tumbleweed said:

I'm not seeing any. You aren't talking about the text area for people to grab her affiliate code are you, because that is meant to be there? Which is this part:

<textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</textarea>

In the image I posted, on the far right, you can see the <a href= ..., but it looks like you've got it twice in the code, the 2nd one being outside of the closing textarea:

<textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</textarea>
<a href="http://linktomysite.com" target="_blank"><img src="http://storage.proboards.com/3480743/i/Ysaw3Kb95a7ha6mT7h0I.png"></a>
</div>
</div>
<p style="clear:both;"></p>

I think I'm seeing the part I've got highlighted in red.

The red part is the image showing on the left of the textarea and the textarea is meant to show the code. I just looked FF, Chrome or IE, don't see any wayward coding and I can't say that I see it in your example image either. I see nothing hanging off the edge of your attachment. I'm so confused.

[Lynx]

I just edited my post above, Tumbleweed. Sorry to have bothered you.

[Tumbleweed]

Sept 15, 2015 21:54:58 GMT -8 Lynx said:

I just edited my post above, Tumbleweed. Sorry to have bothered you.

Whew, I thought I was losing my mind. ha ha ha. Don't worry about it. I'm always grateful when someone points out an issue even though this turned out to not be one.