[RELEASE] phpbbsilver (like phpBB.com style)

CRLin · Post by **CRLin** » Thu Sep 18, 2008 7:14 am

Based on prosilver. Sorry! There are bug for memberlist(IE6).
Style description: Like phpBB.com style (More colors). Include background image, navigation menu, about page. Allow to edit corner width.

Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=2

Download: http://web.dhjh.tcc.edu.tw/~gzqbyr/down ... silver.zip
Navigation author: greatboy - http://www.phpbbchina.com/forum/viewtop ... =24&t=7086

Add About page

EMO - http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=2

Save above sky.jpg to your styles/phpbbsilver/theme/images/

Save

Code: Select all

<?php
/**
* @package phpBB3
* @copyright (c) 2010 CRLin - http://web.dhjh.tcc.edu.tw/~gzqbyr/
*/

define('IN_PHPBB', true);
$phpbb_root_path = (defined('PHPBB_ROOT_PATH')) ? PHPBB_ROOT_PATH : './';
$phpEx = substr(strrchr(__FILE__, '.'), 1);
include($phpbb_root_path . 'common.' . $phpEx);

// Start session management
$user->session_begin();
$auth->acl($user->data);
$user->setup();

$template->assign_vars(array(
	'NOT_FORUM'			=> 'about',
));

page_header('About phpBB');

$template->set_filenames(array(
	'body' => 'about.html')
);

page_footer();
?>

as about.php to phpBB root.

Save

Code: Select all

<!-- INCLUDE overall_header.html -->

<ul class="linklist navlinks"> 
	<li> 
		<strong>About phpBB</strong>
	</li> 
</ul>

<div id="main">
	<h3>What is phpBB?</h3>
	<p>Since its creation in 2000, phpBB&#153; has become the most widely used Open Source forum solution.</p>
</div>

<!-- INCLUDE overall_footer.html -->

as about.html to styles/phpbbsilver/template/

Edit styles/phpbbsilver/template/navigation.html
Find

Code: Select all

		<li class="first<!-- IF SCRIPT_NAME eq 'xxxx' --> activetab<!-- ENDIF -->">
			<a href="about.php"><span>About</span></a>
		</li>

Replace with

Code: Select all

		<li class="first<!-- IF NOT_FORUM eq 'about' --> activetab<!-- ENDIF -->">
			<a href="about.php"><span>About</span></a>
		</li>

Edit styles/phpbbsilver/theme/site.css
Find

Code: Select all

/* corners for title.jpg */

Before add

Code: Select all

.header1about {
	padding: 0 5px;
	background: url("./images/sky.jpg");
	height: 129px;
	color: #FFFFFF;
}

Delete cache/*.php

Other discussion:
http://phpbbchina.com/forum/viewtopic.php?f=4&t=3752

ameeck · Post by **ameeck** » Sun Sep 21, 2008 7:49 am

I don't think it's ready for release yet. Take a look what happens when you have the page a bit wider in Opera or FF:

Also the phpBB.com style was released as prosilver special edition a while ago

Peter77sx · Post by **Peter77sx** » Sun Sep 21, 2008 9:53 am

Love the blue. hate having to to edit prosilverSE. saves me a headache.

CRLin · Post by **CRLin** » Mon Sep 22, 2008 2:34 am

ameeck wrote:I don't think it's ready for release yet. Take a look what happens when you have the page a bit wider in Opera or FF:

Also the phpBB.com style was released as prosilver special edition a while ago

There are different between phpbbsilver and prosilver Special Edition - http://www.phpbb.com/community/viewtopi ... &t=1146495 !!
Please browse http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/ again!

Because width of title.jpg is 1023, you can edit phpbbsilver/theme/site.css

Code: Select all

background: url("./images/title.jpg") bottom center no-repeat;

Replace with

Code: Select all

background: url("./images/title.jpg") bottom repeat;

Or fix corner width.
Edit phpbbsilver/theme/site.css
Find

Code: Select all

	padding: 21px 0 10px 0;
	margin: 0px 30px;

Replace with

Code: Select all

width: 850px;
	padding: 21px 0 10px 0;
	margin: 0px auto;

Find

Code: Select all

		min-width: 710px;

After, add

Code: Select all

	margin: 0px auto;
	width: 910px;

Please browse http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/ again!

DEMO http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/ will be set default later!!

CRLin · Post by **CRLin** » Wed Sep 24, 2008 2:23 am

Supply Style description.
Style description: Like phpBB.com style. Include background image, navigation menu, about page - http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... /about.php . Allow to edit corner width.
Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/

Fix corner width:
Open phpbbsilver/theme/site.css
Find

Code: Select all

	padding: 21px 0 10px 0;
	margin: 0px 30px;

Replace with

Code: Select all

	width: 850px;
	padding: 21px 0 10px 0;
	margin: 0px auto;

Find

Code: Select all

	min-width: 710px;

After, add

Code: Select all

	margin: 0px auto;
	width: 910px;

D¡cky · Post by **D¡cky** » Thu Sep 25, 2008 4:51 pm

Is there a tutorial for adding items to the menu bar and having the button highlighted on the active page?

CRLin · Post by **CRLin** » Tue Sep 30, 2008 5:20 am

D¡cky wrote:Is there a tutorial for adding items to the menu bar and having the button highlighted on the active page?

Thank your test!
menu bar based on Ja_purity - http://www.joomlart.com/forums/showthread.php?t=8312

To edit menu bar.(Very easy)
In phpbbsilver.zip.
styles/phpbbsilver/template/overall_header.html

Code: Select all

		<div id="ja-mainnavwrap">
			<div id="ja-mainnav" class="clearfix">
			<ul class="menu">
				<li class="item10"><a href="/"><span>Home</span></a></li>
				<li>&nbsp;</li>
				<li class="active item99"><a href="{U_INDEX}"><span>Forum</span></a></li>
			</ul>
			</div>
			<span class="corners-bottom"><span></span></span>
		</div>

In above code <li class="active item99"> is active page.

In about.zip.
styles/phpbbsilver/template/overall_header.html

Code: Select all

		<div id="ja-mainnavwrap">
			<div id="ja-mainnav" class="clearfix">
			<ul class="menu">
				<li class="item10"><a href="{U_ABOUT}"><span>About</span></a></li>
				<li>&nbsp;</li>
				<li class="active item99"><a href="{U_INDEX}"><span>Forum</span></a></li>
			</ul>
			</div>
			<span class="corners-bottom"><span></span></span>
		</div>

And styles/phpbbsilver/template/header_about.html

Code: Select all

		<div id="ja-mainnavwrap">
			<div id="ja-mainnav" class="clearfix">
			<ul class="menu">
				<li class="active item10"><a href="{U_ABOUT}"><span>About</span></a></li>
				<li>&nbsp;</li>
				<li class="item99"><a href="{U_INDEX}"><span>Forum</span></a></li>
			</ul>
			</div>
			<span class="corners-bottom"><span></span></span>
		</div>

D¡cky · Post by **D¡cky** » Thu Oct 02, 2008 4:10 am

Ah! So we have to create a new header for every page that has a button in order to make the button display active when on that page. I was hoping for something in the Java class that would know when that page is active and automatically make the button active.

CRLin · Post by **CRLin** » Fri Oct 03, 2008 2:58 am

D¡cky wrote:Ah! So we have to create a new header for every page that has a button in order to make the button display active when on that page.

Yes!!
About header background image. Please read site.css (in phpbbsilver.zip)

Code: Select all

.header1 {
	padding: 0 5px;
	background: url("./images/title.jpg");
	height: 129px;
	color: #FFFFFF;
}

And read site.css (in about.zip)

Code: Select all

.header1 {
	padding: 0 5px;
	background: url("./images/title.jpg");
	height: 129px;
	color: #FFFFFF;
}

.header_about {
	padding: 0 5px;
	background: url("./images/about.jpg");
	height: 129px;
	color: #FFFFFF;
}

There is no need to edit navigation menu button images! This is an text version.

D¡cky wrote: I was hoping for something in the Java class that would know when that page is active and automatically make the button active.

site.css, from

Code: Select all

/* ja_purity template.css */

to

Code: Select all

#ja-mainnav .moduletable_menu {
	background: none;
	margin: 0;
	padding: 0;
}

PS: I will rewrite css file and add some images. Guest can change color.
DEMO: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/ ,you can click rightside of navbar form to change color.

Zaid · Post by **Zaid** » Wed Oct 15, 2008 1:03 pm

GREAT THEME !

CRLin · Post by **CRLin** » Thu Nov 06, 2008 1:57 am

Update! Add orange corner.
Demo:
http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=1 (orange corner)
http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=2 (silver corner)
Download:
http://phpbbchina.com/forum/viewtopic.php?f=4&t=3752

CRLin · Post by **CRLin** » Thu Nov 20, 2008 1:51 am

Update to 3.0.3
Live Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/?style=1 (orange corner)
http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/?style=2 (silver corner)
(you can find rightside of navbar, select form to change color.)
Download:
http://www.phpbbchina.com/forum/viewtop ... 106#p19106

Styles demo:
default

OR

DiegoPino · Post by **DiegoPino** » Sun Nov 23, 2008 6:09 pm

Well..... Just To Say

THanks So much!!!

Very Cool that style

bye

DiegoPino · Post by **DiegoPino** » Sun Nov 23, 2008 9:43 pm

Hi CRLin

Its very Cool Thath Style , i´m testing and its very easy.

i have a question:

how can change the color of the border, look the pic please...

i was searching in /themes/colours.css but i think its not the file ... not found the code of that

Bye

CRLin · Post by **CRLin** » Mon Nov 24, 2008 2:03 am

DiegoPino wrote:Well..... Just To Say

THanks So much!!!

Very Cool that style

bye

Thanks your test.

DiegoPino wrote:Hi CRLin

Its very Cool Thath Style , i´m testing and its very easy.

i have a question:

how can change the color of the border, look the pic please...

Outer corner are combined by 8 pics.

Edit phpbbsilver/theme/images/corner_left.gif

advertisements