Previous | Memories | Tell Someone | Next
 
fuesch
fuesch
03 May 2012 @ 02:22 am
S2 Promopic Sherlock & John layout & matching profile layout  
Oh no, my monthly layout is a bit late. And this one wasn't even supposed to be the one I post for April. But then I started this Sherlock layout and wanted it to be the next I post (I'm soooo changeable!). ...The original April layout wouldn't be mad that I made it wait because of a Sherlock layout, right?

S2 Promopic Sherlock & John
preview

Click here for live preview, then click on the layout's icon.
layout info Based on Flexible Squares.
Works for all account types.
Tested in Firefox 12, Google Chrome 18 and Internet Explorer 9.

This is a layout's width isn't flexible.
how to implement this layout Go to the Customize Journal page.

Make sure Style System is S2.

Choose the Flexible Squares layout.

Go to Custom CSS
» Use layout's stylesheet(s): No
» Use layout's stylesheet(s) when including custom external stylesheet: No
» Use external stylesheets: No
insert custom stylesheet



  Profile Layout

Go to Edit Profile and insert the code into the Bio part.
To copy the code, click in the text area and then press Ctrl+A and Ctrl+C.


This code is for a layout with only one text column.

If you want to change the link color, put a font tag with a different color in your link. Like so:
<a href="URL"><font color="#BFB4A2">LINK TEXT</font></a>		 You can add columns by inserting


between the first </tr> and the </td> before it.


You don't have to use the lj-raw tags. With them you can only make line breaks/new paragraphs with <br> and <p>. Without the lj-raw tags you can also create line breaks and new paragraphs just by hitting the enter key.
Tags: ,
 
35 comments | Leave a comment
 
( Post a new comment )
[identity profile] wynterblackwell.livejournal.com on May 21st, 2013 06:26 pm (UTC)
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
[identity profile] wynterblackwell.livejournal.com on May 21st, 2013 06:29 pm (UTC)
Ooops, I just noticed that I've got a grey box on the bottom as well.
fuesch[personal profile] fuesch on May 21st, 2013 08:15 pm (UTC)
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.
fuesch[personal profile] fuesch on May 21st, 2013 08:32 pm (UTC)
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)
[identity profile] wynterblackwell.livejournal.com on May 22nd, 2013 08:05 am (UTC)
Grey boxes gone, buttons in their right places. :)

Thank you