We offer outstanding professional Joomla!TM extensions.

Professional Joomla! Extensions

Professional Joomla! Extensions

Forum Blogomunity Joomla Extensions p8pBB bridge Styles Customizing a phpBB template for wrapped mode: short guide

Member Login



Community Builder

This module is for demo of CB integration.





Forgot login?
No account yet? Register

Latest Forum Activity

Customizing a phpBB template for wrapped mode: short guide

Everything about customizing and using phpBB styles (templates).
Forum rules
This forum is not for any support questions/issues/features. Please use Support Center for such requests.
6 posts • Page 1 of 1

Customizing a phpBB template for wrapped mode: short guide

Postby Admin » March 15th, 2009, 3:03 am

All files listed here are located in the folder of your phpBB template (i.e. phpbb3/styles/anytemplate/).

1. Open /templates/overall_header.html:
1.1. Remove Doctype declaration, <html> and <head> tags, all tags within <head> section except <style> and <script>.
For example - the following code was removed from default template "prosilver".

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

Code: Select all
</head>


1.2. Change <body> tag to <div> tag:
before:
Code: Select all
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

after:
Code: Select all
<div id="phpbb_area" class="phpbb_area phpbb_section-{SCRIPT_NAME} phpbb_{S_CONTENT_DIRECTION}">


Note that if your <body> tag has onload=".." attribute special actions are required.

2. Open /templates/overall_footer.html:
2.1. Change </body> tag to </div>
2.2. Remove </html> tag

The CSS conflicts are possible between Joomla template and phpBB template, we can't cover it in this article because it is a complex theme and requires CSS knowledge.

You can also start your own template based on jprosilver or jsubsilver2, details are here:
http://www.phpbb.com/blog/2008/07/31/te ... ot-easier/

Note that we keep jprosilver and jsubsilver always up-to-date with the latest phpBB prosilver and subsilver2, so better use template inheritance if you modify jprosilver or jsubsilver.
Let he without sin throw the first stone.
User avatar
Admin
Site Admin
Site Admin
 
Posts: 904
Joined: October 21st, 2008, 5:39 pm
Location: index.php
Name: Administrator
Browser: Chrome
Top

Re: Customizing a phpBB template for wrapped mode: short guide

Postby cerion86 » March 15th, 2009, 4:22 am

Fantastic, thanks!!
cerion86
 
Posts: 2
Joined: March 9th, 2009, 12:01 pm
Top

Re: Customizing a phpBB template for wrapped mode: short guide

Postby catwalkchaos » April 10th, 2009, 8:42 am

I just tried to do this but I dont have any .tpl files??
catwalkchaos
 
Posts: 3
Joined: April 7th, 2009, 2:55 pm
Name: Kirstin Hargreaves
Top

Re: Customizing a phpBB template for wrapped mode: short guide

Postby Admin » April 10th, 2009, 1:17 pm

Sorry, they are .html in fact.
Let he without sin throw the first stone.
User avatar
Admin
Site Admin
Site Admin
 
Posts: 904
Joined: October 21st, 2008, 5:39 pm
Location: index.php
Name: Administrator
Browser: Chrome
Top

Re: Customizing a phpBB template for wrapped mode: short guide

Postby Sulley » April 14th, 2009, 9:27 am

Very useful tutorial.
How do I add joomla modules within phpbb page though?
Could you please write a tutorial on how you did it here on blogomunity? Thanks.
Sulley
 
Posts: 3
Joined: April 14th, 2009, 2:50 am
Name: Enrico
Top

Re: Customizing a phpBB template for wrapped mode: short guide

Postby Admin » April 14th, 2009, 1:27 pm

You need to setup the bridge in 'Wrapped mode', and it will act as usual Joomla component.
Let he without sin throw the first stone.
User avatar
Admin
Site Admin
Site Admin
 
Posts: 904
Joined: October 21st, 2008, 5:39 pm
Location: index.php
Name: Administrator
Browser: Chrome
Top
6 posts • Page 1 of 1

Return to Styles

Who is online

Users browsing this forum: CommonCrawl [Bot] and 0 guests

Powered by phpBB® Forum Software © phpBB Group
About Us|Privacy Policy|Information|Contact Us
 
Copyright © 2008-2012 Blogomunity.com
Trademarks and tradenames used herein are the property of their respective holders.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. Blogomunity is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.