Align custom header and forum differently?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
Locked
InsaneNutter
Registered User
Posts: 5
Joined: Wed Jul 01, 2009 9:52 pm

Align custom header and forum differently?

Post by InsaneNutter »

Hi, I hope this makes sense.

I have removed this code from overall_header for the default phpbb style and added my own code for the header used on my website.

Code: Select all

	<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 href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- 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 -->
The header works perfectly on phpbb, However when i removed this code it aligned phpbb to the very left. I don’t want phpbb to be right against the edge of the screen like the header.

These screenshots might explain better:

How the forum is now:
Image

What I want to do:
Image

Any help would be appreciated!

Locked

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