Koi

[mmmag]

Layout: Koi
Layout info: layout layer | live | preview
Images info: Located at imgur, because photobucket resizes large images. Bummer.

OMG! Yay, it's done! Needs lots of testing.

If you have any suggestions as to some of the wording in the customization wizard or on anything, really, please let me know. This is my first time doing a layout like this and I'm open to anything.

I'll print and send my CLA some time this week.

Comments

[mmmag]

For now, I've given the navlinks a padding-right that's more or less the width of the search bar. If the search bar isn't there, it will look kinda funky with that blank space.

I think I can come up with a solution to this with S2. I'll go give it a try.

Thanks for your help!

[ninetydegrees]

(Sorry for the delayed reply; I thought I had answered your comment)

Well, they do wrap now but they're above the background which looks kinda weird too. Is there any way to make the background repeatable?

Also, two questions:

-- I've noticed there is no skip link (previous 20) above entries. Some people find that very useful. Would you object to it being inserted?

-- Could you think of a name for this theme? Or maybe a name for the style and the theme would be called 'Koi'.

[mmmag]

1. Well, the background for the navigation links is actually under #header and the navigation links are absolutely positioned over that. That's why they wrap above the nav bg. So, I'm initially at a loss as to how to fix it, but maybe I'll come up with something later after mulling it over.

2. I don't mind at all. I'll add them back in.

3. I'm not good with naming things. Just a heads up. I think the theme should be called 'Koi' and the layout layer 'Wide Open', since it doesn't have that boxed-in feeling. Does that sound good?

[ninetydegrees]

1. But you'll never be able to fix it if the background image isn't horizontally repeatable, which it currently isn't. Also, why do you need the absolute positioning for since you've edited the source code to make the navlinks module display where it is?

2. Cool. Thanks.

3. Seems perfectly fine to me. Thanks again.

[mmmag]

1. >.> That's how it was coded in the original CSS...I didn't bother changing it...[ETA: The reason the navlinks and the search bar were absolutely positioned is because of the navigation background. I just remembered that I initially tried to style the navlinks properly, but I had to mess with negative margins, and the bg image clouded the subtitle. So I just repeated what the original css did.]

Okay, so I'll style the navlinks properly. My problem with horizontally tiling the nav bg are those swirly bits at the end, their not so seamless transitioning would look awkward.

I think, I'll just remove the current nav bg and try to create an image that tiles seamlessly horizontally and vertically from the original. I'll also add two new color properties, for the bg color and the border color. That should solve the wrapping problem you mentioned earlier. And no more swirly bits.

Thank you for testing this layout and helping me fix it for greater consumption. I really appreciate it.

[mmmag]

So, I've made the changes. I replaced the navigation background with a translucent png image. It was the easiest solution for my skill level. I couldn't replicate the texture of the original. Textures baffle me. It looks okay, but I think it loses some of the prettiness of the original. Let me know what you think.

[ninetydegrees]

It looks very nice but you're right that it's not as nice as the original. I'm on vacation starting today so I'll have time to think about this and see if there's a better solution. I don't have mad Photoshop skills either but sometimes I manage.

[mmmag]

Wow, thank you! If you come up with anything, please let me know.