Posted on 07-21-16, 11:40 pm (rev. 4 by Aurum on 10-01-17, 10:19 pm)

Super Koopa
Careful with that axe, Eugene!


Posts: 254/854
Since: 10-08-14

Last post: 47 days
Last view: 12 hours
First of all, I recommend you to learn how to use CSS first. This site provides some really good information about it! Also, if you want to host CSS files, images or other files which are required by your layout, please upload them on a reliable hoster to reduce loading times or prevent broken layouts!

In this thread I'll explain to you how to create your own post layout. To do this, you'll have to edit your profile. Go to the tab Post layout. Don't forget to check Apply to whole post box!

Customizing


Your post box is split into several parts, as shown in the following image.
You can customize each of these.


.tableX: This one contains the whole post box and the other four elements.
.mainbarX: Contains the text, spoilers, quotes and more!
.sidebarX: Information about the user.
.topbarX_1: User name.
.topbarX_2: Post information.
Where X is your user ID.

Let's say you want to make your mainbar's background black and change the font color to white. For this, you would use the following CSS:
.mainbar123 { color: white; background: black; }

If you want to set the font size for the whole post box, you would do this:
.table123 { font-size: 20px; }

You can also edit the style of things like spoilers:
.quote
.quoteheader
.quotecontent
.spoiler
.spoiled
.spoilerbutton
.codeblock
_________________________
[22:47:32] Tahcryon: Sad to hear that you won’t be shitting out SMG levels, Aurum
[22:47:42] Aurum: shitting out smg levels
[22:47:47] Aurum: I really wish it would be like this
[22:47:57] Aurum: it would make things so much easier
Posted on 07-22-16, 01:47 pm
Otherwise known as rob55rod. Just call me Splitty, k?


Posts: 116/136
Since: 03-28-16

Last post: 535 days
Last view: 5 hours
The sample image broke. Managed to recover it, though, via some URL manipulation:

.tableX: This one contains the whole post box and the other four elements.
.mainbarX: Contains the text, spoilers, quotes and more!
.sidebarX: Information about the user.
.topbarX_1: User name.
.topbarX_2: Post information.
Where X is your user ID.
Posted on 07-22-16, 02:10 pm

Super Koopa
Careful with that axe, Eugene!


Posts: 256/854
Since: 10-08-14

Last post: 47 days
Last view: 12 hours
Thank you for telling me. I've fixed it.
_________________________
[22:47:32] Tahcryon: Sad to hear that you won’t be shitting out SMG levels, Aurum
[22:47:42] Aurum: shitting out smg levels
[22:47:47] Aurum: I really wish it would be like this
[22:47:57] Aurum: it would make things so much easier
Posted on 08-30-16, 12:37 am

Paragoomba
maybe here


Posts: 66/77
Since: 07-02-16

Last post: 180 days
Last view: 12 days
Oh, and I should also note.

Copy-pasting your layout from another board?

Remember to change the userID's next to the tables and mainbars/sidebars. It will not work if you don't change it.

And as Cosmic Eternity said in the theme thread, copypasting from ABXD is a bit different. You have to change all #body to body, since ABXD had a pound sign in front of it, while Blargboard won't recognize it's supposed to be the body. Just a few tips.
_________________________
-fiverpost™
Posted on 02-02-17, 07:55 pm
Pro lurker
Almost inactive here


Posts: 3/6
Since: 08-21-16

Last post: 282 days
Last view: 184 days
Sorry for the bump (oh it's a sticky) but there doesn't seem that those class works. And my layout isn't working.

So, below i post the code i am using now. What am i doing wrong?





Layout made by me, fixed by Aurum
Posted on 02-02-17, 08:17 pm (rev. 1 by Aurum on 02-02-17, 08:18 pm)

Super Koopa
Careful with that axe, Eugene!


Posts: 554/854
Since: 10-08-14

Last post: 47 days
Last view: 12 hours
You forgot to tick "Apply layout to whole post". I fixed that for you.

(that's a nice shiny Budew you got there.)
_________________________
[22:47:32] Tahcryon: Sad to hear that you won’t be shitting out SMG levels, Aurum
[22:47:42] Aurum: shitting out smg levels
[22:47:47] Aurum: I really wish it would be like this
[22:47:57] Aurum: it would make things so much easier
Posted on 04-29-17, 07:56 pm

Super Koopa
Careful with that axe, Eugene!


Posts: 584/854
Since: 10-08-14

Last post: 47 days
Last view: 12 hours
The .topbarX_1 and .topbarX_2 finally work as they were supposed to, so there shouldn't be any more problems concerning these. I also fixed the picture in the first post.
_________________________
[22:47:32] Tahcryon: Sad to hear that you won’t be shitting out SMG levels, Aurum
[22:47:42] Aurum: shitting out smg levels
[22:47:47] Aurum: I really wish it would be like this
[22:47:57] Aurum: it would make things so much easier
Posted on 08-21-17, 05:26 pm
Will start a hack by doing a logo...


Posts: 30/68
Since: 07-10-17

Last post: 52 days
Last view: 9 hours

Actually, what do I use to customize the spoiler button and the spoiler box? I used the following code inconclusively:
.spoilerbutton88 { padding: 16px; background-color: #00001a; border: white solid 2px; border-radius: 16px; }
Apparently the .spoilerbutton thing doesn't change the spoiler button, or I am using it wrong?
.spoiler88 { padding: 16px; background-image: url("https://AnAPressIsAnAPress.bmp"); border: white solid 2px; border-radius: 16px; }

What does me do wrong?