CSF1

[blastman]

Been searching around for a up to date style and came across this>>http://demo.phpbb3styles.net/CSF1 and i liked it very much but i saw that it was subsilver2 and i tryed to install portal onto this but failed i cant seem to get this working is there any way you could take a look at this and see if it can adapt the portal mod for me mike ?

thanks
Justin

[gH0sTy]

Upload the content of the Portal 1.0.4 styles/subsilver2 folder into the styles/CSF1 folder.

Open: styles/CSF1/template/breadcrumbs.html
Find

Code: Select all

<p class="breadcrumbs"><a href="{U_INDEX}">{L_INDEX}</a><!-- BEGIN navlinks --> &#187; <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></p>

In-line Find

Code: Select all

<a href="{U_INDEX}">{L_INDEX}</a>

In-line Add before

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF -->

Open: styles/CSF1/template/overall_header.html
Find

Code: Select all

<a name="top"></a>
<div id='wrapper'>
<div id='header'></div>

Add after

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

Find

Code: Select all

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
	<div class="pm-notify-new"><div class="pm-notify-header">{L_INFORMATION}</div>{L_BOARD_DISABLED}</div>
<!-- ENDIF -->

Add before

Code: Select all

<!-- ENDIF -->

Add after

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

Find

Code: Select all

            <!-- IF S_DISPLAY_SEARCH and S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF -->
        </td>
    </tr>
    </table>
    </div>

Add after

Code: Select all

<!-- ENDIF -->

Find

Code: Select all

<table class="tablebg breadcrumb" width="100%" cellspacing="{$CA_SPACING}" cellpadding="0" style="margin-top: 5px;">

Add before

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

Find

Code: Select all

<p class="breadcrumbs"><a href="{U_INDEX}">{L_INDEX}</a><!-- BEGIN navlinks --> &#187; <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></p>

In-line Find

Code: Select all

<a href="{U_INDEX}">{L_INDEX}</a>

In-line Add before

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF -->

Find

Code: Select all

</div></div></div>      
        <div class='menu_bot'>    
        <div class='menu_bot_l'>  
        <div class='menu_bot_r'>
        </div></div></div><br>

Add after

Code: Select all

<!-- ENDIF -->

DIY Instructions

Code: Select all

Refresh your Styles:
    "Administration Control Panel" (ACP) > "Styles" > "Templates" > each > "refresh"
    "Administration Control Panel" (ACP) > "Styles" > "Themes" > each > "refresh"
    "Administration Control Panel" (ACP) > "Styles" > "Imagesets" > each > "refresh"

Clear your cache in the "Administration Control Panel" (ACP) > "General" > "Purge the cache"

[Mike]

Dont forget to use the Validator... http://validator.w3.org
This Style has a lot of misplaced Tags in his Header....

[blastman]

Im sorry mike but how do i use this and whats it for ?^

[Mike]

With this Validator you can chek if your website match the html and css Standarts. If you klick the Link you can add your URL into the Form, and hit "validate". Choose a style on your Board an copy the URL. If you check it with prosilver you should get no errors cause it is valid. If you check this Style (CSF1) you will see the the plenty of Errors into the Header...

[blastman]

oh ok i see ... so is the code you provided me with ^^^ the correct code to make this style work ?

[Mike]

I try to make it working, but at the moment i have not enough time since i have to work more than 12 Hours per Day

[blastman]

i dont know enough to get this working ill wait till you get to it but thanks for the effort in previous post mike take care .....

[streak]

I would love to see this template also. I have been looking for a way to get this template to work with Board Portal 3. But have failed at doing it. Thanks for taking the time to make it work.

I will be checking back daily. Take your time, im in no rush. I also have been working 12 hour days for the past month. I know how you feel.

[blastman]

I have been on a search for a coder to fix the files that mike said has errors so that this style can me portal

[Mike]

Thats what i can do for now... http://area51.mikevil.de/portal.php?style=77 (EDIT: looks ugly in IE8 )
This Style looks nice, but in every single file are much errors. Since it is not my Job to improve someones Style, you have to call the Autor for an proper version...
To correct the errors at least in the header and footer do the following steps... (there are some more in forumlist_body.html, index_body.html etc.)

open overall_header.html

find:

Code: Select all

<div id='nav'><div><div class='menuBar' style='width:100% style='width:100%; white-space: nowrap'>

replace with:

Code: Select all

<div id='nav'><div><div class='menuBar' style='width:100%; white-space: nowrap'>

find:

Code: Select all

          <input type="text" name="keywords" size="40" class="searchx" value="{L_SEARCH} ..." onFocus="if
(this.value==this.defaultValue) this.value='';"/>

replace with:

Code: Select all

          <input type="text" name="keywords" size="40" class="searchx" value="{L_SEARCH} ..." onfocus="if(this.value==this.defaultValue) this.value='';"/>

find:

Code: Select all

        </div></div></div><br>

replace with:

Code: Select all

        </div></div></div><br />

open jumpbox.html
find:

Code: Select all

	</table>
    </form>
    </div>
<!-- ENDIF -->

replace with:

Code: Select all

	</table>
    </div>
    </form>
<!-- ENDIF -->

open overall_footer.html
find:

Code: Select all

</body>
</html>

add before:

Code: Select all

</div>

And last but not least the _block_config file

Code: Select all

<!--version $Id: _block_config.html 553 adapted by: Mike $ //-->
<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="menu_top"><div class="menu_top_l"><div class="menu_top_r"><h3 style="float: left">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</h3></div></div></div><div class="m_l"><div class="m_r"><div class="menu_text" style="padding: 3px;">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '</div></div></div><div class="menu_bot"><div class="menu_bot_l"><div class="menu_bot_r"></div></div></div><br />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="menu_top"><div class="menu_top_l"><div class="menu_top_r"><h3>' -->
<!-- DEFINE $C_BLOCK_H_R = '</h3></div></div></div><div class="m_l"><div class="m_r"><div class="menu_text" style="padding: 3px;">' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '</div></div></div><div class="menu_bot"><div class="menu_bot_l"><div class="menu_bot_r"></div></div></div><br />' -->

<!-- Images-URL //-->
<!-- DEFINE $WHOS_IMAGES = '/images/whosonline.gif' -->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->
<!-- DEFINE $BLOCK_DISTANCE = '10px' -->

<!-- show Icons in left/right Blocks? 0=no 1=yes -->
<!-- DEFINE $S_BLOCK_ICON = 1 -->

<!-- override the column width settings of the ACP for this style? 0=no 1=yes -->
<!-- DEFINE $S_COLUMNS_WIDTH_OVERRIDE = 0 -->

<!-- override the column width settings of the ACP - set the width if enabled -->
<!-- DEFINE $PORTAL_LEFT_COLUMN_OVERRIDE = '200' -->
<!-- DEFINE $PORTAL_RIGHT_COLUMN_OVERRIDE = '200' -->

[blastman]

god love you i will contact the author and ask that the errors be fixed thanks mike for your time searching and fixing this....

[streak]

Very nice work mike. Only problem I am having is a Portal link back to the portal when you click on board "forums".

Was this missed? Or did i just screw up on the edits?

Im going to double check.. ill let you know.

[streak]

Ya i check it and could not find a problem. Then i re-did it all again.

I dont think you missed it, From looking at your test site mike. Must be something that I am doing wrong.

Ill try again when I get some free time.

Thanks for all the help. As always

[Mike]

The edits i postet above are just for fixing the Header. To hide the phpbb Menu or add the portal button the are few more addings needed.
Since i sadly have no time at the moment, i just can post my own overall_header.html. You can replace it with yours, to get the same look...
Make a backup of you own Header as first!

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>
<!-- INCLUDE ca_config.html -->
<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="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} - <!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie7.css" />
<![endif]-->

<script type="text/javascript">
// <![CDATA[

	var onload_functions = new Array();
	var onunload_functions = new Array();
	var ca_main_width = '{$CA_WIDTH}';

<!-- 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 -->

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

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


if(navigator.userAgent && navigator.userAgent.indexOf('Mac OS X') > 0)
{
	document.write('<link rel="stylesheet" href="{T_THEME_PATH}/mac.css" type="text/css" />');
}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
<link rel="stylesheet" href="{T_THEME_PATH}/style.css" type="text/css" />
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>
<div id='wrapper'>
<div id='header'></div>


<div id='nav'><div><div class='menuBar' style='width:100%; white-space: nowrap'>
<!-- IF U_PORTAL --><a class='menuButton' href="{U_PORTAL}">{L_PORTAL}</a><!-- ENDIF -->
<a class='menuButton' href="{U_INDEX}">{L_INDEX}</a>
		<!-- IF not S_IS_BOT -->
			<!-- IF S_USER_LOGGED_IN --><a class='menuButton' href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
			<!-- IF S_USER_LOGGED_IN -->
				<!-- IF S_DISPLAY_PM --><a class='menuButton' href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF -->
			<!-- ELSEIF S_REGISTER_ENABLED --><a class='menuButton' href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF U_RESTORE_PERMISSIONS --><a class='menuButton' href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
		<a class='menuButton' href="{U_FAQ}">{L_FAQ}</a>
		<!-- IF S_DISPLAY_SEARCH --><a class='menuButton' href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST --><a class='menuButton' href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT --><a class='menuButton' href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF --></div>
<form action="search.php" id="cse-search-box">
        <div id='searchbox'>
          <input type="text" name="keywords" size="40" class="searchx" value="{L_SEARCH} ..." onfocus="if(this.value==this.defaultValue) this.value='';"/>
          <input type="submit" value="" class="searchy"/>
        </div>

      </form>

</div>
</div>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>

	<td id="contentrow">

<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
	<!-- IF S_USER_NEW_PRIVMSG -->
		<div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
		<div class="pm-notify-unread"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
<!-- ENDIF -->

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
	<div class="pm-notify-new"><div class="pm-notify-header">{L_INFORMATION}</div>{L_BOARD_DISABLED}</div>
<!-- ENDIF -->

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
<div>
    <div class='menu_top'><div class='menu_top_l'><div class='menu_top_r'>

        </div></div></div>
        <div class='m_l'><div class='m_r'><div class='menu_text'>
    <table width="100%" cellspacing="0" align="center">
    <tr>
        <td align="left" class="lefttext">
            <!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<br /><!-- ENDIF -->
            <!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- ENDIF -->
        </td>
        <td align="right" class="righttext">
            {CURRENT_TIME}<br />
            <!-- IF S_DISPLAY_SEARCH and S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF -->
        </td>
    </tr>
    </table>
    </div>



		<table class="tablebg breadcrumb" width="100%" cellspacing="{$CA_SPACING}" cellpadding="0" style="margin-top: 5px;">
	<tr>
		<td class="forumheader2">
			<p class="breadcrumbs"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}">{L_INDEX}</a><!-- BEGIN navlinks --> &#187; <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></p>
			<p class="datetime">{S_TIMEZONE}</p>
		</td>
	</tr>
	</table>
       </div></div></div>
        <div class='menu_bot'>
        <div class='menu_bot_l'>
        <div class='menu_bot_r'>
        </div></div></div><br />

 <!-- ENDIF -->