phpBB.de

Code: Alles auswählen

Add a Custom Header Image
1) First of all, upload your image to the styles/prosilver/theme/images/ directory.

2) Open styles/prosilver/theme/common.css
Find:
CODE: SELECT ALL
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;

After, add:
CODE: SELECT ALL
   height: 100px;

Change the height according to your image.

3) Open styles/prosilver/theme/colours.css
Find: 
CODE: SELECT ALL
.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

Change bg_header.gif to the name of your image. 

4) Open styles/prosilver/template/overall_header.html
Find:
CODE: SELECT ALL
<div id="site-description">

Before, add:
CODE: SELECT ALL
<div style="height: 90px;">

Note: The height must be 10 pixels less than the height of your image!

Find:
CODE: SELECT ALL
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

After, add:
CODE: SELECT ALL
</div>

5) Refresh your theme and template.

-----------------------------------------------------------------------------------------------------------------------------------

Remove Site Logo
1) Open styles/prosilver/template/overall_header.html
Find, and remove:
CODE: SELECT ALL
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

2) Refresh your template.

-----------------------------------------------------------------------------------------------------------------------------------

Remove Site Name and Description
Open styles/prosilver/template/overall_header.html
Find, and remove:
CODE: SELECT ALL
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>


-----------------------------------------------------------------------------------------------------------------------------------

Remove Search Box
1) Open styles/prosilver/template/overall_header.html
Find, and remove:
CODE: SELECT ALL
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

2) Refresh your template.

Code: Alles auswählen

#wrap {
    min-width: 650px;
    padding: 0 20px;
    width: 950px;
}

Code: Alles auswählen

#wrap {
    margin: 0 auto;
    min-width: 650px;
    padding: 0 20px;
    width: 950px;
}