Mini Mods - Add auto resizing product ads after your first forum post

This mod adds product ads after the first post on your forum. These ads are unique in their ability to scale to any screen resolution. This not only looks great, but also allows them to be viewed on mobile devices as well as tablets and desktops. These ads work best on sites that have products that can be sold based on the content. Automotive forums, running forums, sports, etc.

To start, signup for a free account at http://prosperent.com/join (non referral link)

Once in, hit the PerformanceAds tab. Change the width to null and the height to 90. Copy the code and save it for later.

Edit your style > CSS Templates > additional.css add the following:

PHP Code:

div.prosperent-pa {
 border: 0px !important;
}
/*
 * round image corners
 */
div.prosperent-pa div.prosperent-pa-image {
 -moz-border-radius: 10px;
 border-radius: 10px;
}
div.prosperent-pa img.prosperent-pa-image {
 -moz-border-radius: 8px;
 border-radius: 8px;
}
.firstpost_advert_container {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 12px;
    position: relative;
    width: 100%;
    border: 1px solid #E5E6F4;
}

.firstpost_advert {
    with: 100%;
    background: #F1F1FA;
    border: 1px solid #fff;
    min-height: 90px;
    margin: 0;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
} 


The first two style changes remove the border from the ads and round the image corners. The rest allows you to insert the ads after the first post.

edit:Postbit Templates > postbit_legacy

At the end of the file add:

PHP Code:

<vb:if condition="$post['isfirstshown']">
<li class="firstpost_advert_container"><div class="firstpost_advert">
   PASTE PROSPERENT AD CODE HERE
</div></li>
</vb:if>
{vb:raw template_hook.postbit_end} 


Make sure you paste your ad code where it should be.

Now, view your forum. It should look something like the attachment here.