How to edit phpBB 2.0 css files
This tutorial applies to subSilver and other similar phpBB 2.0 styles that use template variables instead of external css.
There are two ways of editing style colors:
1. You can edit it in styles management in admin control panel. Hovewer that method is limited because most styles don't support it and when changing one color it will change color in several places at the same time.
2. You can edit .css file. With this method you'll be able to control every aspect of style sheet. This tutorial explains how to make style editable in this way.
1. Open overall_header.tpl, find this:
There are two ways of editing style colors:
1. You can edit it in styles management in admin control panel. Hovewer that method is limited because most styles don't support it and when changing one color it will change color in several places at the same time.
2. You can edit .css file. With this method you'll be able to control every aspect of style sheet. This tutorial explains how to make style editable in this way.
1. Open overall_header.tpl, find this:
Code:
- <style type="text/css">
- <!--
and delete all code until this (including start and end that I wrote here):
Code:
- -->
- </style>
2. Find this:
Code:
- <!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->
and replace with this:
Code:
- <link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
(notice changes at the beginning and end of that line)
3. Repeat those steps for simple_header.tpl and admin/page_header.tpl (in admin/page_header.tpl second part of code is slightly different because path to .css file is different - edit only start and end of line without changing path to css)
That's all. Now you can edit subSilver.css
3. Repeat those steps for simple_header.tpl and admin/page_header.tpl (in admin/page_header.tpl second part of code is slightly different because path to .css file is different - edit only start and end of line without changing path to css)
That's all. Now you can edit subSilver.css