FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

phpBB question

   Frihost Forum Index -> Webmaster and Internet -> Design Tips
 


rafifaisal
Can anyone help me out on this one.
I have installed a template on my forum. But I want to change the textcolour and the table colours.
Can anyone tell me where and how i have to do this ? ?
Scorpio
In the PhpBB folder you will have different folders like admin, cache, includes etc

In that go into the folder templates.
inside that go to the folder that has the name of your template
In that there are different files.

For changing the layout and background etc, find a file with an extension .css. Open it.

The values must be modified there(changing the colors etc)

Preferably let the colors be in hexadecimal format(#12a3v)

Change whatever you want, save it and upload the file to your forum directory on your site

You have to replace the already existing css file there.

You are Done.

Or you can modify the css file online in directadmin
rafifaisal
I prefer changing it in the direct admin.
But what is the text color as there are different fields you can put a color in.
engeland
i think you need to modify the template scripts. are you familiar with css? if you are, the better Wink
rafifaisal
Well I am familiar with it but dont get too technical on it Wink
wumingsden
In the file *your_template_name*.css you should find the following:

Code:

The largest text used in the index page title and toptic title etc


If you are using the template subSilver then the code should look like this:

Code:

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #000000;
}


Here you'll have to change "#000000" to change the colour of the writing.

Other colours to change are:

Find:
Code:

General text


Full code is

Code:

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #DD6900; text-decoration: underline; }


as you see there are a number of colours you can change.

also...

Code:

/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link   { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


In the template file it explains all code in between the "/*" and "*/" tags
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.