Author Topic: Tips: Design your phpBB3 forum templates  (Read 19829 times)

0 Members and 1 Guest are viewing this topic.

Offline tanduy2506

  • Administrator
  • ForumMate Hero
  • *****
  • Posts: 2151
  • Karma: 110
    • View Profile
Tips: Design your phpBB3 forum templates
« on: November 24, 2011, 01:44:20 am »
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.

Offline Paul

  • Global Moderator
  • *****
  • Posts: 580
  • Karma: 10
    • View Profile
    • famous babes
Tips: Design your phpBB3 forum templates
« Reply #1 on: November 24, 2011, 09:31:49 am »
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.
« Last Edit: November 24, 2011, 09:34:22 am by Paul »

Offline tanduy2506

  • Administrator
  • ForumMate Hero
  • *****
  • Posts: 2151
  • Karma: 110
    • View Profile
Tips: Design your phpBB3 forum templates
« Reply #2 on: November 24, 2011, 11:24:38 am »
Cool, really cool :dance:
Quote
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.
 
Quote
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 :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:
Quote
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.
« Last Edit: November 24, 2011, 10:08:59 pm by tanduy2506 »

Offline Paul

  • Global Moderator
  • *****
  • Posts: 580
  • Karma: 10
    • View Profile
    • famous babes
Tips: Design your phpBB3 forum templates
« Reply #3 on: December 01, 2011, 06:43:43 am »
Nothing to do with templates but a bb code for links that looks nicer than just a pasted link address




Get the code here

Offline tanduy2506

  • Administrator
  • ForumMate Hero
  • *****
  • Posts: 2151
  • Karma: 110
    • View Profile
Tips: Design your phpBB3 forum templates
« Reply #4 on: December 01, 2011, 08:52:38 am »
Quote from: Paul;540648
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 :)

Offline Barkerdude

  • Full Member
  • ***
  • Posts: 209
  • Karma: 10
    • View Profile
    • http://shaun.forummate.com/index.php
Tips: Design your phpBB3 forum templates
« Reply #5 on: December 05, 2011, 04:32:43 pm »
Quote from: Paul;540564
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.


can you help me 2 do it

Offline Paul

  • Global Moderator
  • *****
  • Posts: 580
  • Karma: 10
    • View Profile
    • famous babes
Tips: Design your phpBB3 forum templates
« Reply #6 on: December 05, 2011, 04:59:38 pm »
Quote from: Barkerdude;540696
can you help me 2 do it


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

Offline Sp0k

  • Full Member
  • ***
  • Posts: 158
  • Karma: 10
    • View Profile
    • http://deepwater.forummate.com
Tips: Design your phpBB3 forum templates
« Reply #7 on: April 09, 2012, 01:58:42 pm »
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

Offline Paul

  • Global Moderator
  • *****
  • Posts: 580
  • Karma: 10
    • View Profile
    • famous babes
Tips: Design your phpBB3 forum templates
« Reply #8 on: April 09, 2012, 02:36:35 pm »
Quote from: Sp0k;541899
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.