phpBB.com

1. Save above sky.jpg to your styles/phpbbsilver/theme/images/
   
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

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

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

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

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

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

		min-width: 710px;

	margin: 0px auto;
	width: 910px;

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

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

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

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

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

.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;
}

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.

/* ja_purity template.css */

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

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

THanks So much!!!

Very Cool that style


bye

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