Page 1 of 3

[RELEASE] phpbbsilver (like phpBB.com style)

Posted: Thu Sep 18, 2008 7:14 am
by CRLin
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:DEMO - http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=2
  1. Save above sky.jpg to your styles/phpbbsilver/theme/images/
    Image
  2. 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.
  3. 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/
  4. 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>
  5. 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;
    }
  6. Delete cache/*.php

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

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Sun Sep 21, 2008 7:49 am
by ameeck
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:
Image

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

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Sun Sep 21, 2008 9:53 am
by Peter77sx
Love the blue. hate having to to edit prosilverSE. saves me a headache. :)

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Mon Sep 22, 2008 2:34 am
by CRLin
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:
Image

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

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! :mrgreen:
DEMO http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/ will be set default later!!

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Wed Sep 24, 2008 2:23 am
by CRLin
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;

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Thu Sep 25, 2008 4:51 pm
by D¡cky
Is there a tutorial for adding items to the menu bar and having the button highlighted on the active page?

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Tue Sep 30, 2008 5:20 am
by CRLin
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>

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Thu Oct 02, 2008 4:10 am
by D¡cky
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.

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Fri Oct 03, 2008 2:58 am
by CRLin
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.

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Wed Oct 15, 2008 1:03 pm
by Zaid
GREAT THEME !

Re: [RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

Posted: Thu Nov 06, 2008 1:57 am
by CRLin

Re: [RELEASE] phpbbsilver - phpBB-3.0.3 (like phpBB.com style)

Posted: Thu Nov 20, 2008 1:51 am
by CRLin
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
Image OR Image

Image OR Image

Image OR Image

Image OR Image

Image OR Image

Image OR Image

Image OR Image

Re: [RELEASE] phpbbsilver - phpBB-3.0.3 (like phpBB.com style)

Posted: Sun Nov 23, 2008 6:09 pm
by DiegoPino
Well..... Just To Say

THanks So much!!!

Very Cool that style :ugeek:


bye

Re: [RELEASE] phpbbsilver - phpBB-3.0.3 (like phpBB.com style)

Posted: Sun Nov 23, 2008 9:43 pm
by DiegoPino
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...
Image


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

Re: [RELEASE] phpbbsilver - phpBB-3.0.3 (like phpBB.com style)

Posted: Mon Nov 24, 2008 2:03 am
by CRLin
DiegoPino wrote:Well..... Just To Say

THanks So much!!!

Very Cool that style :ugeek:


bye
Thanks your test. :D
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...
Image
Outer corner are combined by 8 pics.
ImageImageImage
ImageImage
ImageImageImage

Edit phpbbsilver/theme/images/corner_left.gif