ElementBlack

Post by **extreme-net** » 8. September 2009 17:03

I'm running a forum with 3 different themes (x-treme, prosilver and ElementBlack) both prosilver en x-treme themes are fine but the ElementBlack looks not good after installing the portal.

index looks fine like this

portal looks like this.

overall_header

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

function selectCode(a)
{
   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

   // Not IE
   if (window.getSelection)
   {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

// ]]>
</script>
<script type="text/javascript" src="{T_THEME_PATH}/highslide/highslide-full.js"></script>
<script type="text/javascript">
	hs.graphicsDir = '{T_THEME_PATH}/highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.outlineType = 'glossy-dark';
	hs.fadeInOut = true;
	//hs.dimmingOpacity = 0.75;
	
	// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: true,
		overlayOptions: {
			opacity: .6,
			position: 'center center',
			hideOnMouseOut: true
		}
	});
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<table class="wrap" width="100%" cellpadding="0" cellspacing="0">
<tr><td>

<div id="wrapheader">
		<table width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<td width="413" height="90" style="background:url('{T_THEME_PATH}/images/topl.png');"><div class="logo"><a class="headw" href="{U_INDEX}">{SITE_LOGO_IMG}</a><br /><span class="genmedw">{SITE_DESCRIPTION}</span></div></td>
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
            <td height="90" style="background:url('{T_THEME_PATH}/images/topm.png');">&nbsp;</td>
            <td width="264" height="90" align="right" style="background:url('{T_THEME_PATH}/images/topr.png');">
    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
	<div class="midlink">
	<div id="search-box">
	<form action="{U_SEARCH}" method="post" id="search">
            <fieldset class="nb">
               <input name="keywords" type="text" class="inputbox search" id="keywords" title="{L_SEARCH_KEYWORDS}" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="50" />
               <input class="nb" name="submit" type="hidden" /><br />
	<a class="genmedw" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
	</form>
	</div>
	</div>
	<!-- ENDIF -->
            </td>
		</tr>
		</table>
    </div>
        <table width="100%" cellpadding="0" cellspacing="0">
		<tr><td width="26" style="background:url('{T_THEME_PATH}/images/midl.png');"></td>
        <td class="inner">

		<table width="100%" cellspacing="0">
		<tr>
			<td height="24" align="left">
	<div class="buttonwrapper">
	<div class="navspacel"></div>
	<!-- IF S_USER_LOGGED_IN -->
	<!-- ELSEIF S_REGISTER_ENABLED -->
	<a class="squarebuttonl" href="{U_REGISTER}"><span>{L_REGISTER}</span></a><div class="navspacel"></div>
	<!-- ENDIF -->
	<!-- IF S_USER_LOGGED_IN -->
	<a class="squarebuttonl" href="{U_PROFILE}"><span>{L_PROFILE}</span></a><div class="navspacel"></div>
	<!-- IF S_DISPLAY_PM -->
	<a class="squarebuttonl" href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a><div class="navspacel"></div>
	<!-- ENDIF -->
	<!-- ENDIF -->
	<!-- IF U_RESTORE_PERMISSIONS -->
	<a class="squarebuttonl" href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a>
	<!-- ENDIF -->
	</div>

	</td>
	<td width="431" height="24" align="right">

	<div class="buttonwrapper">
	<div class="navspacer"></div>
	<!-- IF not S_IS_BOT -->
	<a class="squarebuttonr" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a><div class="navspacer"></div>
	<!-- IF S_DISPLAY_MEMBERLIST -->
	<a class="squarebuttonr" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a><div class="navspacer"></div>
	<!-- ENDIF -->
	<!-- ENDIF -->
	<a class="squarebuttonr" href="{U_FAQ}"><span>{L_FAQ}</span></a>
	</div>
			</td>
		</tr>
		</table>

	<div id="datebar">
		<table width="100%" cellspacing="0">
<!-- ENDIF -->
			<!-- IF S_BOARD_DISABLED -->
            <tr><td class="gensmall">
			<span class="error">{L_BOARD_DISABLED}</span>
            </td></tr>
            <!-- ENDIF -->
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
            <tr>
			<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<!-- INCLUDE prime_quick_style.html -->
			<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
		</table>
	</div>
<!-- ENDIF -->
<div id="wrapcentre">
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

	<br style="clear: both;" />

	<!-- INCLUDE breadcrumbs.html -->

	<br />
<!-- ENDIF -->
<!-- INCLUDE announcement_centre.html -->

any help would be much appreciated.

greetings en thanks in advance,

extreme-net

Mike · Post by **Mike** » 8. September 2009 19:45

Contrary to the description on phpbbstyles.net, this style is NOT base on prosilver but subsilver2.
Therefore you have to use the install instructions and files for subsilver2

Post by **extreme-net** » 8. September 2009 23:40

Mike wrote:Contrary to the description on phpbbstyles.net, this style is NOT base on prosilver but subsilver2.
Therefore you have to use the install instructions and files for subsilver2

I used the subsilver install instruction and the subsilver files even do the results are as you can see.

Mike · Post by **Mike** » 9. September 2009 01:26

Oh, ok... It seems you have done wrong edits in your overall_header...
You can take my overall_header.html:
demo: http://area51.mikevil.de/portal.php?style=65

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');

	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

function selectCode(a)
{
   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

   // Not IE
   if (window.getSelection)
   {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<table class="wrap" width="100%" cellpadding="0" cellspacing="0">
<tr><td>

<div id="wrapheader">
		<table width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<td width="413" height="90" style="background:url('{T_THEME_PATH}/images/topl.png');"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a><br /><span class="genmedw">{SITE_DESCRIPTION}</span></div></td>
            <td height="90" style="background:url('{T_THEME_PATH}/images/topm.png');">&nbsp;</td>
            <td width="264" height="90" align="right" style="background:url('{T_THEME_PATH}/images/topr.png');">
    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
	<div class="midlink">
	<div id="search-box">
	<form action="{U_SEARCH}" method="post" id="search">
            <fieldset class="nb">
               <input name="keywords" type="text" class="inputbox search" id="keywords" title="{L_SEARCH_KEYWORDS}" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="50" />
               <input class="nb" name="submit" type="hidden" /><br />
	<a class="genmedw" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
	</form>
	</div>
	</div>
	<!-- ENDIF -->
            </td>
		</tr>
		</table>
    </div>
        <table width="100%" cellpadding="0" cellspacing="0">
		<tr><td width="26" style="background:url('{T_THEME_PATH}/images/midl.png');"></td>
        <td class="inner">
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<table width="100%" cellspacing="0">
		<tr>
			<td height="24" align="left">
	<div class="buttonwrapper">
	<div class="navspacel"></div>
	<!-- IF S_USER_LOGGED_IN -->
	<!-- ELSEIF S_REGISTER_ENABLED -->
	<a class="squarebuttonl" href="{U_REGISTER}"><span>{L_REGISTER}</span></a><div class="navspacel"></div>
	<!-- ENDIF -->
	<!-- IF S_USER_LOGGED_IN -->
	<a class="squarebuttonl" href="{U_PROFILE}"><span>{L_PROFILE}</span></a><div class="navspacel"></div>
	<!-- IF S_DISPLAY_PM -->
	<a class="squarebuttonl" href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a><div class="navspacel"></div>
	<!-- ENDIF -->
	<!-- ENDIF -->
	<!-- IF U_RESTORE_PERMISSIONS -->
	<a class="squarebuttonl" href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a>
	<!-- ENDIF -->
	</div>

	</td>
	<td width="431" height="24" align="right">

	<div class="buttonwrapper">
	<div class="navspacer"></div>
	<!-- IF not S_IS_BOT -->
	<a class="squarebuttonr" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a><div class="navspacer"></div>
	<!-- IF S_DISPLAY_MEMBERLIST -->
	<a class="squarebuttonr" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a><div class="navspacer"></div>
	<!-- ENDIF -->
	<!-- ENDIF -->
	<a class="squarebuttonr" href="{U_FAQ}"><span>{L_FAQ}</span></a>
	</div>
			</td>
		</tr>
		</table>
<!-- ENDIF -->
	<div id="datebar">
  		
		<table width="100%" cellspacing="0">
			<!-- IF S_BOARD_DISABLED -->
            <tr><td class="gensmall">
		
			<span class="error">{L_BOARD_DISABLED}</span>

            </td></tr>
            <!-- ENDIF -->
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
            <tr>
			<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
<!-- ENDIF -->		
		</table>
	</div>

<div id="wrapcentre">
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

	<br style="clear: both;" />

	<!-- INCLUDE breadcrumbs.html -->

	<br />
	<!-- ENDIF -->

I made a new config, so it looks way better as with the original subsilver2 config

viewtopic.php?f=42&t=2726

Post by **extreme-net** » 9. September 2009 11:23

thx for your help.
just minutes before you posted your overall_header i fixed the problem.
I just needed to find the right place for this theme to place to place this line ""

anyway thank you very much for your help.,

extreme-net

Board3

ElementBlack

ElementBlack

Re: ElementBlack

Re: ElementBlack

Re: ElementBlack

Re: ElementBlack