16 June 2018 @ 06:50 pm
Dreamwidth S2  
The layout for [community profile] icon_library is making indirect progress. I started putting together a CSS with all the classes and ids of the Negatives base style, but then noticed that there's no shared div around the maincontent and sidebar (or primary and secondary, as they're called in Dreamwidth CSS terms). The layout I want to make would need one though, so I checked out other base styles. I'm now picking apart Five AM.

Wow, Dreamwidth is pretty luxurious! So many divs! Possibly even to the point of redundancy. The outermost div has an inner div, primary has an inner div, almost everthing has an inner div. And so many elements have classes, even several classes for one element! You can style the fuck out of this! For example the security type and the poster's name are listed in the entry div's classes. Which means that you could make a private entry greyish or a bit transparent to make it easier to discern. No more "Shit, is this post public?!" before spotting the little private-post icon. Or you could give certain users' posts a distinguishable style.

My desire to recreate Flexible Squares (especially the combination of icon and poster name that's nowhere to be found in Dreamwidth layouts) in Dw S2 has been reignited. Unfortunately the guides about how to build S2 layouts seem to be still incomplete, but it probably doesn't matter anyway, since I've never understood anything by just reading about it. I'd need an S2 for Dummies or find someone who explains the language to me or even builds the layout for me. *sigh*
 
 
( Post a new comment )
wendelah1[personal profile] wendelah1 on June 16th, 2018 06:25 pm (UTC)
Me, too. I love Flexible Squares. My LJ is based on Flexible Squares.

I found a DW comm with the icon and name together: [community profile] fancake. It must be a custom layout. You could ask the owner who made it and maybe pick their brains?

Edited 2018-06-16 09:29 pm (UTC)
fueschgast: reaction: OMG ♥! (Sailor Moon)[personal profile] fueschgast on June 16th, 2018 09:42 pm (UTC)
Ooh, interesting! Thanks! I'll have a look at the HTML & CSS before asking.
fueschgast: reaction: Yay![personal profile] fueschgast on June 19th, 2018 12:15 am (UTC)
Thank you! That was really helpful!
wendelah1[personal profile] wendelah1 on June 19th, 2018 12:25 am (UTC)
You're welcome! It looks like you got it to work on your own journal. Could you post instructions at [community profile] style_system?
fueschgast[personal profile] fueschgast on June 19th, 2018 01:14 am (UTC)
Oh no, my layout is just Flexible Squares imported via S1. What I was looking for and you found me was a Dreamwidth layout (S2) that has the icon and poster name together. While they're not together in a div (well, they are, but it's no use, because the entry content is also in that div), the CSS did put them together.

I nabbed that CSS, so I doubt it would be cool to make a post about it. I'd only post that there in reply if someone asks about it.
If you want it, here are the relevant bits:

.entry-wrapper .userpic {
float: right;
}

span.entry-poster {
float: right;
clear: right;
}


What I still haven't found (Don't take that as a quest!) is an S2 layout that has the icon and poster name in the entry header. So with that code you just found me I wrote myself some not so graceful stop-gap CSS.