Here's my shiny new layout.

Points of Required Attention™

Please chime in on a proposed restructuring of the ROM hacking sections.

05-02-24 02:32 PM

Guest: Register | Login

0 users currently in Modern Art | 1 guest

Main - Modern Art - Here's my shiny new layout.

New thread | New reply

Pages: 1 2

Mega-Mario

Posted on 12-08-09 11:05 PM (rev. 17 of 12-25-09 01:44 PM)

Link | Quote | ID: 121896

Spamming from alt accounts.
Level: 81

Posts: 30/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

So yeah. Chocolate layout. People should like it

Posted by an user at Board2 who obviously made this post
Here's a quote. As you can see, quote boxes have their own style too.
Small stretch test for quote box...

Passed.
Now testing multiquote...
Posted by the same user as just before
Quote1
Posted by him again
Quote2
Posted by someone you know well
Quote3
Posted by Mega-Quoter
Quote4
Posted by Mega-Mario, who's getting tired of that... let's stop it now, okay?
Quote5

And okay.

Here's a link. But don't click it, it leads nowhere. Unless you want to know what nowhere is.

Stretch test...
Not needed anymore

v1.0
The text color was selected to make it contrast with the background highly, without hurting eyes.

The post box has a translucent brown background to help the text compete less with the background (which is already not very busy). People using IE6 and older will not see this translucency because it's actually a PNG (CSS opacity sucks).

The chocolate background was taken from FilterForge, a nice place where you can find lots of backgrounds which tile seamlessly. Put it in my ImageShack account so I don't feel like a bandwidth stealer.

The PNG was made with Photoshop, but really, any image editing software other than MS Paint sure can do that.

v1.1
Text/border color changed to #ffefdf.

v2.0
Fixed the background issue on small posts.
Added a mushroom picture at the right.

v2.1
Shrunk the mushroom to 200x200.
An attempt to give the quoteboxes better appearance.

v2.2
Three 100x100 mushrooms (actually one image) replace that 200x200 mushroom. They represent what Mario needs every day to survive. Also their ordering is inspired from Traffic Light's layout

v2.3
One image per mushroom now. So that they adjust to fill empty space better when the post is bigger.

So... how is it? Opinions are welcome! That's what this thread is for!

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Traffic Light

Posted on 12-08-09 11:17 PM

Link | Quote | ID: 121898

Level: 64

Posts: 376/939
EXP: 2211540
Next: 2557

Since: 02-29-08

Last post: 4614 days
Last view: 1708 days

I don't think Cyan and Brown look good together, I'd use white for the text or some very light shade of the same Brown.

____________________

Mega-Mario

Posted on 12-09-09 12:35 PM

Link | Quote | ID: 121960

Spamming from alt accounts.
Level: 81

Posts: 33/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Changed the color to a very light shade of brown (#ffefdf). Also changed color for links so they're more visible.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Stark

Posted on 12-09-09 12:36 PM (rev. 3 of 12-09-09 12:38 PM)

Link | Quote | ID: 121961

Puella Magi

Last post: 4671 days
Last view: 3889 days

Posted by Mega-Mario
Changed the color to a very light shade of brown (#ffefdf). Also changed color for links so they're more visible.

Better. Though, the quote is a bit obnoxious to look at.

Edit: And when you don't have much text, your layout cuts out before the bottom border. Looks poor.

____________________
Pay attention. This will be on the test.

Mega-Mario

Posted on 12-09-09 12:53 PM

Link | Quote | ID: 121963

Spamming from alt accounts.
Level: 81

Posts: 34/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Posted by Stark
Posted by Mega-Mario
Changed the color to a very light shade of brown (#ffefdf). Also changed color for links so they're more visible.
Better. Though, the quote is a bit obnoxious to look at.

Edit: And when you don't have much text, your layout cuts out before the bottom border. Looks poor.

Quotebox style changed: nuked the horizontal lines, more narrow border, and more padding.

Also, I'm going to fix the background issue on small posts. But I didn't figure out a way to arrange for that yet.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Stark

Posted on 12-09-09 02:05 PM

Link | Quote | ID: 121965

Puella Magi

Last post: 4671 days
Last view: 3889 days

Posted by Mega-Mario
Posted by Stark
Posted by Mega-Mario
Changed the color to a very light shade of brown (#ffefdf). Also changed color for links so they're more visible.
Better. Though, the quote is a bit obnoxious to look at.

Edit: And when you don't have much text, your layout cuts out before the bottom border. Looks poor.

Quotebox style changed: nuked the horizontal lines, more narrow border, and more padding.

Also, I'm going to fix the background issue on small posts. But I didn't figure out a way to arrange for that yet.

Your quotebox is still a bit wide, isn't it? It really stands out stacking so many times when multiquoted. Wide lines are irritating to the eye.

____________________
Pay attention. This will be on the test.

Mega-Mario

Posted on 12-09-09 02:59 PM

Link | Quote | ID: 121966

Spamming from alt accounts.
Level: 81

Posts: 36/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Posted by Stark
Posted by Mega-Mario
Posted by Stark
Posted by Mega-Mario
Changed the color to a very light shade of brown (#ffefdf). Also changed color for links so they're more visible.
Better. Though, the quote is a bit obnoxious to look at.

Edit: And when you don't have much text, your layout cuts out before the bottom border. Looks poor.

Quotebox style changed: nuked the horizontal lines, more narrow border, and more padding.

Also, I'm going to fix the background issue on small posts. But I didn't figure out a way to arrange for that yet.
Your quotebox is still a bit wide, isn't it? It really stands out stacking so many times when multiquoted. Wide lines are irritating to the eye.

More narrow border. Less margin to the left of the quoteboxes, and nuked their borders. HR's are back.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Kawa

Posted on 12-09-09 03:21 PM

Link | Quote | ID: 121967

CHIKKN NI A BAAZZKIT!!!
80's Cheerilee is best pony
Level: 138

Posts: 2939/5344
EXP: 30960033
Next: 702948

Since: 02-20-07
From: The Netherlands

Last post: 4504 days
Last view: 2639 days

I wouldn't use a one-pixel PNG for that transparency effect. If it's a single RGBA value, a 64x64 PNG won't be very much bigger in file size, but tile faster.

____________________
Wife make lunch - Shampoo
Opera - give it a spin
Spare some of your free time?
<GreyMaria> I walked around the Lake so many goddamn times that my sex drive was brutally murdered
Kawa rocks

— byuu

Mega-Mario

Posted on 12-09-09 03:24 PM

Link | Quote | ID: 121969

Spamming from alt accounts.
Level: 81

Posts: 37/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

FG image changed to 64x64. Is it faster for you now?

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Kawa

Posted on 12-09-09 03:26 PM

Link | Quote | ID: 121971

CHIKKN NI A BAAZZKIT!!!
80's Cheerilee is best pony
Level: 138

Posts: 2942/5344
EXP: 30960033
Next: 702948

Since: 02-20-07
From: The Netherlands

Last post: 4504 days
Last view: 2639 days

I never said it was slow for me. I was speaking in a more general sense, but thanks for changing it anyway.

____________________
Wife make lunch - Shampoo
Opera - give it a spin
Spare some of your free time?
<GreyMaria> I walked around the Lake so many goddamn times that my sex drive was brutally murdered
Kawa rocks

— byuu

Mega-Mario

Posted on 12-09-09 03:36 PM

Link | Quote | ID: 121972

Spamming from alt accounts.
Level: 81

Posts: 38/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

You're right.
But anyway your suggestion is honored.

I've already seen layouts use 1-pixel PNGs, for example, Treeki's. Or even the format toolbar smiley menu on some early AcmlmBoard.

But CSS opacity is worse. My very first layout - the light green one - used it because it was made quickly. But seeing how it makes content blend with what's behind the translucent container, it is definitely not suitable to anything.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Mega-Mario

Posted on 12-13-09 09:35 PM (rev. 2 of 12-13-09 09:36 PM)

Link | Quote | ID: 122527

Spamming from alt accounts.
Level: 81

Posts: 73/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Here's an improved version of the layout.
- Fixed the background issue on small posts.
- Added a picture at the right.

For some reason, IE seems to ignore the margin setting of the main table that now replaces the div. But that's not much a problem. Knowing how IE respects the CSS standard, it could have been far worse.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

boingboingsplat

Posted on 12-14-09 02:43 AM (rev. 2 of 12-14-09 02:43 AM)

Link | Quote | ID: 122623

Giant Koopa
[PREFSTRING:wonderful bounciness]
Level: 74

Posts: 1142/1292
EXP: 3635543
Next: 18001

Since: 07-23-07
From: Michicola

Last post: 4848 days
Last view: 4810 days

	The picture seems far to big, I'd shrink it down a bit. It takes up about 30% of your horizontal space, so yeah. ____________________

Traffic Light

Posted on 12-14-09 03:10 AM

Link | Quote | ID: 122624

Level: 64

Posts: 433/939
EXP: 2211540
Next: 2557

Since: 02-29-08

Last post: 4614 days
Last view: 1708 days

Posted by boingboingsplat
The picture seems far to big, I'd shrink it down a bit. It takes up about 30% of your horizontal space, so yeah.

+1

Though on my resolution it takes about 55% of his horizontal space, that's giganormous.

____________________

Mega-Mario

Posted on 12-14-09 04:49 PM (rev. 2 of 12-14-09 05:43 PM)

Link | Quote | ID: 122693

Spamming from alt accounts.
Level: 81

Posts: 93/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Shrunk to 200x200.

Does it still need to be shrunk again?

Also changed the style of the quoteboxes.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Traffic Light

Posted on 12-14-09 10:31 PM

Link | Quote | ID: 122851

Level: 64

Posts: 446/939
EXP: 2211540
Next: 2557

Since: 02-29-08

Last post: 4614 days
Last view: 1708 days

Posted by Mega-Mario
Does it still need to be shrunk again?

Yeah, you may want to check Trelior's layout if you haven't done so yet, he also has a mushroom on it, and it seems about the right size a big mushroom should be.

If you are worried about your layout not filling enough post space and being left a blank space under it, just make the mushroom 100x200, keep its aspect ratio and add two transparent rectangles above and below it. Or you can add 1 or 2 different mushrooms to it, on vertical position.

____________________

Mega-Mario

Posted on 12-14-09 10:38 PM (rev. 2 of 12-14-09 10:43 PM)

Link | Quote | ID: 122852

Spamming from alt accounts.
Level: 81

Posts: 141/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Posted by Traffic Light
Posted by Mega-Mario
Does it still need to be shrunk again?

Yeah, you may want to check Trelior's layout if you haven't done so yet, he also has a mushroom on it, and it seems about the right size a big mushroom should be.

If you are worried about your layout not filling enough post space and being left a blank space under it, just make the mushroom 100x200, keep its aspect ratio and add two transparent rectangles above and below it. Or you can add 1 or 2 different mushrooms to it, on vertical position.

Um... I don't know if it's the case for you, but for me Trelior's shroom is really bigger than mine.

And the mushroom is still too big. I thought about an image with two or three 100x100 shrooms on it:

Okay, it's a bit inspired from your layout...

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Trelior

Posted on 12-14-09 10:41 PM

Link | Quote | ID: 122854

Level: 99

Posts: 1344/2602
EXP: 9761086
Next: 238914

Since: 07-12-09

Last post: 4503 days
Last view: 4490 days

My mushroom is 256x256 but is put in place with a width="60%"

Mega-Mario

Posted on 12-14-09 10:44 PM

Link | Quote | ID: 122856

Spamming from alt accounts.
Level: 81

Posts: 142/1610
EXP: 4882751
Next: 110098

Since: 09-10-08

Last post: 3595 days
Last view: 3015 days

Posted by Trelior
My mushroom is 256x256 but is put in place with a width="60%"

Firefox seems to completely ignore that attribute.

____________________
Kafuka -- ROM hacking
Kuribo64 -- we hack shit

Trelior

Posted on 12-14-09 10:45 PM

Link | Quote | ID: 122858

Level: 99

Posts: 1346/2602
EXP: 9761086
Next: 238914

Since: 07-12-09

Last post: 4503 days
Last view: 4490 days

Posted by Mega-Mario
Posted by Trelior
My mushroom is 256x256 but is put in place with a width="60%"

Firefox seems to completely ignore that attribute.

No, it doesn't. I know because I built this layout with Firefox in mind since it's the browser I use.

Pages: 1 2

Main - Modern Art - Here's my shiny new layout.

New thread | New reply

Page rendered in 0.024 seconds. (321KB of memory used)
MySQL - queries: 37, rows: 65/66, time: 0.014 seconds.