i need to put a skyscraper banner on the right side of my forum like on webhostingtalk.com
which templates should i modify?
advertissement
-
-
-
thank you
that explains how to add a banner to the header, i need to add it on the right of the forums listings, i dont know which template to edit -
Hello,
that's exactly, what you want. I've used the header, because that ist the template, that is implemented in all pages in your board
-
then i didnt understand the code well
can you please explain it in english -
Hello,
okay, but my english is not very well
Create a folder in the directory "/wcf/images/your-folder-name" - I took the name advertisement-banners.
Template
Create a new template with the title "advertisementBox" and this content:
Code<div id="advertisementBox"> <div class="banner"> <a href="#"><img src="{@RELATIVE_WCF_DIR}images/advertisement-bannersr/bannername.png" alt="Advertisement" /></a> </div> </div>
CSS:
Put this code into your CSS-Declerations:CSS
Display More#advertisementBox { width: 500px; /* Customize value */ height: 100px; /* Customize value */ background: #ccc; border: 1px solid #09f; position: relative; float: right; z-index: 90; margin-top: 100px; /* Customize value */ } #advertisementBox img { width: 468px; /* Customize value */ height: 68px; /* Customize value */ }
Template edit:
Edit the template header and search for:And add below it:
P.S. I hope, you understand it.
-
first of all your english is fine, better than my german :p
i made the changed you recommended but finished with a bad result, the banner was added under the header and not next to the forums listing as i expected
maybe i did something wrong, can you please assist me?
check the screenshot for a better explanation
woltlab.com/attachment/33167/ -
Hello,
first of all your english is fine, better than my german :p
thank you
Replace this:
CSS#advertisementBox { width: 500px; /* Customize value */ height: 100px; /* Customize value */ background: #ccc; border: 1px solid #09f; position: relative; float: right; z-index: 90; margin-top: 100px; /* Customize value */ }
With:
-
that worked but there is a problem
the banner placement is different according to the screen resolution :s -
Hello,
try it with percentages
-
its working
thanks -
Hello,
I have applied the same codes to wbb v3.1 and it didn't work. How can I fix it?
-
Hello,
what didn't work? More informations please.
-
the whole thing, the banner didn't show as it did on wbb 3.0
-
Hello,
it should work. Can you give me a link to your board?
-
Hello,
okay, I get your link, but i can't see the code, which you should add into the template?
-
i found the problem
the template was there but i forgot to set the style to use the modified template pack
thanks
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!