Affiliates Marquee - Bottom of the Board
A Warm Welcome


 
This site is - 320 Days Old
A Warm Welcome to Zan's Zone Guest
Please feel free to come and go as you please.
Please tell me if you see any mistakes in the skin so that I can fix it.
Feel free to add a link to your own board, blog or website in your signature.
The size of images added to signatures are restricted to avoid long scrolling passed them.
If you have made a post on your own board and you would like to post a link to it, Post it Here
This Week’s Video
Whatcha Up To?

My Time & Weather

Click for Bournemouth, United Kingdom Forecast

Worthwhile Charities

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 : 1231
Kudos : 103
Mood : Bunged up with a cold
Birthday : 1st Nov
Scorpio

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 http://www.zandranna.com/u1wall https://twitter.com/zandranna
Spherical
Ruby Member
Ruby Member
avatar

Name : Martha
Location : Australia
AU
Posts : 619
Kudos : 110
Mood : Amused
Birthday : 3rd March
Pisces

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://www.zandranna.com/u2wall http://spherical.forumotion.com http://sphericals.weebly.com
Spherical
Ruby Member
Ruby Member
avatar

Name : Martha
Location : Australia
AU
Posts : 619
Kudos : 110
Mood : Amused
Birthday : 3rd March
Pisces

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://www.zandranna.com/u2wall http://spherical.forumotion.com http://sphericals.weebly.com
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 1231
Kudos : 103
Mood : Bunged up with a cold
Birthday : 1st Nov
Scorpio

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 http://www.zandranna.com/u1wall https://twitter.com/zandranna
Spherical
Ruby Member
Ruby Member
avatar

Name : Martha
Location : Australia
AU
Posts : 619
Kudos : 110
Mood : Amused
Birthday : 3rd March
Pisces

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://www.zandranna.com/u2wall http://spherical.forumotion.com http://sphericals.weebly.com
Sponsored content




PostSubject: Re: Affiliates Marquee - Bottom of the Board   

Back to top Go down
 
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: