Set Banner in header

[s0ct0j0c]

Many will want to place a banner or a picture or anything to the right of the main logo, also because the space is empty.

Open the ACPAppearanceTemplateheader.css

above the class of the logo to enter:

#banner1
{
margin-top: 10px;
display: block;
float: right;
} 

named as you like, I called a banner
Note that the value of margin-top should be adjusted depending on how high you set the header area and depending on how high the banner to be displayed. I was 80 px and 60 px height header height of the banner so I have set 10px margin so that it was centered in the sense of high-low

Then open the template header
and below:

<div class="pageWidth">
    <div class="pageContent">
        <div id="logo"><a href="{$logoLink}">
            <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
            <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
        </a></div> 

paste this code with your banner code inside

<div id="banner1">
Banner Code
</div> 

and it looks like


translated by google , source thread : http://xfitalia.it/community/threads...principale.68/