omg this is breathtaking! <3 may I just snag it, like that? Or, er. May I have permission? I'm too busy drooling to make much sense...

Yes, please do snag. XD

Yesssss. Will credit if/when used. GORGEOUS!

Brilliant.

Oh, I love this! Will snatch and credit in the future :)

Great job! I have one question though, would it be possible to have the small column with tags, calendar etc. on the right side? I think Flexible squares allow you to do that, but won't it screw your layout?

Weeeell... it's not possible to put the sidebar on the right side without changing a lot of things. In this case the header would have to be on the right too. Would that be okay?

I wouldn't mind the header on the right if it's the way how to do it :)

But please if it's too much work, don't mind my bitching and don't bother with me. I would feel bad if I ended up using different layout after all. I asked because I thought that it may be easy to switch ;)

Don't worry, had to make only a few changes.

Dammit, the whole CSS is too long for the comment. Even only the part where I changed things is still too long, so you get it in 2 parts:
/* S2 Promopic Sherlock & John, 2 http://fuesch.livejournal.com/31891.html */ body { margin: 40px 0px 0px 0px; padding: 0px; text-align: left; font-family: "Verdana", sans-serif; color: #777A78; font-size: 12px; background: #201F1A url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/bg2.jpg) right top fixed; } a, a:link { color: #BFB4A2; text-decoration: none; } a:visited { color: #A09788; text-decoration: none; } a:hover { color: #BFB4A2; text-decoration: underline; } a:active { color: #D9D0C1; text-decoration: none; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } blockquote { padding: 15px; border: 1px dotted #323230; box-shadow: 5px 5px 15px #131210; } q { font-style: italic; } q i { font-style: normal; } hr { border: 1px solid #323230; } /* ------- GENERAL ------- */ .ljuser a, .ljuser a:link, .ljuser a:visited, .ljuser a:hover { color: #BFB4A2!important; } .ljuser a:active { color: #D9D0C1!important; } .clear { display: none; } #header { position: fixed; width: 320px; right: 0px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; } ul.navheader { margin: 0px; padding: 0px; list-style: none; } ul.navheader li { display: block; margin: 0px 20px 0px 0px; line-height: 32px; } ul.navheader li a { padding: 5px; color: #BFB4A2; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset 5px -5px 10px #494947, inset -5px 5px 10px #2D2D2C; border-top: 1px solid #141210; border-right: 1px solid #141210; } ul.navheader li a:hover { color: #D9D0C1; } ul.navheader li a:active { box-shadow: inset 5px -5px 15px #41413D, inset -5px 5px 15px #272726; border-top: none; border-right: none; } .view { display: inline!important; padding: 5px; background: #323230; border-radius: 5px; box-shadow: inset 5px -5px 10px #494947, inset -5px 5px 10px #2D2D2C; border-top: 1px solid #141210; border-right: 1px solid #141210; } .title, .subtitle { display: none; } #sidebar { float: right; width: 200px; margin: 0px 320px 0px 0px; } .sbarbody2 { margin: 0px; padding: 9px 20px 67px 20px; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; } ul.sbarlist + .sbarlist { margin: 0px; padding: 5px 20px 62px 20px; list-style: none; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } li.sbartitle { margin: 0px; padding: 0px 20px; list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; } .tagcloud { padding: 4px 0px 5px 0px; list-style: none; } .tagcloud span { vertical-align: middle; } li.sbaritem { margin: 0px; padding: 4px 0px 5px 0px; } li.sbaritem + li.sbaritem { border-top: 1px dotted #323230; } .defaultuserpic { padding: 0px 20px 67px 20px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/s2promosherlockjohn/shadow.png) bottom repeat-x; } table.calendar { margin: 4px auto 5px auto; } .sbarcalendar { padding: 1px 2px 4px 1px; text-align: right; border: 1px dotted #323230; } .sbarcalendarposts { padding: 1px 2px 4px 1px; text-align: right; background: #323230; border: 1px dotted #323230; }

#maincontent { margin: 0px 520px 0px 0px; text-align: left; } #footer { margin: 0px 540px 20px 0px; font-family: Georgia, "Times New Roman", Times, serif; text-align: right; text-transform: uppercase; letter-spacing: 1px; z-index: 100; clear: both; } ul.navfooter { margin: 0px; padding: 0px; list-style: none; } ul.navfooter li { display: inline; margin: 0px 10px 0px 0px; line-height: 32px; } ul.navfooter li a { padding: 5px; color: #BFB4A2; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset -5px -5px 10px #2D2D2C, inset 5px 5px 10px #494947; border-bottom: 1px solid #141210; border-right: 1px solid #141210; } ul.navfooter li a:hover { color: #D9D0C1; } ul.navfooter li a:active { box-shadow: inset -5px -5px 15px #272726, inset 5px 5px 15px #41413D; border-bottom: 1px solid #2D2C2A; border-right: 1px solid #2D2C2A; } .viewing { padding: 5px; text-decoration: none; background: #323230; border-radius: 5px; box-shadow: inset -5px -5px 10px #2D2D2C, inset 5px 5px 10px #494947; border-bottom: 1px solid #141210; border-right: 1px solid #141210; } .clearfoot { display: none; }

And that was the part where I changed stuff. The rest (it starts with /* ------- ENTRIES & FRIENDS ------- */) you can copy from the CSS up in the entry.

I can't get the live preview to work. I've tried it in all four major browsers (Firefox, Chrome, Opera and Explorer) and it doesn't quite do it. I really want to see how the page moves.

Are you blocking Javascript?

Lovely! Just changed my layout to this and made sure to credit you.

Snagged this layout in a heartbeat. I think this is my favorite layout in 11 years of LJ. Thanks a bunch.

It look amazing!,

Can your layouts be used in DW?

Thanks!

If you're asking if I mind: I don't. But if you're asking if it's possible: Sorry, I have no idea.

i tooked! thanks a lot!

This is gorgeous! Totally snagging w/credit =D

Thank you! Have snagged with credit.

thank you so much for all this. especially the how-to-guide, because without it, i wouldn't be able to enjoy this :)

Oh, I love this!

Great job!

Gorgeous! Using it for the Spanish Sherlock Kink Meme :) Crediting, of course <3

Hi, sorry to bug you, but no matter what I try I can't figure out how to change a few things on your lovely layout.

"User Info" obscures John's face. Is there a way to push that whole list up? I'd be fine with losing the red bar at the top of the page if that would make room.

Also, my calendar date is incorrect. It says "March 31". Is there a way to fix that?

Thanks again for the layout. It's beautiful.

The red bar is advertisement and you can't get rid of that :o/. But you can move the navheader up by giving ul.navheader a negative top margin like so:
margin: -20px 0px 0px 0px;

No idea how to fix a calendar or what's going on with it. Could it be the last time you posted? Because I'm seeing December 19.

Thanks so much!

Thank you soooooo much!!!!!

This is fantastic! Thank you so much!

Wow! I'm totally using this one :)
But I have a problem, between entries there's always a huge gap. I didn't had this problem on my old journal (I had to delete it because of some problems) but this one seams to always have this problem when I use a customized code.
Could you help? If you can't it's okay. Thank you anyways.

Looks like they are ads and you can't do anything against those :o/. But no idea why all that shows up is the width.

Well, thanks anyway :)

Edited 2012-12-30 09:26 pm (UTC)

I love this! Thank you for sharing! Can I snag this? Will credit.

Hi

Right now I'm using this layout of yours, but I have a small problem with it. On my Firefox the bottom one of the four side buttons (which on your preview picture is nicely above John) is on John's head, on IE about 3 of them is.
Also on all four Sherlock layouts I tried I have a gray box on top.

Did I do something wrong? If yes, do you know what?
Is there a chance we can fix this one so the buttons won't be on John? Because this is by far my favourite one, and I'd love to use it the way it is on your preview. :)

Thanks

Wynter

Ooops, I just noticed that I've got a grey box on the bottom as well.

The gray boxes are the evil ad containers that just won't go away properly. That what pushes the navigation buttons down.

I'm working on it, but I keep loosing my code and having to start again. I'll post it when I finally finish it.

Add this to the top (to avoid override chaos) of your CSS:
div {
position: relative!important;
top: -100px;
}

#lj_controlstrip_new {
position: absolute!important;
top: 0px;
}

#lj_controlstrip_new div {
position: static!important;
}

#content-outer, #content-outer div {
top: 0;
}

#content-outer + div {
position: absolute!important;
}



To #header add top: 65px!important;, and between position: fixed and the semicolon add !important;.

Edited 2013-05-21 08:32 pm (UTC)

Grey boxes gone, buttons in their right places. :)

Thank you