Tips: Design your phpBB3 forum templates

[tanduy2506]

Hi dear members,

I think the template is one of the important things helps you can promote your forum.
You should attend to your forum template, friends.
Today I have a few things to share with you.

You can make your forum look better if you know a little about CSS (CSS Tutorial)
I just customized for my theme "CA Vintage" (similar with CA Vintage Blue, CA Vintage Brown)

I add a new css class into the end of CA Vintage Style Sheet (ACP > STYLES > Themes)

.block_bg {
padding: 5px;
border-radius: 5px 5px 5px 5px;
}

The block will be cooler
=>

If you have anything to share, just post here.

[Paul]

Editing colours

Using the subsilver2 template I have edited the colours to make it a bit brighter.




How to edit

ACP > Styles > templates >

choose the subsilver2 and click edit

You will now see a page with a drop down box > scroll to Stylesheet css

Find Background colour and delete the colour code (eg: #FFFFFF; )
replace with a new colour code that starts with # and ends with ;


scrool down until you find the Rows and replace with a new colour (as you have done above)


scroll down and click submit

you should now be able to see the changes on the index page

A few more I did while playing



You will notice that the rows also change not only on the index but also on the thread pages members will read so be careful not to have too bright colours


Before editing the template colours make sure you copy the original text and copy it somewhere safe in case you don't like the changes you have made.

[tanduy2506]

Cool, really cool

You will notice that the rows also change not only on the index but also on the thread pages members will read so be careful not to have too bright colours

Good advice.

Before editing the template colours make sure you copy the original text and copy it somewhere safe in case you don't like the changes you have made.

Yes, we must backup it before customizing anything

By the way, I want to share with us some more tips
You can change the background image if you like, Ex:

background: url("http://www.backgroundlabs.com/backgrounds/45.jpg") repeat scroll 0 0 transparent;

Just find some good background image like that Backgrounds and Photoshop Patterns and copy the file link.

Actually we shouldn't use background image so much. It makes your forum loads slower a little than using background color.

[Paul]

Nothing to do with templates but a bb code for links that looks nicer than just a pasted link address




Get the code here

[tanduy2506]

Originally Posted by Paul

Nothing to do with templates but a bb code for links that looks nicer than just a pasted link address




Get the code here

Nice, cool,

Thanks for your tips

[Barkerdude]

Originally Posted by Paul

Editing colours

Using the subsilver2 template I have edited the colours to make it a bit brighter.




How to edit

ACP > Styles > templates >

choose the subsilver2 and click edit

You will now see a page with a drop down box > scroll to Stylesheet css

Find Background colour and delete the colour code (eg: #FFFFFF; )
replace with a new colour code that starts with # and ends with ;


scrool down until you find the Rows and replace with a new colour (as you have done above)


scroll down and click submit

you should now be able to see the changes on the index page

A few more I did while playing



You will notice that the rows also change not only on the index but also on the thread pages members will read so be careful not to have too bright colours


Before editing the template colours make sure you copy the original text and copy it somewhere safe in case you don't like the changes you have made.

can you help me 2 do it

[Paul]

Originally Posted by Barkerdude

can you help me 2 do it

Yes
Send me a pm at your forum with what you want
colours etc

[Sp0k]

Q..
Editing colours

will this work for the panel boxes

cuz i would like to change the color same as the theme..

http://deepwater.forummate.com/index.php

[Paul]

Originally Posted by Sp0k

Q..
Editing colours

will this work for the panel boxes

cuz i would like to change the color same as the theme..

http://deepwater.forummate.com/index.php

I think tanduy has fixed your style now so the blocks are correct colour

Editing themes are a little advanced for some members to do, I would not recommend it unless you know what your doing.

If you do attempt to change your theme's colours copy your current theme into a text editor and save in case you make a mess.