year zeta

zex&zher are at it again

Previous Entry Share Next Entry
Flexible Squares: Shade/Illumination
sinus10
sulfuricfusion wrote in yearzeta

Large previews for Shade & Illumination.
featuring: custom icons, sidebar, comment page, an a (slightly screwy) calendar page
layout by sulfuricfusion @ yearzeta


Shade/Illumination
(Flexible Squares lyt for Blue Gray)
Browser: Firefox, Opera, Safari, Chrome, IE.
But, uhm. I don't like to think about IE. It does (funnier) things to the calendar page and the stupid scrollbar at the bottom is really sensitive. Considering it's IE, though, I'm counting it as a win.

Screen: Mish-mash of percent and fixed-width. I recomment 1024x768+, but it's not too bad in lower.

Credits: Icons from Some Random Dude.

Notes: Remember my layout block? Yeah. The dam is broken.
The only thing I feel the need to point out are the calendar pages. No matter what browser, they're... weird. (More so in IE.) It shouldn't be detrimental towards the general usage of the layout, unless you're super picky about that thing.
Also! The headers were rotated. Unfortunately, they disappear in IE. Fine in all other browsers, though.

To Use: 1. Go to the customize page and type "Flexible Squares" into the search box.
2. Select the theme "Blue Gray." (This is important.)
3. Click customize your theme, then the custom CSS link.
4. Set both dropdown menus to NO, and leave the external stylesheet option empty.
5. Paste the code in the Custom Stylesheet space.

Code: Shade



Illumination.



In the (completely plausible) case that you find a bug in this, please let me know and I'll see what I can do. Beyond the calendar pages thing.
Also, if you liked or use, please tell me!
And if you used, please link to yearzeta in either your profile or sidebar.

  • 1
oooooooo i like. i might use this! credit will of course be given. <3

Brigs! long time no talk, madam. (But no, that was me.) Glad you liked this though. :3

I love the illumination one!!!! saving this to mems because I'll might use this later ;)

I'm using this layout at the moment, and I credited you in the profile, but I have a question. Is there any way to change the font of the bar on the side? Everything is jumbled together and I use firefox and chrome.

On what pages is it jumbled? I took a look at your recent entries page and it seemed fine, unless you recently changed your title/subtitle to look okay? If that's the case, you can change the font-size by doing this:
#header .title{
	font-weight:normal;
	font-size:45px;
	letter-spacing:0px;
	font-style:italic;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position:fixed;
	top:350px;
	right:-275px;
	width:600px;
}
#header .subtitle{
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	line-height:0px;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position:fixed;
	width:600px;
	top:375px;
	right:-250px;
}


lower the font-size:#px values and you should be good to go.

Its mainly on like my stories and such because they have long titles I guess. I'll try changing the size and see what it does.

If that's the case, don't change the sizes there. Instead, easy workaround. Just add this to the stylesheet:
.lj-view-day #header .title, .lj-view-entry #header .title{
	font-size:20px;
}

click on the side where it says 'WWE' and you'll see what I mean.

The solution is stated in the above comment.

Okay, just wanted to make sure you saw what I was talking about lol. Didn't want you to think I was crazy.

Nah XD. I cross-posted the layout somewhere and someone else ran into that problem, so I recognize it.

That solved the problem and before I forget great job on the layout. It's one of the best I've seen and I plan on using it awhile lol

Shade = Win
Using it! Much appreciated.

hi. i just joined a comm that used your layout and i can't seem to see it correctly, the text bar at the right overlaps and i lose the LJ bar completely. i'm using mozilla firefox 3.6

  • 1
?

Log in