Merged original site into template - need help

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
wentwooddownhill
Registered User
Posts: 327
Joined: Sat Feb 17, 2007 9:15 pm
Contact:

Merged original site into template - need help

Post by wentwooddownhill » Tue Apr 29, 2008 5:00 pm

Ok i have succesfully merged my css header of my main site into my phpbb3 board.
Only problem is i think the actual phpbb board is reading the css file for my header! so it is coming up wrong.
Image
As you can seethe header has fitted on fine but the board is out of line and has takeon a different style.

Below is my overall_header which is the file i have edited
You can see where i have added an extra line of code to link to my sites .css stylesheet at the bottom of <head>

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      Echo        ( http://www.echological.com )
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (i = 0; i <= onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (i = 0; i <= onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<link href="{T_THEME_PATH}/wentwood.css" rel="stylesheet" type="text/css" media="all" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="bodycontainer">

<!-- start top -->
   <div id="top"><a href="http://wentwooddownhill.co.uk/" title="www.WentwoodDownHill.co.uk"><img src="/img/wentwooddownhill.gif" alt="www.WentwoodDownHill.co.uk" width="220" height="20" border="0" /></a></div>
   <div id="header">
      <img src="/img/header.jpg" alt="Push The Limit - Feel The Speed" width="775" height="166" /></div>
   
<!-- start navigation -->
   <div id="nav">
      <ul>
         <li><a href="/" title="HOME" accesskey="1" >HOME</a></li>

         <li><a href="/track.html" title="TRACK" accesskey="2" >TRACK</a></li>
         <li><a title="FORUM" accesskey="3" href="/phpBB3/index.php">FORUM</a></li>
         <li><a href="/Pics+Vids.html" title="PICS+VIDS" accesskey="4" >PICS+VIDS</a></li>
         <li><a href="/events.html" title="EVENTS" accesskey="5" >EVENTS</a></li>
         <li><a href="/members.html" title="MEMBERS" accesskey="6" >MEMBERS</a></li>
         <li><a href="/Directions.html" title="DIRECTIONS" accesskey="7" >DIRECTIONS</a></li>

         <li><a href="/Contact.html" title="CONTACTS" accesskey="8" >CONTACTS</a></li>                                
      </ul>
   </div>
<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<!--<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>-->

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                                        <li><a href="./search.php" class="icon-search">Search</a>&nbsp;</li> 
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>
	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
visit our mountainbike comunity on http://www.wentwooddownhill.co.uk

User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: Merged original site into template - need help

Post by prototech » Tue Apr 29, 2008 11:25 pm

Can you post a link to your board?
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.

wentwooddownhill
Registered User
Posts: 327
Joined: Sat Feb 17, 2007 9:15 pm
Contact:

Re: Merged original site into template - need help

Post by wentwooddownhill » Wed Apr 30, 2008 6:34 am

You can get to it via the link in my signature, but obviously where ive got the print screen of above isnt live. Its just a preview from the styles tab in ACP.
There must be something to do with the overall_header as thas the only file ive edited so far.
visit our mountainbike comunity on http://www.wentwooddownhill.co.uk

wentwooddownhill
Registered User
Posts: 327
Joined: Sat Feb 17, 2007 9:15 pm
Contact:

Re: Merged original site into template - need help

Post by wentwooddownhill » Thu May 01, 2008 3:24 pm

Anyone know?
visit our mountainbike comunity on http://www.wentwooddownhill.co.uk

wentwooddownhill
Registered User
Posts: 327
Joined: Sat Feb 17, 2007 9:15 pm
Contact:

Re: Merged original site into template - need help

Post by wentwooddownhill » Fri May 02, 2008 4:02 pm

Anyone have an idea? ? ? ? ?
visit our mountainbike comunity on http://www.wentwooddownhill.co.uk

User avatar
davidgid
Registered User
Posts: 21
Joined: Wed Sep 12, 2007 1:56 pm

Re: Merged original site into template - need help

Post by davidgid » Fri May 02, 2008 4:18 pm

The reason your style is getting messed up is because you have overlapping styles. What I mean is this: in your css/wentwood.css style you have the same classes/id/elements already defined as is in your forum style. There is several ways to handle this. The quick way would be not to import the full wentwood.css into your forum. Just pull out only those classes/id/elements need for your header and add them to your forum css.


I really don't have time to do it for you, but the classes that need to be pulled out are:
top, header, and nav

There might be more, but I would start there. Copy those items from wentwood.css and update your css in your active style.
I am using 3.0.4 on the babywearing forum. We also run a shop were we sell baby slings and other baby carriers.

Locked

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