Code: Select all
[size=150]Table of Contents[/size]
Add a Custom Header Image
Remove Site Logo
Remove Site Name and Description
Remove Search Box
Add search icon to navigation
-----------------------------------------------------------------------------------------------------------------------------------
[b]Add a Custom Header Image[/b]
1) First of all, upload your image to the styles/prosilver_se/theme/images/ directory.
2) Open styles/prosilver_se/theme/stylesheet.css
Find:
[code]
.headerbar {
background-color: #7C8891;
background-image: url("./images/bg_header.gif");
Code: Select all
height: 100px;
3) Open styles/prosilver_se/template/overall_header.html
Find:
Code: Select all
<div id="site-description">
Code: Select all
<div style="height: 90px;">
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 -->
Code: Select all
</div>
-----------------------------------------------------------------------------------------------------------------------------------
Remove Site Logo
1) Open styles/prosilver_se/template/overall_header.html
Find, and remove:
Code: Select all
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
-----------------------------------------------------------------------------------------------------------------------------------
Remove Site Name and Description
1) Open styles/prosilver_se/template/overall_header.html
Find, and remove:
Code: Select all
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
-----------------------------------------------------------------------------------------------------------------------------------
Remove Search Box
1) Open styles/prosilver_se/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="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="{SEARCH_WORDS}" placeholder="{L_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 -->
-----------------------------------------------------------------------------------------------------------------------------------
Add search icon to navigation
1) Open styles/prosilver_se/template/navbar_header.html.
Find:
Code: Select all
<li class="small-icon icon-faq" <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->><a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">{L_FAQ}</a></li>
Code: Select all
<li class="small-icon icon-search" data-last-responsive="true"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">{L_SEARCH}</a></li>
Table of Contents
Add a Custom Header Image
Remove Site Logo
Remove Site Name and Description
Remove Search Box
Add search icon to navigation
-----------------------------------------------------------------------------------------------------------------------------------
Add a Custom Header Image
1) First of all, upload your image to the styles/prosilver_se/theme/images/ directory.
2) Open styles/prosilver_se/theme/stylesheet.css
Find:
Code: Select all
.headerbar {
background-color: #7C8891;
background-image: url("./images/bg_header.gif");
Code: Select all
height: 100px;
3) Open styles/prosilver_se/template/overall_header.html
Find:
Code: Select all
<div id="site-description">
Code: Select all
<div style="height: 90px;">
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 -->
Code: Select all
</div>
-----------------------------------------------------------------------------------------------------------------------------------
Remove Site Logo
1) Open styles/prosilver_se/template/overall_header.html
Find, and remove:
Code: Select all
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
-----------------------------------------------------------------------------------------------------------------------------------
Remove Site Name and Description
1) Open styles/prosilver_se/template/overall_header.html
Find, and remove:
Code: Select all
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
-----------------------------------------------------------------------------------------------------------------------------------
Remove Search Box
1) Open styles/prosilver_se/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="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="{SEARCH_WORDS}" placeholder="{L_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 -->
-----------------------------------------------------------------------------------------------------------------------------------
Add search icon to navigation
1) Open styles/prosilver_se/template/navbar_header.html.
Find:
Code: Select all
<li class="small-icon icon-faq" <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->><a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">{L_FAQ}</a></li>
Code: Select all
<li class="small-icon icon-search" data-last-responsive="true"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">{L_SEARCH}</a></li>