Put a banner to the right of site_logo

Articles and Information - phpBB 3.0 modifications and tweaks

Put a banner to the right of site_logo

Postby Mick » Sun Mar 19, 2017 12:51 pm

I would suggest carrying out the following mod before starting this to remove the banner search box and put the search icon next to the FAQ icon:

Remove Search Box & add search icon to navigation

Open overall_header.html

Search:
Code: Select all
<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
           <a id="top" name="top" accesskey="t"></a>
           <div id="page-header">
              <div class="headerbar">
                 <div class="inner"><span class="corners-top"><span></span></span>
                         <div id="site-description">
                    <a id="logo">{SITE_LOGO_IMG}</a>
                        <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>                </div>

After add:
Code: Select all
<div id="banner-pos">
<img src="/images/your_banner.gif" alt="" />
</div>

Open common.css

Find:
Code: Select all
/* Search box
--------------------------------------------- */

After add:
Code: Select all
#banner-pos {
   position: relative;
   margin-right: 90px;
   float: right;
}

If you find the banner doesn't sit properly in the vertical you can play with 'banner-pos' by adding a top margin tweak like:

Code: Select all
#banner-pos {
       position: relative;
       margin-right: 90px;
       float: right;
       margin-top: 10x;
}

Obviously 'margin-right: 90px;' adjusts the horizontal position.

Refesh templates and theme
"The more connected we get the more alone we become" - Kyle Broflovski
User avatar
Mick
 
Posts: 24
Joined: Wed Mar 15, 2017 9:14 am

Return to Articles and information

Who is online

Users browsing this forum: No registered users and 2 guests

cron