Kuribo64
Views: 22,699,406 Home | Forums | Uploader | Wiki | Object databases | IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search 		09-16-24 08:21 PM
Guest:

0 users reading How to make a post layout! | 1 bot

Main - Site help, bug reports, suggestions - How to make a post layout! Hide post layouts | New reply

Pages: 1 2 3 4 5 6 7 8
kaj
Posted on 03-14-16 11:17 PM Link | #68577

Lantern Ghost
the gummiest worm of them all

Level: 55

Posts: 707/754
EXP: 1265656
Next: 48533

Since: 06-24-14
From: treehouse

Last post: 153 days ago
Last view: 152 days ago
nice class names :P

There's going to be a big empty space at the bottom of all of your posts because your full post box is expanded because of your avatar. Without the avatar, you could go with around 12em, but with your avatar, you should go with around 26em so it doesn't cut off strange on short posts.

One way to fill up the weird blank space below your post contents on short posts is to have more in your signature. Doing that is probably the best way to hide the negative space.

LeftyGreenMario
Posted on 03-14-16 11:34 PM Link | #68579
[image]
Don't like politics? Too bad, it's-a Mario time.

Level: 83
avatar
Posts: 14/2062
EXP: 5220122
Next: 212099

Since: 03-14-16
From: Stabbing Wario

Last post: 561 days ago
Last view: 561 days ago
blarg

Hm, so is it a problem on my part of the post-layout (and avatar size) or the site simply didn't appropriately adjust to the avatar size? Because if I do go with min height, it pads out my post.

I don't want to have a huge signature either.

Arisotura
Posted on 03-14-16 11:38 PM (rev. 2 of 03-14-16 11:39 PM) Link | #68581

Star Mario
in this room you have a pile of apple pies

Level: 164
avatar
Posts: 5026/9034
EXP: 57336527
Next: 365863

Since: 07-03-12
From: in a box :D

Last post: 2 days ago
Last view: 2 days ago
remember that signatures are limited in height, though


150px or so


oh well. the rules say 100px at the default font size

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

LeftyGreenMario
Posted on 03-14-16 11:54 PM Link | #68582
[image]
Don't like politics? Too bad, it's-a Mario time.

Level: 83
avatar
Posts: 16/2062
EXP: 5220122
Next: 212099

Since: 03-14-16
From: Stabbing Wario

Last post: 561 days ago
Last view: 561 days ago
Anything I can do in the meantime? I mean, I didn't have this problem in RVLution, only here...

Arisotura
Posted on 03-14-16 11:57 PM Link | #68583

Star Mario
in this room you have a pile of apple pies

Level: 164
avatar
Posts: 5027/9034
EXP: 57336527
Next: 365863

Since: 07-03-12
From: in a box :D

Last post: 2 days ago
Last view: 2 days ago
raise the min-height


32.5em should be fine

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

kaj
Posted on 03-15-16 01:06 AM Link | #68589

Lantern Ghost
the gummiest worm of them all

Level: 55

Posts: 708/754
EXP: 1265656
Next: 48533

Since: 06-24-14
From: treehouse

Last post: 153 days ago
Last view: 152 days ago
If anything, you could try increasing the padding in either the background, the post box, or both. But taking that too far could make it look weird.

LeftyGreenMario
Posted on 03-15-16 01:41 AM Link | #68592
[image]
Don't like politics? Too bad, it's-a Mario time.

Level: 83
avatar
Posts: 18/2062
EXP: 5220122
Next: 212099

Since: 03-14-16
From: Stabbing Wario

Last post: 561 days ago
Last view: 561 days ago
Well, I think the current design is fine, but if there's any way to align the image to the bottom-left corner of the post so it shows up in the bottom left in shorter posts, then that would be great. I've looked through the Internet and couldn't find a satisfying method to do it.

kaj
Posted on 03-15-16 01:45 AM Link | #68593

Lantern Ghost
the gummiest worm of them all

Level: 55

Posts: 710/754
EXP: 1265656
Next: 48533

Since: 06-24-14
From: treehouse

Last post: 153 days ago
Last view: 152 days ago
I'm no CSS expert, but increasing the padding on the top might work. You could look at the code for others' layouts that have images for an idea.

LeftyGreenMario
Posted on 03-15-16 02:37 AM Link | #68599
[image]
Don't like politics? Too bad, it's-a Mario time.

Level: 83
avatar
Posts: 21/2062
EXP: 5220122
Next: 212099

Since: 03-14-16
From: Stabbing Wario

Last post: 561 days ago
Last view: 561 days ago
I'm not sure if that'll fix the problem. It's not about the size of the space, it's ensuring the image always sticks to the bottom of the post container.

RanAS
Posted on 03-15-16 08:30 AM Link | #68613
Normal user

Level: 27
avatar
Posts: 15/159
EXP: 112971
Next: 3188

Since: 01-07-16

Last post: 1931 days ago
Last view: 245 days ago
I know of a simple way to do that. You need to turn your image into a background (another class to add to your CSS) and call it right after the normal background but not after the post box.

Basically: make another <div> between .DK-burgers and .Mario-vomit (great names) and put apply some CSS to it.
{background: url(http://www.mariowiki.com/images/archive/b/be/20160129041424%21Mario_OK%21_-_Animated_Sticker.gif) bottom no-repeat;min-height:[MINIMUM HEIGHT HERE];}

You're going to need to remove the min-height and padding properties from your background and add it to this extra class, but it should work. Hell, that's how it works with my post layout (there's two separate images, one that always sticks to the bottom).
"The quieter you become, the more you are able to hear." --Ram Dass

Arisotura
Posted on 03-15-16 09:20 AM Link | #68614

Star Mario
in this room you have a pile of apple pies

Level: 164
avatar
Posts: 5032/9034
EXP: 57336527
Next: 365863

Since: 07-03-12
From: in a box :D

Last post: 2 days ago
Last view: 2 days ago
reminds me of something that could be cool: a class checker; you give it a CSS class and it tells you whether someone is using it (or if it's used by the board)

might also help you generate class names that aren't used...?

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

LeftyGreenMario
Posted on 03-15-16 07:59 PM (rev. 4 of 03-15-16 08:05 PM) Link | #68639
[image]
Don't like politics? Too bad, it's-a Mario time.

Level: 83
avatar
Posts: 28/2062
EXP: 5220122
Next: 212099

Since: 03-14-16
From: Stabbing Wario

Last post: 561 days ago
Last view: 561 days ago
Posted by RanAS
I know of a simple way to do that. You need to turn your image into a background (another class to add to your CSS) and call it right after the normal background but not after the post box.

Basically: make another <div> between .DK-burgers and .Mario-vomit (great names) and put apply some CSS to it.
{background: url(http://www.mariowiki.com/images/archive/b/be/20160129041424%21Mario_OK%21_-_Animated_Sticker.gif) bottom no-repeat;min-height:[MINIMUM HEIGHT HERE];}

You're going to need to remove the min-height and padding properties from your background and add it to this extra class, but it should work. Hell, that's how it works with my post layout (there's two separate images, one that always sticks to the bottom).

Thanks a lot (and also for the compliment)! It helped tremendously! Well, there's a big space there in small posts, but that can't be helped, I guess. I should probably increase the padding around the main message and maybe make a signature composed of text, but I don't feel like adding bargledygoop. Also, my box would cover the image if the post is too long, but I guess I'll just pad the bottom??? Edit: Did it. Have some Wario hot dogs. :P

Posted by StapleButter
reminds me of something that could be cool: a class checker; you give it a CSS class and it tells you whether someone is using it (or if it's used by the board)

might also help you generate class names that aren't used...?

Since it's easy to keep track of who uses post-layouts and who doesn't maybe make a list for now, if we haven't?

Kobolite
Posted on 03-11-17 09:48 AM Link | #81922

Goomba
got em

Level: 12
avatar
Posts: 7/26
EXP: 6950
Next: 971

Since: 03-09-17
From: netherlands like 3 inches away from germany

Last post: 2434 days ago
Last view: 2345 days ago 		well sadly i suck at coding

____________________
i would love the have a post layout. but i suck at coding. so i guess this text is my post layout or something.

Arisotura
Posted on 03-12-17 01:11 PM Link | #81946

Star Mario
in this room you have a pile of apple pies

Level: 164
avatar
Posts: 7288/9034
EXP: 57336527
Next: 365863

Since: 07-03-12
From: in a box :D

Last post: 2 days ago
Last view: 2 days ago
you can see the positive side of it: it does leave you a lot of room for improvement :)

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

Platinatic
Posted on 03-19-17 02:51 PM Link | #82057

Koopa
Cat in his spare time

Level: 24
avatar
Posts: 90/117
EXP: 72435
Next: 5690

Since: 09-28-15
From: over there!

Last post: 2303 days ago
Last view: 1418 days ago
I made a post layout in browser, but it's not like the one in the tutorial.
I'm not an expert on HTML (or coding in general), so I made mine by looking at the layout of other people (StapleButter and LeftyGreenMario) and tried to mimic the structure of their code.

Now I have two questions:
-what do I have to paste in the "Header" section?
-Is there anything missing in/wrong with my code?

Here's the code, if that helps:
Pastebin.com

Arisotura
Posted on 03-19-17 09:42 PM Link | #82065

Star Mario
in this room you have a pile of apple pies

Level: 164
avatar
Posts: 7300/9034
EXP: 57336527
Next: 365863

Since: 07-03-12
From: in a box :D

Last post: 2 days ago
Last view: 2 days ago
the header is added before your post, the signature is added after.

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

Platinatic
Posted on 03-19-17 10:06 PM Link | #82066

Koopa
Cat in his spare time

Level: 24
avatar
Posts: 91/117
EXP: 72435
Next: 5690

Since: 09-28-15
From: over there!

Last post: 2303 days ago
Last view: 1418 days ago
All right, I think it worked!
One more question: how do get rid of that line on the bottom? Does it have something to do with my signature?

Thierry
Posted on 03-19-17 10:08 PM Link | #82067
Normal user

Level: 49

Posts: 119/566
EXP: 873692
Next: 10191

Since: 03-08-13

Last post: 2 days ago
Last view: 2 days ago 		uncheck the "Show signature separator" tickbox.

Arisotura
Posted on 03-19-17 10:13 PM Link | #82068

Star Mario
in this room you have a pile of apple pies

Level: 164
avatar
Posts: 7301/9034
EXP: 57336527
Next: 365863

Since: 07-03-12
From: in a box :D

Last post: 2 days ago
Last view: 2 days ago
as said above.

regardless, good job, that's a cool layout you've got there.

____________________
NSMBHD - Kafuka - Jul
melonDS the most fruity DS emulator there is

zafkflzdasd

RicBent
Posted on 03-20-17 05:28 PM Link | #82072
Administrator

Level: 46
avatar
Posts: 252/466
EXP: 665303
Next: 46471

Since: 09-25-12
From: Germany

Last post: 1166 days ago
Last view: 321 days ago

Your layout reminds me a lot of the AMD logo :P

____________________
GitHub - YouTube - NSMBHD
Pages: 1 2 3 4 5 6 7 8

Main - Site help, bug reports, suggestions - How to make a post layout! Hide post layouts | New reply

Page rendered in 0.067 seconds. (2048KB of memory used)
MySQL - queries: 26, rows: 231/231, time: 0.009 seconds.
 [powered by Acmlm] Acmlmboard 2.064 (2018-07-20)
© 2005-2008 Acmlm, Xkeeper, blackhole89 et al.