foxfirefey: Dreamwidth: social content with dimension. (dreamwidth)
[personal profile] foxfirefey posting in [community profile] style_system

Class Notes

So, I really struggled on what I wanted to say for last week's class and this is pretty much all I came up with so far, and I'm not sure there's enough there to make a whole class out of anyway. If you have any questions about that topic, let me know--maybe I can fill it in some.

You can always look at the syllabus to see where we are. Our previous class was on Finding Resources. Next week, we will talk about Basic Core2 CSS Strategies.

Lesson Readings

Custom CSS

Alright, CSS folks, the Custom CSS area of the customization wizard is where you'll be working. You can read some details of the Custom CSS area here. One main restriction you'll run into: no @import statements.

It's pretty simple, but if you have questions, ask away.

Advanced Customization Area

Alright, S2 folks, your reading for the week is this Style System Overview. You should learn the following topics:

  • What a layer is
  • What the differences are between core, layout, theme, and wizard layers is
  • How to create and manage layers
  • How to use the layer editor to make changes to a layer
  • How to use layers to make a new style
  • Layerinfo settings

Exercises

Custom CSS folks: put some CSS into the Custom CSS area of a layout, if you've never done that. If you're going to be doing a CSS style from scratch, pick a base layout to build off of and see what it looks like with the default stylesheet turned off. That's what you'll have to work with! As an alternative, you can use the plain theme of Tabula Rasa--it's CSS is minimal and mainly aims at making the various columns mode and wizard options like fonts, images and colors work, and preventing a few display issues. The rest is up to you. It can be useful and easier to keep its stylesheet.

S2 folks:

  • Make a new layout layer and put in the S2 Testbed Layout. If you don't have a paid account or don't want to use up a layer on your Dreamwidth account, remember that you can make a test account on my dev server. Use layerinfo settings to make the source viewable and the layer public.
  • Comment and try to explain to us, in your own words/diagrams/however, what the core/layout/theme/wizard layers are for and the order they go in. If you can't do this, then ask questions about what confuses you!

Date: 2011-05-21 12:40 pm (UTC)
seleneheart: (Default)
From: [personal profile] seleneheart
This is perfect timing since S2 was what I was wanting to do and my massive test is over and done with, so I have the time to work on some creative things.

Date: 2011-05-21 02:49 pm (UTC)
ninetydegrees: Drawing: a girl's face, with a yellow and green stripe over one eye (Default)
From: [personal profile] ninetydegrees
Custom CSS folks: put some CSS into the Custom CSS area of a layout, if you've never done that. If you're going to be doing a CSS style from scratch, pick a base layout to build off of and see what it looks like with the default stylesheet turned off. That's what you'll have to work with!

Exception to that rule: Tabula Rasa. Tabula Rasa's CSS is minimal and mainly aims at making the various columns mode and wizard options like fonts, images and colors work, and preventing a few display issues. The rest is up to you. It can be useful and easier to keep its stylesheet.

Date: 2011-05-21 10:05 pm (UTC)
liv: Stylised sheep with blue, purple, pink horizontal stripes, and teacup brand, dreams of Dreamwidth (sheeeep)
From: [personal profile] liv
Wow, that explanation of layers is really great, thanks for linking!

Date: 2011-05-23 08:58 am (UTC)
tyger: Axel's Avatar Kingdom chibi. Text: Axel (Axel - chibi)
From: [personal profile] tyger
I've done enough CSS modding I'm going to skip this week's exercises~~

S2: are we supposed to be making a top-level or layout-specific layer?

And okay, so, as I understand it:
the core layer is pretty much defining what's what, kind of like the programming language?
The layout layer is the base of what it looks like, kind of like the OS - there're things here that can be messed with until they're unrecognisable, but it still... defines the bones, I guess?
The theme layer is whatever custom S2 mods you're putting in...
And the wizard layers are the things you've messed with in the wizard! Including the CSS.

Date: 2011-05-28 02:07 am (UTC)
tyger: Head and shoulder of Yuuko, some sort of scaly dragony fish thing in the background (Yuuko - dragonfish)
From: [personal profile] tyger
Hmmm.
What I'm kind of thinking (now, at least, this is an ever-evolving thing) is maybe get a layout I like set up - modules and all - and then just make it easy to change the banner-image and colour palette. Do you think that'd be easier (to implement on the user-end, not code) if it's a layout layer/layout-specfic layer, or a layout-specific/CSS combo? (Or is one [or both!] ways impossible?)

Yay! \o/

Date: 2011-05-28 03:20 am (UTC)
tyger: Gwendal, facepalming. (Gwendal - facepalm)
From: [personal profile] tyger
Huh! That's kind of cool.

*ponders* Maybe I should see how much work getting the layout how I want it to go is? 'Cause I don't think it'll be super different to most layouts! But on the other hand I know I want to mess with the modules at least a bit - I'd really like a login one, which I know you could at least make work on LJ, 'cause I found some code to make one in a layout I made over there once. 'Cause I guess if that makes the code super hard to compile the first time I wouldn't want to ever do it again, so layout would probably be best. And then if I want to mess with it in a way CSS can't do later I still have a theme layer.

HMMMM.

But on the other hand I'm mostly fond of the banner up top/ sidebar/a few nav links under the banner trio, and that's been done kind of a lot, so.

Date: 2011-05-24 08:28 am (UTC)
samjohnsson: It's just another mask (Default)
From: [personal profile] samjohnsson
Huh. I made all the custom layers, though I've no code on them, and for some reason, my journal (which is still set to a Minimalism theme) has decided to stop allowing cut tags to be displayed as pulldowns. Where might I have broken something?

Date: 2011-05-28 02:13 am (UTC)
samjohnsson: It's just another mask (Default)
From: [personal profile] samjohnsson
Yeah, I kinda discovered that, since I crosslisted this in the recent beta thread and got a "me, as well" over there. (Didn't know user tags caused that ;; ) And yeah. I am a beta fanatic.

Date: 2011-05-28 02:24 am (UTC)
samjohnsson: It's just another mask (Default)
From: [personal profile] samjohnsson
Cool - I had posted in both places, since I wasn't sure where teh bug was.

Date: 2011-05-27 10:31 pm (UTC)
boundbooks: Zhang Ziyi (flower: sunflower)
From: [personal profile] boundbooks
Just wanted to say that I'm totally excited to begin using all of your style making class posts as references. I finally have some time to do this, and I'm thrilled that you've got such a great series of posts available for us all. :)

Date: 2012-01-08 07:50 pm (UTC)
From: [personal profile] charlottetoolan
Just checking off the box to mention that I've completed using custom CSS in the Custom CSS area of a layout.

Profile

Dreamwidth style system discussion

April 2017

S M T W T F S
      1
2345678
910 11 12 1314 15
16 17 1819 20 2122
23242526272829
30      

Style Credit

Expand Cut Tags

No cut tags
Page generated Apr. 24th, 2017 11:15 am
Powered by Dreamwidth Studios