Black Smoke Style

Post by **blastman** » 29. September 2009 06:27

your speaking a language i dont get lol I do know i have copied the files board3portal_1_0_3\root\styles\prosilver to the styles in my phpbb3 styles/prosilver so any way you can help me to understand step by step what i need to do from here ?

Post by **blastman** » 29. September 2009 06:34

Heres what i have come up with can you hale me to fix a few things with making it work properly ?

http://test.solid-gaming.com/portal.php?style=4

Mike · Post by **Mike** » 29. September 2009 12:27

You have to copy the files from board3portal_1_0_3\root\styles\prosilver to styles/BlackSmoke
After that go through the install guide from prosilver, but do the changes in the files for BlackSmoke...

Maybe you cant figure out where to add the changes, since the files are different from prosilver. But if you just copy the files, and add portal.css to stylesheets.css it should look like this: http://area51.mikevil.de/portal.php?style=66

Here is my overall_header.html so you just have to copy & paste (replace) it into your overall_header.html

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="2000, 2002, 2005, 2007 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:

	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 style_cookie_settings = '{A_COOKIE_SETTINGS}';
	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 (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]);
		}
	}

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

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jQuery.flash.js"></script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.scrollTo-1.3.3-min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.localscroll-1.2.6-min.js"></script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/hoverIntent.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/superfish.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/supersubs.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++" />

<script type="text/javascript">

    $(document).ready(function(){
		$.localScroll();
        $("ul.sf-menu").supersubs({
            minWidth:    12,   // minimum width of sub-menus in em units
            maxWidth:    27,   // maximum width of sub-menus in em units
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over
                               // due to slight rounding differences and font-family
        }).superfish();  // call supersubs first, then superfish, so that subs are
                         // not display:none when measuring. Call before initialising
                         // containing tabs for same reason.
    });

</script>

<!-- 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="wrap">

<div id="flashcont"><div id="flash"></div></div>

    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
        	<a id="top" name="top" accesskey="t"></a>
        	<div id="page-header">
        		<div class="headerbar">
        			<div class="inner">

        			<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 style="display: none;"><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 inputbox2" 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="button4" value="{L_SEARCH}" type="submit" /><br /><br />
        					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
        				</fieldset>
        				</form>
        			</div>
        		<!-- ENDIF -->

        			</div>

							<div id="welcome">
							<!-- IF not S_IS_BOT -->
							  <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a> -
								<!-- IF S_USER_LOGGED_IN --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>) <!-- ENDIF -->
							<!-- ENDIF -->
							<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
        				<!-- IF U_RESTORE_PERMISSIONS -->
        					- <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
        				<!-- ENDIF -->
							<!-- ENDIF -->
							</div>

							<div id="sf-contain">
							<!-- INCLUDE menu.html -->
							</div>
        		</div>
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
						<br />

        		<div class="navbar">
        			<div class="inner"><span class="corners-top"><span></span></span>

        			<ul class="linklist navlinks">
        				<li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><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;" onkeypress="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>

        			<span class="corners-bottom"><span></span></span></div>
        		</div>
<!-- ENDIF -->
        	</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 -->
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
              <a href="javascript:jQuery.flash.subtle('Details | Click to close   ', 'This is a detailed information bar you can place on any area of the style.')"><img src="{T_THEME_PATH}/images/tip.png" alt="View Details" /></a>
<!-- ENDIF -->

What you need is just an block_config.html file which i can make this evening...

Post by **blastman** » 29. September 2009 15:09

oh wow that style looks great much thanks for the help mike ill send 10 bucs your way via paypal for the help

and again thanks

mike
I did a fresh install of the portal onto the blacksmoke style and i get this error again

Code: Select all

template->_tpl_load_file(): File ./styles/prosilver/template//portal/portal_body.html does not exist or is empty

Mike · Post by **Mike** » 29. September 2009 21:21

Hmm... looks like the same problem... on a fresh installation, you have to upload the content of the whole "root" folder into your phpbb root. Then you will have the requestet files on prosilver and subsilver2 Templates.
If you want to have more Styles, you need to find out on which Style your new Style is based on, and copy the according files. (as you have done in blacksmoke)

I added new Headers to the center Blocks on my Testboard: http://area51.mikevil.de/portal.php?style=66
Tell me, if you like it

Post by **blastman** » 30. September 2009 01:41

that looks very very nice i was goin to ask if that could be done to allll blocks

also the style i am using is blacksmoke and i have tryed to install alllllllll the root files to my phpbb root>> board3portal_1_0_3\root\styles\prosilver to my root/test/styles/blacksmoke and i edited the files as well.... and used your headercode but still same general error

Mike · Post by **Mike** » 30. September 2009 01:55

Did you copy the prosilver folder into blacksmoke, or just the content of the prosilverfolder?
You just have to copy the two folders "template" and "theme" into your blacksmoke folder.

Remember that you have to purge all caches if you edit template files...http://board3.de/knowledge/kb_show.php?id=28

Post by **blastman** » 30. September 2009 01:58

Ok mike i figured out what i was doin wrong i have no installed the portal on the blacksmoke style but few things look out of line like theres little orange circles that are outside the portal blocks

Mike · Post by **Mike** » 30. September 2009 02:32

This happens if you dont upload portal.css, or forget to add it to stylesheet.css, or forget to clear all caches

Post by **blastman** » 30. September 2009 02:40

if you take a look at my portal http://test.solid-gaming.com i have white back rounds in some blocks..... also anyway you could help me to make those center blocks as well as make the left and right blocks have that nice header on them

Mike · Post by **Mike** » 30. September 2009 12:56

No, it wouldnt work in the outer Blocks, since the Backroundimage has a fixed width. Let me try to make it without this Image, but with the rounded corners...

White backround: maybe this is caused by the actual version of B3P... (I had some similar Trouble with other Styles)
In a few Days we rush out the new one (1.0.4) which i am using on my testboard without such errors...

Post by **blastman** » 30. September 2009 19:20

ok nice well i will wait until the new one comes out before i use this on my actual website also once you get this customized block stuff figured out you mind sending it to me

thanks mike

Mike · Post by **Mike** » 1. October 2009 01:53

OK... i made it: http://area51.mikevil.de/portal.php?style=66

Let me know if it is ok for you.

PS: new Version is out now

PS1: there was an error in the Header code i posted... i correct it, and now the footer istn crashed anymore;)
PS2: may you use the dark Clock, since it looks way better: styles/board3portal/theme/images/portal/board3clock.swf (rightclick -> save under)

Post by **blastman** » 1. October 2009 02:53

Very nice work mike

yes i have already downloaded and installed the portal 1.0.4 i was the 25 person to download

it fixed the white backgrounds as well

also your blocks look very very nice what about adding a rounded bottom to the blocks is that possible ? and i agree the silver clock looks very good ill switch mine asap but heres the newest 1.0.4 on my board

http://test.solid-gaming.com/ thanks for all the help and work mike.

Mike · Post by **Mike** » 1. October 2009 03:05

Now with rounded corners at the bottom

You have to change the code for your Header, because your footer is still crashed... I update the code in my prior posting.

Here is the actual config for this style: (works with 1.0.4 only)

viewtopic.php?p=18653#p18653

Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style

Re: Black Smoke Style