<style>
body {
background-color:black;
}
.header h1 {
color: red;
text-align: center;
font-size: 250%;
}
p { color: white;
text-align:center;
font-size:125%;
}
.p2 p {
color:white;
text-align:left;
}
.p2 h2 {
color:red;
}
</style>
<div class ="header"><h1>Sweet Baby Jesus</h1></div>
<p>Below is demonstrating an image linking to a website.</p><center>
<a href="https://xenforo.com/community/threads/bd-rotating-ads.27967/page-21#post-874544" target="_blank">
<img src="http://i.imgur.com/BcAfnux.gif"></a></center>
<p>This isn't very tasteful...</p>
<!--The only actual html you'll need though is:
<a href=link to site><img src="image url"></a> -->
<div class ="p2">
<h2>Actual code to display advertisement</h2>
<p><a href="link to site"><img src="image url"></a></p>
</div>
The html is the actual stuff you'll display in that location.
Save the below in a text file and save it as ".html" it'll display in the browser. All of that below isn't necessary for a simple image with a link either.
HTML:<style> body { background-color:black; } .header h1 { color: red; text-align: center; font-size: 250%; } p { color: white; text-align:center; font-size:125%; } .p2 p { color:white; text-align:left; } .p2 h2 { color:red; } </style> <div class ="header"><h1>Sweet Baby Jesus</h1></div> <p>Below is demonstrating an image linking to a website.</p><center> <a href="https://xenforo.com/community/threads/bd-rotating-ads.27967/page-21#post-874544" target="_blank"> <img src="http://i.imgur.com/BcAfnux.gif"></a></center> <p>This isn't very tasteful...</p> <!--The only actual html you'll need though is: <a href=link to site><img src="image url"></a> --> <div class ="p2"> <h2>Actual code to display advertisement</h2> <p><a href="link to site"><img src="image url"></a></p> </div>
Edit: Too much?
thanks for all that. A little confusing though to me. I guess at first all I need will be a simple image with a link. for instance
here is a test image I would like to use to place in a add:
View attachment 93270
What would I put in the HTML section for this one ?
it is from this site : www.jignpop.com
thanks for all your help!
<a href="http://www.jignpop.com"><img src="https://xenforo.com/community/attachments/jignpop-png.93270/"></a>
HTML:<a href="http://www.jignpop.com"><img src="https://xenforo.com/community/attachments/jignpop-png.93270/"></a>
Alright, figured out how to get advertisements to only display under the first post.
Since rotating ads is hooking into the existing templates, you're able to edit the template from displaying unless certain parameters have been met.
On the rotating ads select 'message below' as the display location.
Then, go to templates for your current style and edit ad_message_below like so:
The above xen:if statement says if the post position is the first one it'll display it but no other ones. This also prevents the advertisement from displaying in the Conversations.HTML:<xen:if is="{$post.position} % {$xenOptions.messagesPerPage} == 0 AND !{$message.conversation_id}"> <xen:hook name="ad_message_below" /> </xen:if>
I've tried your code, it works fine but the avatar from the second post goes over the ads
<center>
<a href="http://www.jignpop.com"><img src="https://xenforo.com/community/attachments/jignpop-png.93270/"></a>
</center>
I think I am beginning to figure out how to put the ad in specific nodes only.
The only thing I need help :
In this specific example I am putting this "ballyhood ad " in nodes 405,406
I used widget framework and put in this info:
View attachment 93781
I then created a rotating ad where I put in this info:
View attachment 93779
where do I put the position code from widget frameworks in pic 1(ads_position_1) into the rotating ad in pic 2?
thanks
We use essential cookies to make this site work, and optional cookies to enhance your experience.