Damn, CSS

[taotrooper]

Randomly, and since everyone and their dog seemed to be doing layouts/templates for S2, I decided I was going to play today with Flexible Squares CSS. At least it could work as a practice in stylesheets.

So, based in this and that, I kicked around the style, trying to come up with something remotely looking like a layout.

I got this. The basic one, with no headers or userpics. I like how it looks like without the userpics, because they're hard to modify and make them look any good.

What a headache, when I noticed that by selecting "disable userpics" I'd also disable them in the flist. And I hate that, because I love seeing people's icons when they post.

Pft.

Well, with header and userpics enabled, I came up with this: amewarashi.

I might try to push the entry text below the icon's level, to see how it looks like. Hmmmm.

Comments

[etrangere.livejournal.com]

wow, this is gorgeous ! I really love your header

[rainmage.livejournal.com]

Thanks ^^ I didn't want to make a Yuuko layout again, but I was too lazy to decide on anyone else.

[tricianna.livejournal.com]

Looks great. The impact of the colors is really striking.

[rainmage.livejournal.com]

Thanks ^^

[laurus-nobilis.livejournal.com]

Oooh, it's gorgeous. I love the colour scheme.

[rainmage.livejournal.com]

I made four color schemes just in case. Then again, it wasn't hard as I based this in two tones.

I'm just weird like that.

[csakuras.livejournal.com]

Oh wow, that's awesome. :O

[rainmage.livejournal.com]

Thanks ^^ I think it's still sucky in some areas *glares at userpics* but it well took me a whole afternoon to figure things out.

[piratelicker.livejournal.com]

actuallt you can disable the icons in your entries and still keep them in your FL ... I've done that when I used flexible squares. The only problem was for community posts, the comm icon would appear rather than the poster's.

[rainmage.livejournal.com]

Do you know/recall what options I have to tweak? Because I've done it all, and I still can't x.x

[piratelicker.livejournal.com]

hmmm, now that I think of it I used flexible squares before they changed the customization field... I think the options I used are gone. Either that or I used css to hide my icons. I need to test whether my old flexisq layout works.

[rainmage.livejournal.com]

Hmmmmmm. Oh. I'll try to hide it with CSS. I so didn't think of that, silly me!

*goes experiment*

[rainmage.livejournal.com]

It worked! <3<3

[sakurak.livejournal.com]

That image of Yuuko is simply gorgeous! *___* What was the original pic?

[rainmage.livejournal.com]

I snatched it from a CLAMP comm some weeks ago, but I can't recall which one. I think it was clamp_now. It's from the HOLiC novel.

This icon is from that pic, too.

[chibiyuuto.livejournal.com]

Wahhh, kirei desho-- *-* Very good indeed ! I wish I could change my layout to something similar to this, but I'm WAY too scared to learn the crazy LJ tags @_@

[rainmage.livejournal.com]

Thanks ^^ In S2 you don't have to deal with tags XD That was a S1 thing. You just rewrite the CSS and stuff. However, you gotta know what part of the layout is in which class/id. I learned to edit Flexible Squares because I found tutorials, but I can't do a layout in other style for shit.

You know, some people share their CSS publicly so others can use it as layouts ^^ If you don't want to break your head, you can get one somewhere (or I can give you mine when I perfection it) so you'd only have to edit it a bit to have a header and a background.

[chibiyuuto.livejournal.com]

Waah, would you do that for me? ^____^ I would really appreciate it ^^""
But you'd have to write on the code stuff like HERE GOES THE HEADER or HERE IS THE COLOR OF THE LINKS BAR, you know? So it might be a bother for you =\
But I can try to make something out of it, sure ^^
I prefer to have your code because I know you and I can ask any kind of doubt I can possibly have ^^

But don't worry about me, I just changed my layout so it'll be a while before I start thinking on the new one ^^

Thank you anyway !

[rainmage.livejournal.com]

The links are more complicated because each div has its own "a" formating. So you'd have to edit a lot of subclasses.

I was planning to share the CSS when it's less buggy, so don't worry ^^

Meanwhile, as I wouldn't trust on anyone to have this layout until it doesn't look better, you could try to check guru people who does share templates in a regular basis. I remember reversescollide, letsbebad, and apricot_13, but I bet there are lots of more talented people. They often say how to add headers and extra customization, be it in posts or in FAQs.

[chibiyuuto.livejournal.com]

Ah, thank you very much ! ^^

I gave a look at the last one and I got the code ! I shall try to make my own out of it now ^_^

Now, there's only one thing I did not get: She said you have to save it on a txt and upload it to your server. But where exactly do I make the link to the file?

it's amewarashi, logged from testing journal

[http://users.livejournal.com/_kirisame_/]

It's a way to do that, but some styles like Flexible Squares don't require you to upload external .css files. I don't like it because if my host is down my LJ is fucked until it's back again.

Okay. You go to Manage > Customize. Then you choose the style the layout is made for (under Look and Feel). Then go to Custom Options, and there's gotta be a section for Custom CSS or something named similar. You have to disable "Use layout's stylesheet(s)" first. Then it depends. Then, if it has a big box to copy-paste stylesheets, then I turn all the options to "No" and paste my CSS there. If you don't have a box for that, then enable "Use external stylesheets" and put the URL of the file in the text entry below.

Re: it's amewarashi, logged from testing journal

[chibiyuuto.livejournal.com]

Ahhhh, okay, got it ! Sorry about the stupid question and bothering you @_@

Re: it's amewarashi, logged from testing journal

[http://users.livejournal.com/_kirisame_/]

It's no bother ^^ LJ is confusing when it comes to set things up.

[rainmage.livejournal.com]

Oh, I didn't read you prefered mine to have easier tech service XD LOL.

[chibiyuuto.livejournal.com]

Yeah XD It's easier when you know the person XD

[sha-chan.livejournal.com]

I just noticed that you changed your layout. It looks great, I love the colors and the header! *-*

[rainmage.livejournal.com]

Thanks ^^

[seiiko.livejournal.com]

the header is really gorgeous <3. I love the colors

[rainmage.livejournal.com]

Thanks ^^

[suikascented.livejournal.com]

YAY! Yuuko again!

Me encanta tu layout. Es precioso *__________*

[rainmage.livejournal.com]

Yo quería hacerlo de otra persona T___T Pero ninguna imagen de otro fandom me inspirabaaaa T_T

Gracias ^^