DSHack

Archive Generated December 23rd, 2018
Post Layout Tutorial
Author Posted on 2015/07/05
#60
MKGirlism In this Tutorial, I'll teach you how to make your own Post Layouts.
But before we start, let me explain a few differences between AcmlmBoard/BlargBoard/ABXD, and this Forum:
1. Instead of using Underscores (_) with your User ID, you should use a Hyphen (-).
2. There is no "tableN" (N = Your User ID) ID/Class in this Software, so it has no use to use it.
Edit: Nevermind, "tableN" has been added in.

Important: You should have a basic understanding of CSS and HTML, before you continue.
Also, in this Tutorial, I won't be using Enters, but it's highly recommended you do so, in practise.

There are 2 ways of creating a Post Layout:
1. Body-only.
2. Entire Post.

Let's start off with how to make a Body-only Layout:
When you Edit your Profile, you should see 2 big Text Boxes: Header and Footer.
In the Header, put all your CSS Code within the following Tags:


To keep things simple, make an ID you want, which goes like this:
.something { }

To know how to use CSS, check out W3Schools.

Once you finished your CSS Code, finish off your Header with something like:


Then finally, in the Footer, add the following:


Note: Make sure you put your Signature BEFORE the ending DIV Tag, or it'll look weird.
Also, you must manually use Enters, using this Tag:


If you use a Signature, I also highly recommend to start off your Footer, using this:


That will add a Line through your Post, so you can properly separate your Signature from the rest of the Post.




Now for the Entire Post one:
When you Edit your Profile, you should see 2 big Text Boxes: Header and Footer.
In the Header, put all your CSS Code within the following Tags:


To summarise, these are the IDs you want to use:
.topbarN-1 { }
.topbarN-2 { }
.mainbarN { }
.mainbarN-1 { }
.sidebarN { }


Replace "N" by your User ID.
If you don't know your User ID, go to your own Profile, and in the URL, notice what you see, after "&uid=".
Don't use other peoples' User ID, you'll be the one to get into trouble, in the end (in case you do it on purpose).

To know how to use CSS, check out W3Schools.

Note: Make sure you put your Signature BEFORE the ending DIV Tag, or it'll look weird.
Also, you must manually use Enters, using this Tag:


If you use a Signature, I also highly recommend to start off your Footer, using this:


That will add a Line through your Post, so you can properly separate your Signature from the rest of the Post.