|Creating div tag layout|
Creating div tag layout (Templates only!)
-PunBB or PhpBB2 forum
-Basic knowledge of CSS and HTML
When you want to get the max out of your forum you need to use PunBB or PhpBB2.
PunBB and PhpBB2 allowe us to edit templates. This allowes you to edit pretty much every single part.
But to make things easier you can also put div tags all over the place.
Div tags are probably one of the most used tags in html. It allowes you to give a certain part a background, align things and many more.
Today i will teach how to make a div tag for a layout, a background.
As you might have noticed in your templates you see alot things like
You can do this if you want to make your own layout, like Jalokim and me.
But there for you will need to know how to make your own div class tags.
First of all, you will need to create it
Second of all you will need to add it
To create it go to the CSS style page of your forum.
There might be some CSS in it already.
The CSS code we are gona add looks like this. You might put some extra stuff on it but thats not nessencary. This is the basic code you need.
and stuff like that
But im gona go with the basic one for now
So you fill it in
Oh my god, did you just made your own div layout?!
Yes you did.
What we are gona do now is adding it in your HTML
Thats really simple
This is the code we need
Like this in example
The result would be:
some other things you can add in your CSS for the div tag:
This tutorial was written by Lil-J.
- Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch
Permissions in this forum:You cannot reply to topics in this forum