Views: 8,815,220 Home | Forums | Uploader | Wiki | Object databases | IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search
10-17-18 06:26 AM
Guest:

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

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

Pages: 1 2 3 4 5 6 7 8
Tierage
Posted on 03-14-16 07:17 PM Link | #68577
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.


...Yourself

LeftyGreenMario
Posted on 03-14-16 07:34 PM Link | #68579
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.

StapleButter
Posted on 03-14-16 07:38 PM (rev. 2 of 03-14-16 07:39 PM) Link | #68581
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

communism

LeftyGreenMario
Posted on 03-14-16 07:54 PM Link | #68582
Anything I can do in the meantime? I mean, I didn't have this problem in RVLution, only here...

StapleButter
Posted on 03-14-16 07:57 PM Link | #68583
raise the min-height


32.5em should be fine

____________________
NSMBHD - Kafuka - Jul

communism

Tierage
Posted on 03-14-16 09:06 PM Link | #68589
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.


...Yourself

LeftyGreenMario
Posted on 03-14-16 09:41 PM Link | #68592
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.

Tierage
Posted on 03-14-16 09:45 PM Link | #68593
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.


...Yourself

LeftyGreenMario
Posted on 03-14-16 10:37 PM Link | #68599
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 04:30 AM Link | #68613
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

StapleButter
Posted on 03-15-16 05:20 AM Link | #68614
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

communism

LeftyGreenMario
Posted on 03-15-16 03:59 PM (rev. 4 of 03-15-16 04:05 PM) Link | #68639
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 04:48 AM Link | #81922
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.

StapleButter
Posted on 03-12-17 09:11 AM Link | #81946
you can see the positive side of it: it does leave you a lot of room for improvement :)

____________________
NSMBHD - Kafuka - Jul

communism

Platinatic
Posted on 03-19-17 10:51 AM Link | #82057
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

StapleButter
Posted on 03-19-17 05:42 PM Link | #82065
the header is added before your post, the signature is added after.

____________________
NSMBHD - Kafuka - Jul

communism

Platinatic
Posted on 03-19-17 06:06 PM Link | #82066
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 06:08 PM Link | #82067
uncheck the "Show signature separator" tickbox.
[17:45:16] IceFairyAmy: i don't want a girlfriend tbh, it'd be a waste of time

StapleButter
Posted on 03-19-17 06:13 PM Link | #82068
as said above.

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

____________________
NSMBHD - Kafuka - Jul

communism

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

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! New reply

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