Modify header in Prosilver

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Ideas Centre
Locked
Soundtek
Registered User
Posts: 42
Joined: Wed Feb 17, 2010 11:03 pm

Modify header in Prosilver

Post by Soundtek » Thu Aug 20, 2015 4:13 pm

I use Se Square Left on my board, the overall_header is Prosilver. I want to change the header but I can not.
http://www.kerbalspaceprogram.it/fton/ here the forum test. As you can see I am unable to remove that big blank rectangle on header. Logo should be at centre, on bg image.

Some help please?
PhpBB 3.1.5 on Linux.

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51826
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Modify header in Prosilver

Post by Brf » Thu Aug 20, 2015 4:23 pm

This is in your common.css:

Code: Select all

#site-description {
    float: left;
    width: 65%;
}
Also, I see your board name is white-on-white over the board description.

User avatar
Lumpy Burgertushie
Registered User
Posts: 66564
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Modify header in Prosilver

Post by Lumpy Burgertushie » Thu Aug 20, 2015 4:44 pm

I suggest you make a copy of prosilver's overall_header.html file and put it in your se_square template folder, then, in that se_square overall_header.html file
find and remove:

Code: Select all

<div id="page-header">
		<div class="headerbar" role="banner">
			<div class="inner">

			<div id="site-description">
				<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>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<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 tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

			</div>
		</div>
		<!-- EVENT overall_header_navbar_before -->
		
	</div>
find:
<div id="wrap">
add above it:

Code: Select all


<div style="text-align: center;"><a 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>
</div>
that will put your logo image above the board on the background image and center it.
it will also remove the site description, site name and search box from the header.


if that is not what you want, you can tweak it to suite.

robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

Soundtek
Registered User
Posts: 42
Joined: Wed Feb 17, 2010 11:03 pm

Re: Modify header in Prosilver

Post by Soundtek » Fri Aug 21, 2015 5:32 am

I've just modified the code removed from your example to

Code: Select all

		<div class="headerbar" role="banner">
			<div class="inner">

			<div id="site-description">
				<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>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<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 tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

			</div>
		</div>
Because I need that blue bar (called navbar?).

Thank you very much Lumpy :)
PhpBB 3.1.5 on Linux.

Locked

Return to “[3.1.x] Styles Support & Discussion”