Tips: Design your phpBB3 forum templates

Started by tanduy2506, November 24, 2011, 01:44:20 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

tanduy2506

Hi dear members,:spin:

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)
Quote.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

#1
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 :playfull:

 

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

#2
Cool, really cool :dance:
QuoteYou 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.
 
QuoteBefore 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 :smiley-tongue-out:

By the way, I want to share with us some more tips :D
You can change the background image if you like, Ex:
Quotebackground: 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

Quote from: Paul;540648Nothing 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

Quote from: Paul;540564Editing 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 :playfull:

 

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

Quote from: Barkerdude;540696can 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

Quote from: Sp0k;541899Q..
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.