Bluepearl Design
Go Back   Bluepearl Design > Misc > Tutorials > HTML, XHTML, Javascript, CSS

[phpBB] Step-By-Step Instructions to creating a new template

HTML HyperText Markup Language.
XHTML Extensible Hypertext Markup Language.
JAVASCRIPT object-based scripting programming language.
CSS Cascading Style Sheets.

    

Reply
 
LinkBack Thread Tools Rating: Thread Rating: 1 votes, 5.00 average. Display Modes
Old 05-01-2006, 03:10 PM   #21 (permalink)
 
Title: Member
Join Date: May 2006
Age: 19
Posts: 2
Images: 1
Rep Power: 0 chrisrules99 is on a distinguished road
Re: [phpBB] Step-By-Step Instructions to creating a new template

This is an awesome guide. Thanks
chrisrules99 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 05-01-2006, 03:42 PM   #22 (permalink)
 
Title: Bluepearl Veteran
Join Date: Feb 2005
Posts: 1,848
Images: 9
Rep Power: 6 Kate will become famous soon enoughKate will become famous soon enough
Re: [phpBB] Step-By-Step Instructions to creating a new template

np - welcome to the community btw
Kate is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 05-01-2006, 08:10 PM   #23 (permalink)
 
Fragalot's Avatar
 
Title: Ipood
Join Date: Nov 2004
Location: belgium west-flandres
Age: 18
Posts: 4,418
Images: 1
Rep Power: 8 Fragalot is on a distinguished road
Send a message via ICQ to Fragalot Send a message via MSN to Fragalot Send a message via Yahoo to Fragalot
Re: [phpBB] Step-By-Step Instructions to creating a new template

ooh, i never knew this was here :s

cewl
__________________

|_|0|_|
|_|_|0|
|0|0|0|

http://wargaming.org - under construction
irc.wargaming.org #wargaming

Fragalot is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-12-2006, 09:37 PM   #24 (permalink)
 
Title: Member
Join Date: Jul 2006
Age: 26
Posts: 11
Rep Power: 0 gdalla11 is on a distinguished road
Re: [phpBB] Step-By-Step Instructions to creating a new template

hi, i think your templates and community are awesome. im trying to build my first skin and was looking for some pointers. been reading about the whole skinning phpBB thing. and have grasped the basics. my trouble is when i want to add in nice global borders like you have with clanzdarkness 2 theme. am i correct in saying i need to edit the overall header tpl to do this? how do i know how big to make my borders so that they fit exactly around the actual forum. i have attached a pic perhaps spmeone could explain how all the parts were intergrated (where i have pointed arrows) thanks.
Attached Thumbnails
phpbb-step-step-instructions-creating-new-template-untitled.jpg  
gdalla11 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-12-2006, 11:24 PM   #25 (permalink)
 
Sean's Avatar
 
Title: Founder/Admin
Join Date: Jan 2004
Location: Sydney, Australia
Age: 28
Posts: 8,824
Images: 386
Blog Entries: 3
Rep Power: 10 Sean will become famous soon enough
Send a message via MSN to Sean Send a message via Skype™ to Sean
Re: [phpBB] Step-By-Step Instructions to creating a new template

I did this by creating another table around the main forum.
Because the style is meant to expand with all browser sizes i used the width="100%" in my table settings instead of a fixed width like width="500"
Sean is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-13-2006, 12:40 AM   #26 (permalink)
 
Title: Member
Join Date: Jul 2006
Age: 26
Posts: 11
Rep Power: 0 gdalla11 is on a distinguished road
Re: [phpBB] Step-By-Step Instructions to creating a new template

hi, thanks for the quick response. so you say you did this by creating another table around the main forum? is it the overall header tpl i should be editing when you refer to adding another table around the main forum?

excuse my ignorance

thanks
gdalla11 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-13-2006, 02:52 AM   #27 (permalink)
 
Fragalot's Avatar
 
Title: Ipood
Join Date: Nov 2004
Location: belgium west-flandres
Age: 18
Posts: 4,418
Images: 1
Rep Power: 8 Fragalot is on a distinguished road
Send a message via ICQ to Fragalot Send a message via MSN to Fragalot Send a message via Yahoo to Fragalot
Re: [phpBB] Step-By-Step Instructions to creating a new template

the overall header and footer needs to be edited if i'm correct.
__________________

|_|0|_|
|_|_|0|
|0|0|0|

http://wargaming.org - under construction
irc.wargaming.org #wargaming

Fragalot is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-13-2006, 11:40 AM   #28 (permalink)
 
Sean's Avatar
 
Title: Founder/Admin
Join Date: Jan 2004
Location: Sydney, Australia
Age: 28
Posts: 8,824
Images: 386
Blog Entries: 3
Rep Power: 10 Sean will become famous soon enough
Send a message via MSN to Sean Send a message via Skype™ to Sean
Re: [phpBB] Step-By-Step Instructions to creating a new template

u could either do it by editing the main index template, but then u would have to edit every other page. Or u can do it via the header and footer like Fragalot said and which is done in the darkness template.

What u do is add the top section and left side in the header template, and the btoom and right side of the table in the footer template
Sean is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-13-2006, 07:57 PM   #29 (permalink)
 
Title: Member
Join Date: Jul 2006
Age: 26
Posts: 11
Rep Power: 0 gdalla11 is on a distinguished road
Re: [phpBB] Step-By-Step Instructions to creating a new template

cheers mate. so did you just design the top and side in say photoshop, then did you slice it with imageready or something? then did you create another table "width="100%"" then pop your images in the correct cells? i.e top and left. how did you get the sort of cross hatch effect on th e left too? dooes the footer cover the bottom and the left side or something, like the heade covers the right and top? or am i talking nonsense!! lol

again, great work on that skin by the way. its awesome.

Last edited by gdalla11; 07-13-2006 at 08:01 PM.
gdalla11 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 07-13-2006, 08:00 PM   #30 (permalink)
 
Title: Member
Join Date: Jul 2006
Age: 26
Posts: 11
Rep Power: 0 gdalla11 is on a distinguished road
Re: [phpBB] Step-By-Step Instructions to creating a new template

perhaps could i see your PSD/image ready files to see exactly how you went about this? if you mind, then no worries, but if you dont, then my email is griogairdallasATyahoo.co.uk where AT = @

thanks again
gdalla11 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads for: [phpBB] Step-By-Step Instructions to creating a new template
Thread Thread Starter Forum Replies Last Post
ClanzDarkness - Free phpBB Template Sean ClanzDarkness 75 09-13-2007 04:34 AM
Creating a new phpBB template Bluepearl Feeds RSS Feeds 0 07-19-2007 07:12 PM


  
Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0
Bluepearl Templates

All times are GMT +11. The time now is 01:24 PM.

 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52