i need to put a skyscraper banner on the right side of my forum like on webhostingtalk.com
which templates should i modify?
advertissement
-
-
Hello,
this should help you: Wie Banner einfügen? . If not, feel free to ask
-
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
Alles anzeigen#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
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!