[PunBB] Affiliate Promotion Table

Hello,
I wanted to ask how would I go about adding an Affiliate Promotion Table like the one in the image below.

I would be interested in adding something like this to my website but I need help knowing how to do this!

Regards,
Jadster

I am still needing some help with this 

Anybody able to help?

Where did you find this?

http://www.networkfm.net

That is the website that I found this being used at. It is a forumotion site run by Derri, the software is PunBB.

Why don't you just PM him and he might help you?

I would but I feel that opening up this thread would be more beneficial for other people who may be wanting to know how to do this too.

Oh. I'll try to figure this out. My next post should be around this week.

Alright, I am hoping Derri or Seth will see this, they will probably have the answer to this! Thank you though for your reply.

Derri can't help you.  Someone else did it for him and the person that did it wasn't to stay anonymous.

The PM:

Xnomejx they are called private messages for a reason, they are private.

Anyway since Xnomejx has kindly provided my answer for me. I can't provide you with the coding as it wasn't done personally by me and the coder who did it wished to remain anonymous so I can't actually tell you who did it as I must respect his wishes.

That is fine Derri! I will see if Seth possibly knows the answer to this

Thank you though for taking the time to reply!

We can not give you the exact code, but maybe someone could give you one similar to it.

SLGray,
I am not looking for exact code, just something similar

Hello Jadster,

All it takes is a little bit of tables, divs, and my favorite; css.
^ you can read those links if you need any info

Please note the design is in the default punbb style, the style is up to you

HTML :
Should go in the Index body template around the WIO / statistics table or something, I really dunno where you want it.

PA > Display > Templates > General > index_body

Code:

<div class="misc_category">
 <div class="misc_header">Header text</div>
  <table class="misc_table">
    <tr class="misc_row">
      <td class="misc_cell">text here text here text here text here text here text here text here text here text here text here</td><td class="misc_cell">text here text here text here text here text here text here text here text here text here text here</td><td class="misc_cell">text here text here text here text here text here text here text here text here text here text here</td>
    </tr>
    <tr class="misc_row">
      <td class="misc_cell">text here text here text here text here text here text here text here text here text here text here</td><td class="misc_cell">text here text here text here text here text here text here text here text here text here text here</td><td class="misc_cell">text here text here text here text here text here text here text here text here text here text here</td>
    </tr>
  </table>
 <div class="misc_footer">Footer text</div>
</div>

CSS :
PA > Display > Colors > CSS stylesheet

Code:

.misc_header {
background:#1F537B;
color:#DEDFDF;
padding:8px 15px;
}
.misc_table {
border-spacing:0;
background:#333;
width:100%;
}
.misc_row {
background:#FBFBFB;
}
.misc_cell {
border:1px solid #ddd;
padding:3px;
}
.misc_footer {
background:#1F537B;
text-align:center;
color:#DEDFDF;
padding:3px 0;
}

Result :

Hello Seth!
I got it to work for me but now I am confused on how to add the 1 last thing I wanna add to this, I was hoping you could possibly help me with it.

Image:

Spoiler:

I want to be able to do what I have in the red box and do the same but also where it is circled. I wanted to know if this would be possible?

Did you delete the misc header ?

You would modify its CSS to what you wish. It should either be placed in the misc category or above it.

Code:

<div class="misc_header">Header text</div>

I didn't use the code that you gave me though, I changed it up a bit to meet what I wanted.

The code above is an example of how the headers are made. Use that div element to create your header, adjust the width, height, and padding with CSS.

Thank you very much Seth! I am now just having to figure out how to change my statistics to tabs but I already have a thread about that. This one is solved now!

Thanks,
Jadster

You're welcome

Topic solved and archived