The reflection of dawn (![[info]](http://l-stat.livejournal.com/img/userinfo.gif){kind=small} resplandor) wrote,@ 2007-04-23 19:05:00 |
|
| Current mood: | cheerful |
| Current music: | Mono - Are You There? |
| Entry tags: | flexible squares |
S2 Flexible Squares // Grey & Pink
This one isn't really new, but since I'm planning on changing my personal stylesheet I thought I'd post this for other people to use it. To be honest, I'm completely in love with this layout, it's probably the layout that has stayed more time in my LJ with a three month's record (*lol*)
If you like my work and/or are taking this, comment & don't forget to credit.
Style: S2 Flexible Squares
Website: Not required
Default Icon: Optional
Best view: 1024x768 and up
Browser(s) Compatible: IE // Firefox // Opera
Nav Bar?: Yes
Custom Comment Page?: Yes
Work best with: Free & Paid account
**This is not really recommended for plus account.
Full-Size preview | Custom Comments Preview
|
Instructions:
1. Manage > Customize
2. Select S2 under the Style System section. (For users who don't know HTML or CSS, or make only minor alterations). Click Save Changes.
3. Choose Flexible Sqares from the drop-down-menu. Save Changes.
4.Choose Custom Options and go to Sidebar:
-Show the sidebar? Yes
-Set sidebar position: Left
-Show the default user picture on the sidebar? Up to you.
-Show the blurb/free text in the sidebar? Yes
-Edit link list, Summary list as you want. Save Changes.
5. Go to Custom CSS:
- make sure all of the drop down menus are set to NO
- Paste in the stylesheet into the Custom stylesheet box
Save Changes.
LJ user icon by
_excentric_
FAQ
>>How do I credit?
Go to manage > Info and add this code:
>>Can I change the colors/add a header/edit the overrides?
Yes, you can do minor and major changes to the overrides, as long as you don't remove the credit at the top of the overrides and also credit me on your userinfo or link back to this post anywhere in your journal.
>>How do I add a header?
To add a header, locate the .headerimage, it's normally on the Misc section right at the bottom of the overrides (that's where I place it anyway.)
it should look like this:
.headerimage {
position: top center;
width: 0px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
background-image: url("URLOFYOURHEADERGOESHERE");
background-repeat: no-repeat;
}
1- Upload your header on a server (I recommend photobucket or imageshack) and the paste the direct URL where it says background-image.
2- Change the width and height to match with your header and you're done! Now, I recommend everyone that in case of adding a header be sure to make it the same width as the layout or it will look messed up unless you also change the width of the content.
>>How do I hide the entries icon?
To hide the icon on the recent page locate this code:
.userpic {
position: relative;
float: left;
background-color:transparent;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #cccccc;
border-style: solid;
}
And replace it for this:
.userpic {
display:none;
}
