ninetydegrees: Drawing: a girl's face, with a yellow and green stripe over one eye (music)
Ninety Degrees (90d) ­čî╗ ([personal profile] ninetydegrees) wrote in [site community profile] dreamscapes2013-08-11 06:50 pm

Style: Trifecta/Tabula Rasa

Edit: these are now live and can be selected from Customize Style. Original layers and pics are no longer available.

Style: Trifecta
Author: [personal profile] ninetydegrees
Images info: all images used come from Subtle Patterns (Creative Commons Attribution-ShareAlike 3.0 Unported License)

Carried Away / Preview (three columns right)
Coffee and Cream / Preview (two columns right)
Deep Seas / Preview (one column)
Handle with Care / Preview (three columns left)
Morning Walk / Preview (two columns left)
Mythical Beast / Preview (three columns sides)
Peaceful Life / Preview (one column split)

This is a simpler version of another style I'm working on. I wanted to make something which was just based on layout and colors and remained flexible so you could do whatever you want with it.
Testing would be appreciated as always. Dear fellow designers in particular: if you feel like making a theme for this I would love it if you could tell me what was unexpected or didn't work.
foxfirefey: A wee rat holds a paw to its mouth. Oh, the shock! (thoughtful)

[personal profile] foxfirefey 2013-08-11 05:59 pm (UTC)(link)
Hrm, this layout doesn't really work unless I have my browser at full screen width--and even then only barely, there's no padding between the search box and the edge of the column at all. I don't even have that small of a screen compared to a lot of folks with smaller laptops--1680 pixels wide.

With my default browser width (maybe 83% of the screen?), for instance gives more space to the side bars than to the actual content, the text ending up squished to a space less than two inches.
foxfirefey: A cat with a fish bowl on its head. (space cadet)

[personal profile] foxfirefey 2013-08-11 11:50 pm (UTC)(link)
Huh! Whatever was wrong was fixed now? I'm not sure what was wrong before! It was only three column versions that were very sad, the others were fine.
marahmarie: my initials (MM) (Default)

[personal profile] marahmarie 2013-10-18 05:00 am (UTC)(link)
It's strange but when I first clicked through I got some brightly colored style on your DW, not the linked-to style at all. A second clickthrough fixed it but when I ignored the tab and came back it reverted on its own to the brightly colored style I first saw! A refresh gave me the linked-to style again (Handle With Care? That's the one I got).

The brightly colored style is quite fab but not one of the styles 90 was previewing at all - it's too bad I didn't view CSS to see which style it is/was, because I kind of want it.
forests_of_fire: A woman with shoulder-length black hair. She has a friendly, but serious smile on her face. (Oleander: Default)

[personal profile] forests_of_fire 2013-08-11 08:22 pm (UTC)(link)
Oooooh. I like!
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2013-08-12 03:23 am (UTC)(link)
I looooove the use of patterning on these - it's a nice, nuanced effect. I feel almost like you've captured what I was trying to go for with Marginless here. 'Carried Away' in particular - the use of the drop-shadow edging and colors makes it look like layered paper and it's GORGEOUS. I can forsee myself doing a bunch of similar ones (possibly in the tonal spread I have for some of the other layouts.

Only nitpick - Cambria seems to display poorly in Linux, particularly in Firefox (from left to right there - Firefox, Chromium, and Opera).
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2013-08-12 06:13 am (UTC)(link)

Yeah, I think it and Corinthian are sort of in the same category, style-wise, but the typography changes give it enough of a different feel - this is almost somewhere in between Marginless and Corinthian, I think. It could run the risk of looking too 'plain' but I think the color choices you made for the themes mesh well with the simplicity of the design, so it ends up minimalist instead of plain.

And I think even Carried Away looks different enough from a lot of your usual designs - you do great, very stylized and design-heavy work (like Fantasie or Database) - and yeah, some of your stuff uses shadows a lot, but I think here they add just that little touch of modern style to bring things together nicely without looking really stylized.

marahmarie: my initials (MM) (Default)

[personal profile] marahmarie 2013-10-18 04:50 am (UTC)(link)
Handle With Care is all kinds of awesome. Just curious as to why you have meta labels hidden on tags/mood/music/location along with labels hidden on top-of-page and previous & next links...was it for effect or just by accident?

(I'm seriously looking to break out of my little narrow-width box on my own DW someday but I'm picky as heck - and I don't like writing my own style sheets because I can't/don't know how to use PS. HWC makes me think it's a design that could work with how I like to arrange things...I'm even thinking of using a little CSS3 and some HMTL5 in the s2 to make the sidebars fold and unfold on hover? It looks like a style I could play with almost endlessly.)
Edited 2013-10-18 04:54 (UTC)
marahmarie: my initials (MM) (Default)

[personal profile] marahmarie 2013-10-18 07:05 pm (UTC)(link)
Oh happy coincidence: the folding sidebar is something I wanna do for the style which inspired this one. I'm looking forward to seeing how you do it. :)

I know, I am, too! I've never done anything like it before but that design is just begging me to try. I'll need to locate the right HTML5 for it, then probably hit [community profile] style_system to have someone help me insert it the s2 way, unless there's another way to just copy over all the DW HTML required (which might already be in my s2, come to think of it - haven't looked at my custom layer in months so I really can't recall) and just stick it in the right spot from there.

On the blanking text part, it is a nice effect, but on mood/location meta in particular produces a weird effect of showing the text so that it looks like a single word or at best fragmentary sentence at the end of (or below) a post. That's what caught my eye when I viewed it in my own style - I had a multi-word location description that wound up looking like a sentence fragment in italics at the end of a post. To people not familar with our mood/location/music meta setup I think, if it could confuse me like it did, it could confuse anyone not familiar with it.

There's also the problem of the dash between the mood/location/music label and the descriptor still showing even with (haven't viewed your CSS yet so this is only what I assume you're doing, so far) display set to "none". How I usually get around this (which I think we discussed just last month in [community profile] style_system while trying to help another user) is to color the text the same as the background color of the page - if possible - then recolor any text that still shows as needed, using the !important declaration if/when necessary.

Other than that, though, honestly loving that style sheet (and all its possibilities!) to death. Good job. :)
Edited 2013-10-18 19:06 (UTC)
marahmarie: my initials (MM) (Default)

[personal profile] marahmarie 2013-10-18 10:56 pm (UTC)(link)
Sorry I'm not sure what dash you're referring to.

This one.

Sorry if I offended you somehow.
marahmarie: my initials (MM) (Default)

[personal profile] marahmarie 2013-10-18 11:24 pm (UTC)(link)
OK, yep, I screwed up. Sorry. Don't know why I mentioned the meta, I meant it's displayed where the tags are, right before where the tags themselves print out. That was brain must've shut off at just that second as far as that dash location goes.
Edited 2013-10-18 23:25 (UTC)