Log in

No account? Create an account
01 January 2009 @ 10:48 am
Layout Design help  
I would like to learn how to make my own lj layout designs. I know HTML and I can do graphics, plus I've been told by professionals that I have a pretty good idea for web design, but I don't know the basics, and my brain gets bogged down with the technical directions. I've been using different word plays in google search to find an easy, understandable tutorial for figuring out how to make an lj layout design (I've picked up a bit more on how CSS works at least!), but I haven't found something that really just lays it out in plain English.

So, can anyone provide some options of where to look? I'd really appreciate it.
Tags: ,
Marina: scruffy davidjavabreeze on January 1st, 2009 04:28 pm (UTC)
I guess it depends on what LJ template you want to design with. (Expressive, Flexible Squares, Smooth Sailing, or Tranquility etc...) Each template has it's own CSS to work with. What works in Expressive won't translate to Smooth Sailing. If you're going the Expressive route, you might want to check out s2expressive. Check out the user profile as well. They have links to other how-to comms that should point you in the right direction.
Arabian: David Tennant_01arabian on January 1st, 2009 05:43 pm (UTC)
I think I like Bloggish and Smooth Sailing, but I haven't seen Expressive before. Thanks for the heads-up and the link.
Nethneth_dugan on January 1st, 2009 05:06 pm (UTC)
Well, I know some good places that help for flexible squares cause that's the template I prefer but I'm not sure about the others.

Best thing, or what I did and am doing? Nab a layout by someone else and fiddle around with values and colours just to see what they do. Do this with a few of them and you start to build up an idea of what the various lines mean and do and also various ways of laying the coding out.

If you search through google and LJ there will be some guides as to how to do this, how to do that. There's a CSS guide for Flexible Squares that explains what the different components are called that is very useful and there may be something similar for other template? Worth asking the LJ com set up for whichever template you decide to use. They're also a useful source of info from past questions, and a good resource if you're really stuck.

There's also this firefox plugin that lets you do all kinds of cool things like look at the CSS coding for a page, look up what the div tags for a specific component is and a bunch of other stuff. I'd rec that for sure, has helped a great deal.

And then after that? Mess about. Build up from scratch your background and borders and width and everything else and see what it looks like as it forms. See what it looks like when you do something wrong and what bit of coding did it and so on.

As I said though, I'm more a flexible squares person so what I know is for that template - and I'm still a n00b to it. But if there's anything else...?
Arabian: Billie Piper_05arabian on January 1st, 2009 05:45 pm (UTC)
I think this is a good route for me to go, I learned HTML by mostly copying/pasting and then picking up what it meant, moving around with it. So thanks. And that plug-in looks like it might be useful as well. Thanks.

OT: Since you're a mod, you'd be able to answer this question. As you know I'm looking for more Billie fans on my flist, so I was wondering if I could set up a Billie Friending Meme on billie_love?