WoltLab Community Forum

Template source code

<div id="advertisementBox">
   <div class="banner">
  	<a href="#"><img src="{@RELATIVE_WCF_DIR}images/advertisement-bannersr/bannername.png" alt="Advertisement" /></a>
   </div>
</div>

Cascading style sheet

#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 source code

{* user messages system*}

Template source code

{include file=advertisementBox}

Cascading style sheet

#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 */
}

Cascading style sheet

#advertisementBox {
   width: 500px; /* Customize value */
   height: 100px; /* Customize value */
   background: #ccc;
   border: 1px solid #09f;
   position: absolute;
   right: 50px; /* Customize value */
   z-index: 90; 
   margin-top: 100px; /* Customize value */
}