Ported Wordpress theme

[mmmag]

Theme name/layout: Koi | Transmogrified
Author: By N.Design for Wordpress
Layout info: layout layer | Preview
Image info: They are not my own, they are part of the layout I ported.
Additional info (for layouts): This is a DW version of Koi by N.Design. The theme is licensed under GPL, which means that it can be remixed/converted/translated/etc for personal and commercial use as long as the footer remains intact. As such, the credits are hard coded to the layout.

foxfirefey originally linked to this layout in a comment. I really liked it and decided to give it a try in porting it over. And here we are, phase one. I used Transmogrified as a base for the layout. I think it will be easy to customize using the customization wizard. The only thing I have a concern over is that it has a fixed width. The width of the images prevents the layout from being fluid. The userpics are small, yes. However, when you hover over them they grow to their full size, like magic.

Also, I tried using function print_stylesheet () to embed the CSS, but it wouldn't show up. Something about suspicious CSS *gives side eye*. So, let me know what you think. Specially since I haven't tested it at all.

Comments

[stormy]

That's pretty cute! Good job porting!

[mmmag]

Thanks! I'm glad you like it!

[cimorene]

Your sidebar is floating underneath the entry column in Opera, in spite of more than ample screen width. I take it that wasn't intended.

[mmmag]

Is it better now? I made a silly mistake, it should be better now. Thanks for catching it!

[foxfirefey]

We're here to help!

[auroraprimavera]

Ooohhhm, I really like this. It looks good :D

[ninetydegrees]

Looks nice. Good job.

Do you plan on working further on this? (This is for tagging purpose :))

[mmmag]

Yes, I do plan on doing so. :)

* I need to figure out how to incorporate custom reading colors.
* Edit the images so that the layout becomes fluid.
* I also have some theme ideas for the layout that I might actually do if I don't discourage myself first.
* I need to turn this into a layout that can be customized through the wizard. I'll probably need some hand-holding for this.

[ninetydegrees]

1) This is easy.

2) The easiest trick to make images be repeat-able is to mirror them using symmetry. See what I mean? I think it could work well here.

3) Just want to reassure you that, if only makes one theme for now, it's fine and it doesn't mean you won't make some more later.

4) Feel free to ask me questions. I'll answer as best as I can. However, I have to say that, although you based this off Transmogrified, it think it could be based off Tabula Rasa which would help with streamlining options and CSS structure.

[mmmag]

Thanks for this! Specially about the images. I had a different, slightly more difficult idea on how to do this, and now you've simplified it. Yay!

I'll definitely base it off Tabula Rasa when I turn it into a layout.

Thanks again!

[fu]

Oooh nice! I like it; it's very clean :)

BTW, how were you trying to embed the CSS in print_stylesheet? Were there any <style> tags in there? They used to be required, but now you just need to put in the CSS -- if you were referring to instructions that state otherwise, can you point me to them, so we can update? Thanks *g*

[mmmag]

I was using this:
function print_stylesheet () {

"""
/* Theme CSS */

""";
}

I had no compiler error. The stylesheet would print along with Transmogrified's, I didn't want that. When I disabled Transmogrified's stylesheet, my stylesheet wouldn't print at all. I'm probably using the wrong function for this. I'm not that well-versed in S2. I just hack it 'til it works. o.O

[fu]

Hm, if you want to replace Transmogrified's stylesheet completely, try replacing:

Page::print_default_stylesheet

But if you are switching to making it a layout based on Tablua Rasa, I'd recommend using print_stylesheet instead. The difference being that the original layout's Page::print_default_stylesheet is tied into the customization page, for things like images, font size, etc

[feathertail]

It's very pretty. ^.^ Dreamwidth needs more WordPress-esque themes, I think.

(You misspelled foxfirefey though!)

[mmmag]

Oops! Thank you for letting me know.

[feathertail]

Welcome!

[kareila]

The userpics are small, yes. However, when you hover over them they grow to their full size, like magic.

Are they supposed to disappear off the left side of the page, though? That's the behavior I'm seeing with my browser at its normal width (approx. 980px), although it does correct itself if I pull it out wider. I think the left margin for the entries should be large enough to accommodate the full 100px. (Safari 5 on MacOS 10.6, if it matters.)

Apart from that, this looks nice!

[mmmag]

They now expand in the other direction, over the entry. Thanks for letting me know about it. I think when I translate this onto a full-fledged layout I'll give the option for small/large userpic.

Thanks!

[kareila]

That works too. Good luck with the translation!

[notemily]

OMG, that's the theme I use for my Wordpress blog! Adding this to my memories :)

[holyschist]

Thanks for doing this! I'm hoping more WP themes will be ported over in the future, so I'm glad to see you (and others?) are working on it.

[cesy]

Thank you for working on this.