Affiliates Marquee - Bottom of the Board
A Very Warm Welcome.


 
Affiliates


Affiliates at a Glance

(Replaces the Marquee)

Latest Activity
Whatcha Up To?

This Week’s Video
Facts
Scientists say that a star goes super nova in our galaxy roughly every 26 years. They can see how many have gone super nova by the remnants left. They have counted the past super novas and have found there have been approximately 250 in the life of our galaxy. 26 years x 250 = 6,500 years - This is the approximate age of the Earth as written in the Bible.

Share | 
 

 Affiliates Marquee - Bottom of the Board

View previous topic View next topic Go down 
AuthorMessage
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 1088
Kudos : 75
Mood : Content
Birthday : 1st Nov
Scorpio Rat

PostSubject: Affiliates Marquee - Bottom of the Board   06/03/17, 11:37 am



First of all if you haven't played with your html and css settings of your board read this post first -  Html & Css Access in the Settings


Stage 1)  For this box we have to create our own classes to create a box to hold the marquee.

In the Css of your skin add this code changing colours, border, backgrounds etc. to match the colours of your forums and headings.  Or you can just place the code in as is and then go back in and edit it when you can see the preview.

You will see that this code contains a box, a boxheader and a boxbody


Code:
.box {background: #FDFEFE; border: 2px solid #006699; margin-top: 5px; margin-bottom: 5px; padding: 1px;}
.boxheader {background: #D8DEE3 url(https://i58.servimg.com/u/f58/16/86/39/51/back_c10.gif); color: #574466; height: 28px; font-weight: bold;}
.boxbody {background: #EFEFEF; }

Click to save.  This wont show on your board yet and you can go back in on a preview later and make more changes.


Stage 2)  Html

Go to......  Display - Templates - General - Overall _Footer_Begin - Click the Cog to Edit.

Important: "AT THE VERY BOTTOM" add this code after adding your affiliates urls and images.


Code:

<div class="box">
 <div class="boxbody">
<div class="boxheader">Affiliates</div>
   <div class="boxbody">
  
<table class="forumline" width="100%" cellspacing="1" cellpadding="2" border="0"><tbody><tr>

<td class="row1" width="85%" align="center">
    
    <marquee scrollamount="3" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a target="_blank" href="http://spherical.forumotion.com/">
  <img src="https://i58.servimg.com/u/f58/16/86/39/51/aussie10.png" Width="100px"></a>  
<a target="_blank" href="http://canadianforumchat.freeforums.net/">
  <img src="http://i65.tinypic.com/zy7kef.jpg" width="100px"></a>  
<a target="_blank" href="http://thechatcave.yuku.com/">
<img src="http://images.yuku.com/image/png/bdb16e4dcfb4c52fe77a8d94721d6dc1ca20d7e0.png" Width="100px"></a>  
<a href="http://nicetomeet.proboards.com/" target="_blank">
<img src="http://illiweb.com/fa/pbucket.gif" width="100px"></a>
</marquee>
  
  </td>
  

  <td class="row1" width="15%" align="center">
<a href="http://zandranna.forumotion.com/f4-affiiate-s-directory"><img src="https://i58.servimg.com/u/f58/16/86/39/51/zzoneb10.png" width="100px"><br>
Click to<br>Add your Banner</a>
</td>
  </tr></tbody></table>
  </div>
    </div>
        </div>

You can see how you will have now created classes for this personal box.

Click to save - Preview your board.  You can go back in and change the badges and links to your own affiliates.

You can then go back into the Css and make any changes to colours of the box.  If you keep the preview of the board page up you can just keep refreshing this until you get your affiliates box as you want it.

Once you are happy with it, you can go back to Templates and click to publish the Html.

Back to top Go down
View user profile https://twitter.com/zandranna http://www.zandranna.com/u1wall
Spherical
Ruby Member
Ruby Member
avatar

Name : Martha
Location : Australia
AU
Posts : 536
Kudos : 105
Mood : Amused
Birthday : 3rd March
Pisces Ox

PostSubject: Re: Affiliates Marquee - Bottom of the Board   08/03/17, 11:19 pm


Perfect and clearly explained Sandy Smile putting this on my board now.
Back to top Go down
View user profile http://spherical.forumotion.com http://sphericals.weebly.com
Spherical
Ruby Member
Ruby Member
avatar

Name : Martha
Location : Australia
AU
Posts : 536
Kudos : 105
Mood : Amused
Birthday : 3rd March
Pisces Ox

PostSubject: Re: Affiliates Marquee - Bottom of the Board   08/03/17, 11:42 pm

Ah mine all show up at the top of the marque so it needs extra code to bring it into the center.

I think it looks better on yours because of your image and text link on the right hand side.
Back to top Go down
View user profile http://spherical.forumotion.com http://sphericals.weebly.com
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 1088
Kudos : 75
Mood : Content
Birthday : 1st Nov
Scorpio Rat

PostSubject: Re: Affiliates Marquee - Bottom of the Board   09/03/17, 12:23 am

I have now updated the html code to incorporate your own badge and link on the side.
Back to top Go down
View user profile https://twitter.com/zandranna http://www.zandranna.com/u1wall
Spherical
Ruby Member
Ruby Member
avatar

Name : Martha
Location : Australia
AU
Posts : 536
Kudos : 105
Mood : Amused
Birthday : 3rd March
Pisces Ox

PostSubject: Re: Affiliates Marquee - Bottom of the Board   09/03/17, 02:20 am

Thanks Sandy I will play with that in a minute Smile
Back to top Go down
View user profile http://spherical.forumotion.com http://sphericals.weebly.com
 
Affiliates Marquee - Bottom of the Board
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Zan's Zone :: How Can I Help? :: Help for Board Owners :: Tips & Tricks-
Jump to:  

Advertising Us & Our Websites


The Best of Top 100s