prosilver_se header edits

Post Reply
Lumpy Burgertushie
Posts: 8
Joined: 1/13/2018 4:06 pm

prosilver_se header edits

Post by Lumpy Burgertushie » 3/20/2018 10:54 am

here are the relevant parts of it for prosilver_se

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");

after, add:

Code: Select all

   height: 100px;
Change the height according to your image and change bg_header.gif to the name of your image.

3) Open styles/prosilver_se/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>
4) purge the cache and refresh your browser.

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

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>
2) purge the cache and refresh your browser

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

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>
2) purge the cache and refresh your browser
-----------------------------------------------------------------------------------------------------------------------------------

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 -->
2) purge the cache and refresh your browser

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

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>
After, add:

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>

2) purge the cache and refresh your browser[/code]


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");

after, add:

Code: Select all

   height: 100px;
Change the height according to your image and change bg_header.gif to the name of your image.

3) Open styles/prosilver_se/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>
4) purge the cache and refresh your browser.

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

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>
2) purge the cache and refresh your browser

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

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>
2) purge the cache and refresh your browser
-----------------------------------------------------------------------------------------------------------------------------------

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 -->
2) purge the cache and refresh your browser

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

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>
After, add:

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>

2) purge the cache and refresh your browser

Post Reply