Layout IV: Patches of Sky

[evocalize]

Patches of Sky

Credit to: moribound @ aliahan
Base style: Transmogrified
Best resolution: 1366 x 768, 800 x 600
Tested in: Google Chrome, Opera, Internet Explorer
Features: Sidebar, top navigation
Live preview: empyrea
If you like what you see, do consider watching the community.

Instructions:
1) Go to 'Organize' and select Customize Style.
2) After that, Select a Different Theme and select 'Transmogrified'. Pick the one that says 'Dignified' by branchandroot.
3) Next, scroll down to 'Choose a Page Setup' and select 2 Column (Sidebar on the left).
4) At the 'Presentation' tab, make sure type of tag listed is displayed as 'list'. You'll also need to go to 'Additional Options' in the same page and set the width of the sidebar to '0' and set the place of icons to 'left'.
As for the user interaction and entry management links, please select both as 'Text-only'.
5) At the 'Modules' tab, make sure that only the navigation (Header) and links (Main module) are enabled. Remember to go to your links list to define your links!
6) At the 'Text' section, make sure to remove the text for the 'Text for 'Tags' header for an entry' section. It should be left blank.
7) Optional: If you'd like to add a header, the recommended dimensions are 800px (Width) x 200px (Height). This is underneath the '#' header section.
8) Finally, at the Custom CSS section make sure 'Use layout's stylesheet(s)' is enabled and paste the code: Patches of Sky

Comments

[zorkian]

Oh this theme is pretty nice looking. Thank you!

[psiques]

really nice! memming for future use! ^-^

[alionheartedgirl]

Beautiful! Thank you for sharing this! I especially love the header!

[richey]

exactly what i've been looking for! using :) thank you for sharing.

[louder]

this layout is fabulous!! i do have a question though - the header you have in place doesn't display on my journal ( it's this one ) :(

[evocalize]

Ah. Just search for #header and remove display: none, and it'll show up.

[louder]

in which i am derpy. ♥ thank you!

[doneproperly]

AHA never mind, I got it! Thanks for the lovely layout!

[albertacton]

Hey there! I love this layout and I'm using it in a community. I've got a few questions, since I'm not super familiar with coding and I want to make a few changes!

1) I have 10 links, and when I'm in a thread the links overlap with the comments/the icon, like this. Is there a way to solve that?

2) I want the top bar (the one that communities have, with the 'join this community' option and all) to be displayed. How do I do that? Is there a way?

I think that's all. Thanks for such an awesome layout again!

[evocalize]

Hey there! Thanks for the compliment, and I hope this helps:

1) Go to Organize > Manage Account, select your community and make sure that 'View comment pages in your own journal style' is left unchecked.

2) I wouldn't recommend it as the layout isn't styled for it and you may have issues afterwards, but you can always remove #lj_controlstrip from the top part that has all the disabled elements so that it'll show up again.

[albertacton]

Uh-huh! Thank you so much. No trouble so far with the control strip thing, and I changed it (just in case anyone else wants to do it and is nervous something will be wrong).

As for #1, isn't there a way to lower the comments so that I can use the same style for commenting?

[evocalize]

There might be, but as I didn't design the layout to be used with comment pages I can't help you with that, sorry.

[intricacies]

Used for my own journal, thank you! : )

[aintmydetail]

This is a beauty!!

[assumedposition]

Thank you for the wonderful layout! I've modified this layout quite heavily for an RP game layout, I hope you don't mind! (This isn't the game journal, this is just an old RP journal I was using for testing the layout on since it still has an active reading page.) I will definitely credit you for the layout code on the game profile!

[moribound]

I don't mind so long as there's credit, and you're welcome!

[assumedposition]

Thank you!!

Also quick question if you know

How do I get the ()'s back around the cut text orz

I looked but I couldn't find the answer

[moribound]

Find span.cuttag_container and change color: #fff to #777 or whatever color you want it to be. Hope that helps!

[assumedposition]

OH HAHAHAHAHA THEY WERE THERE THE WHOLE TIME THEY WERE JUST WHITE

/facepalms

thank you

[darjeeling]

Thank you for the lovely code! I've modified it for use at tushanshu with credit to you in the profile :)

[moribound]

You're welcome, and thanks for adding the credit note!

[archbishops]

thank you, using!