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
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™ 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
FindCode: Select all
<li class="first<!-- IF SCRIPT_NAME eq 'xxxx' --> activetab<!-- ENDIF -->">
<a href="about.php"><span>About</span></a>
</li>
Replace withCode: 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
Before addCode: 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
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:
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:
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
After, add
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!!
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
After, add
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> </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> </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> </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
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

OR

OR

OR

OR

OR

OR

OR

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
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...
i was searching in /themes/colours.css but i think its not the file ... not found the code of that
Bye

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