Kuribo64
Views: 33,573,849 Home | Forums | Uploader | Wiki | Object databases | IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search 		04-22-26 06:52 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: 56

Posts: 707/754
EXP: 1360797
Next: 37379

Since: 06-24-14
From: treehouse

Last post: 736 days ago
Last view: 735 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: 85
avatar
Posts: 14/2062
EXP: 5688626
Next: 209914

Since: 03-14-16
From: Stabbing Wario

Last post: 1144 days ago
Last view: 1144 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
hax

Level: 168
avatar
Posts: 5026/9105
EXP: 61689615
Next: 1058902

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

Last post: 100 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: 85
avatar
Posts: 16/2062
EXP: 5688626
Next: 209914

Since: 03-14-16
From: Stabbing Wario

Last post: 1144 days ago
Last view: 1144 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
hax

Level: 168
avatar
Posts: 5027/9105
EXP: 61689615
Next: 1058902

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

Last post: 100 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: 56

Posts: 708/754
EXP: 1360797
Next: 37379

Since: 06-24-14
From: treehouse

Last post: 736 days ago
Last view: 735 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: 85
avatar
Posts: 18/2062
EXP: 5688626
Next: 209914

Since: 03-14-16
From: Stabbing Wario

Last post: 1144 days ago
Last view: 1144 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: 56

Posts: 710/754
EXP: 1360797
Next: 37379

Since: 06-24-14
From: treehouse

Last post: 736 days ago
Last view: 735 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: 85
avatar
Posts: 21/2062
EXP: 5688626
Next: 209914

Since: 03-14-16
From: Stabbing Wario

Last post: 1144 days ago
Last view: 1144 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: 28
avatar
Posts: 15/159
EXP: 122905
Next: 8433

Since: 01-07-16

Last post: 2514 days ago
Last view: 828 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
hax

Level: 168
avatar
Posts: 5032/9105
EXP: 61689615
Next: 1058902

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

Last post: 100 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: 85
avatar
Posts: 28/2062
EXP: 5688626
Next: 209914

Since: 03-14-16
From: Stabbing Wario

Last post: 1144 days ago
Last view: 1144 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: 7651
Next: 270

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

Last post: 3017 days ago
Last view: 2928 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
hax

Level: 168
avatar
Posts: 7288/9105
EXP: 61689615
Next: 1058902

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

Last post: 100 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: 25
avatar
Posts: 90/117
EXP: 78616
Next: 11004

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

Last post: 2886 days ago
Last view: 2001 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
hax

Level: 168
avatar
Posts: 7300/9105
EXP: 61689615
Next: 1058902

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

Last post: 100 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: 25
avatar
Posts: 91/117
EXP: 78616
Next: 11004

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

Last post: 2886 days ago
Last view: 2001 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: 51

Posts: 119/588
EXP: 987098
Next: 26840

Since: 03-08-13

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

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

Star Mario
hax

Level: 168
avatar
Posts: 7301/9105
EXP: 61689615
Next: 1058902

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

Last post: 100 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: 708250
Next: 3524

Since: 09-25-12
From: Germany

Last post: 1749 days ago
Last view: 904 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.090 seconds. (2048KB of memory used)
MySQL - queries: 28, rows: 235/235, time: 0.015 seconds.
 [powered by Acmlm] Acmlmboard 2.064 (2018-07-20)
© 2005-2008 Acmlm, Xkeeper, blackhole89 et al.