Add affiliates to the bottom of your homepage Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums

    Add affiliates to the bottom of your homepage

    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°1

    Tutorial Add affiliates to the bottom of your homepage

    Post by Ange Tuteur September 10th 2014, 4:27 pm

    Add affiliates to the bottom of your homepage


    This tutorial will help you with adding affiliates to the footer of your Forumotion forum.

    Add affiliates to the bottom of your homepage Captu144


    Editing the index_body

    Go to Administration Panel > Display > Templates > General and open the index_body template.

    Search for {CHATBOX_BOTTOM} and paste the code below after it :
    Code:
    <div id="affiliate_box">
      <div id="affiliate_title">Affiliates</div>
      <a href="FORUM_URL" target="_blank"><img src="FORUM_LOGO" /></a>
    </div>

    affiliate_box : is the id used to style the affiliate container
    FORUM_URL : Replace this by the URL of your affiliate's website
    FORUM_LOGO : Replace this by the URL of your affiliate's image

    In the link you will see target="_blank", this means that the link will open in a new window, or tab. You can remove this depending on your preferences.

    Adding more than one affiliate :
    To add more than one affiliate simply copy and paste the code below after your last affiliate link :
    Code:
    <a href="FORUM_URL" target="_blank"><img src="FORUM_LOGO" /></a>

    To add a new line write <br/>, doing so will force the elements after it onto the next line.

    When finished save and publish the template. ( Add )


    The style

    Go to Administration Panel > Display > Picture & Colors > Colors > CSS Stylesheet and paste the following code :
    Code:
    #affiliate_box {
      text-align:center;
      background:#EEE;
      border:1px solid #CCC;
      margin:6px 0;
      padding:3px;
    }

    #affiliate_title {
      color:#666;
      font-size:14px;
      font-weight:bold;
      border-bottom:1px solid #CCC;
      margin-bottom:6px;
      padding-bottom:3px;
    }

    As mentioned earlier #affiliate_box is used to define the style of the affiliates container. You can change the background, border, alignment.. #affiliate_title is used to define the style of the title( Affiliates ) you can change the font color, size, border..

    When finished, submit, and it's done !


    This tutorial was written by @TheCrow.
    • Back to top