Add auto resizing product ads after your first forum post
Mod Version: 1.00, by 99SIVTEC
| vB Version: 4.1.x | Rating:  (0 vote - 0 average) |
Installs: 4 |
| Released: 19 Apr 2012 | Last Update: Never | Downloads: 0 |
 Not Supported
 Template Edits
Re-usable Code
Translations
External Content
|
||
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:
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:
Make sure you paste your ad code where it should be.
Now, view your forum. It should look something like the attachment here.
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;
}
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}
Now, view your forum. It should look something like the attachment here.
Download
No files for download.
Screenshots
