How to make my forum like this?

[shaxi ae]

How can I make my forum like this:

[SLGray]

Could you please be more specific on what you want?

[shaxi ae]

[Kite Trojan]

http://www.xenonduelacademy.com/forum HE means this. He is talking about the layout

[Base]

Hello,

The forum in question has been customised using CSS. We cannot give our the forum's CSS.

[Ange Tuteur]

Hello,

The forum in question has been customised using CSS. We cannot give our the forum's CSS.

Correct, moreover the forums templates have been modified much. If you wish for the style it would be best to ask an administrator or founder of that forum for permission. This is beyond our range of support as it would take much time to even recreate the design of this forum specifically for one user.

---

You can modify the templates here : ( please note your version must be phpbb2 / punbb )
Administration Panel > Display > Templates

Find a template you wish to modify and edit it, and when finished publish the template to make it public.

Once you have edited the template you can style a specific element of it with CSS if you have used a class name.

HTML Class example :

Code:

<div class="new_div">My div element</div>

CSS example :

Code:

.new_div { background:red; }

The above will give my div element a red background.

All CSS styles should go here :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

For CSS it is always the same thing,
We have our selectors, properties, and values. A selector is something we use to modify an HTML element so for example : div.blockelement a <= this will select any 'div' element with the class 'blockelement' and any link inside this element.

Our selectors can be :
anything that follows a period ( . ) is a class, and anything that follows a hash ( # ) is an ID. After our selector we use curly brackets, between these brackets we write our style for that element.

There is always a property ( such as background, color, font-size, ect.. )
and a value ( such as red, blue, 10px, ect.. )

Code:

.class {
property:value;
property:value;
property:value;
}

If you need additional help with HTML or CSS you should consult these tutorials :
HTML Tutorial
CSS Tutorial

but remember that you can always contact us here for support if you encounter problems.

I hope that will be sufficient information for you.