[RELEASE] phpbbsilver (like phpBB.com style)

For style authors to post and receive feedback on 3.0.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Anti-Spam Guide
CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

[RELEASE] phpbbsilver (like phpBB.com style)

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: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
Last edited by CRLin on Wed May 19, 2010 8:24 am, edited 13 times in total.

User avatar
ameeck
Former Team Member
Posts: 6559
Joined: Mon Mar 21, 2005 6:57 pm

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

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:
Image

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

Peter77sx
Registered User
Posts: 3257
Joined: Wed Nov 09, 2005 2:51 pm

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

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

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

CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

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

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

CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

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

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;

User avatar
D¡cky
Former Team Member
Posts: 11812
Joined: Tue Jan 25, 2005 8:38 pm
Location: New Hampshire, USA
Name: Richard Foote
Contact:

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

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?
Have you hugged someone today?

CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

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

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>
Last edited by CRLin on Fri Oct 03, 2008 1:08 am, edited 1 time in total.

User avatar
D¡cky
Former Team Member
Posts: 11812
Joined: Tue Jan 25, 2005 8:38 pm
Location: New Hampshire, USA
Name: Richard Foote
Contact:

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

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.
Have you hugged someone today?

CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

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

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.

User avatar
Zaid
Registered User
Posts: 590
Joined: Thu Nov 08, 2007 2:06 pm
Location: South Pacific Ocean

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

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

GREAT THEME !


CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

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

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
Image OR Image

Image OR Image

Image OR Image

Image OR Image

Image OR Image

Image OR Image

Image OR Image

User avatar
DiegoPino
Registered User
Posts: 135
Joined: Thu Oct 27, 2005 1:30 am
Location: Colombia
Contact:

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

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

Well..... Just To Say

THanks So much!!!

Very Cool that style :ugeek:


bye
We11World [ Winning Eleven ] , Blog , PinoStudio1 , Archive Forums

User avatar
DiegoPino
Registered User
Posts: 135
Joined: Thu Oct 27, 2005 1:30 am
Location: Colombia
Contact:

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

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...
Image


i was searching in /themes/colours.css but i think its not the file ... not found the code of that :oops:
Bye
:ugeek:
We11World [ Winning Eleven ] , Blog , PinoStudio1 , Archive Forums

CRLin
Registered User
Posts: 19
Joined: Thu Aug 14, 2008 12:31 am
Location: Formosa - Taiwan
Contact:

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

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

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

Locked

Return to “[3.0.x] Styles in Development”