phpBB • Free and Open Source Forum Software

RSS Facebook Twitter

Knowledge Base

How to create a new phpBB3 style
Article ID: 475
Written By: Raimon
Written On: Mon Jul 28, 2008 3:34 pm
Description: This article explains how to clone prosilver / subsilver2 to start developing a new style.
link to this article on phpbb.com: Select All
[kb=how-to-create-a-new-phpbb3-style]How to create a new phpBB3 style[/kb]
link to this article on your own board: Select All
[url=http://www.phpbb.com/kb/article/how-to-create-a-new-phpbb3-style/]Knowledge Base - How to create a new phpBB3 style[/url]
This article explains how you can clone the subsilver2 style or prosilver style to your own new style.

Before we begin, you need to use a editor, like Notepad++ , since you need to edit files, for that read the article Tools needed to set up and customise phpBB to view more editor programs.

Now on to the explanation of how to clone the style.

prosilver

prosilver is the default style of phpBB3, you can recognize it on the round corners, and the divs (<div>).

  1. First, you need to use an FTP client to log in into the FTP server of your domain.
    When you have done that, you need to go to the phpBB3 forum location and go to /styles/prosilver/
    So the directory tree of your ftp client it will be: phpBB3/styles/prosilver/ (replacing phpBB3 with your board's directory name).
    Download the prosilver directory to your computer.
  2. First a little note, this article uses the name for the new style as yourstyle, you can always rename it to the name you like, but don't use spaces in the name.
  3. Rename the prosilver directory to yourstyle
  4. Next, rename all the .cfg files that are located at:
    • /yourstyle/style.cfg
    • /yourstyle/imageset/imageset.cfg
    • /yourstyle/template/template.cfg
    • /yourstyle/theme/theme.cfg

    You need to find on those files:

    Code: Select all
    name = prosilver
    copyright     = &copy; phpBB Group, 2007
    version     = 3.0.2

    and replace it with:

    Code: Select all
    name = yourstyle
    copyright     = &copy; yourstyle copyright
    version     = yourstyle version

    So it must look like:

    Code: Select all
    name = yourstyle
    copyright     = &copy; style author, 2008
    version     = 1.0.0

  5. After that, save all the files, and upload the yourstyle directory to your FTP client on the styles folder, where you downloaded the prosilver directory.
  6. After that you install the style.
  7. Now you have create your new phpBB3 style you can customise it, recolor it, change the header - everything you wish to do.

subsilver2

You can recognize subsilver2 by the tables (<table>) in the header.

  • Follow the steps above, but for subsilver2 instead of prosilver.
  • If you want to use template variables in the stylesheet (most people won't), open
    • /yourstyle/theme/theme.cfg
    and find the code:

    Code: Select all
    parse_css_file = off

    and replace it with:

    Code: Select all
    parse_css_file = on

That's all.
Happy styling of your own style :)

Advertisements

 BlueHost.com • Web Hosting UK • HostMonster • Reseller Web Hosting UK • FastDomain Hosting • Advertise on phpBB.com