Emo Extrapolator (![[info]](http://l-stat.livejournal.com/img/userinfo.gif){kind=small} no1_antielitist) wrote in ![[info]](http://l-stat.livejournal.com/img/community.gif){kind=small} fizzy_lifting,@ 2006-07-24 16:57:00 |
|
| Entry tags: | layouts |
GENERAL/STOCK
I'd planned on making another post of icons, but I'm having yet another 100x100 block, so I come bearing a brand-spankin'-new layout instead. This is the first layout I've done that hasn't involved any graphics, and I have to say, I'm actually very pleased with it. It's hella clean, and looks very "un-livejournal", which you know I always like.
"Clean Lines" features a sidebar and the option of adding a header if you wish. I've included detailed instructions for doing so in the zip file. It looks best in 1024, but will also work in other resolutions. It also works in both IE and Firefox as usual, though I'm still in the dark about other browsers. As always, if you happen to use one of the other major browsers and something looks hella wonky, make sure you let me know.
+ read the rules
+ do not hotlink
Download the zip file here.
Contents of the 95.4KB zip file:
+ 1 override txt file
+ 1 instructions txt file
+ 1 instructions for adding a header txt file
+ 1 basic preview png
+ 1 preview with header png
+ Please comment if you plan on snagging
+ Please credit me as either
no1_antielitist or fizzy_liftingThis is a modified S1 Generator layout, so both free and paid members can use it. All the coding can be found within the zip file as well as 2 sets of instructions for how to implement everything. If you have troubles setting it up, first make sure you've read the instruction files carefully, and if you're still having troubles, please feel free to comment with specific issues.
I wouldn't recommend messing with the coding itself too much unless you're very familiar with S1. I had to do a lot of small, complicated tweaks and too many alterations might result in something very bizarre happening to the look of things.
If you use my codes as a template, I ask that you please don't redistribute it as your own.
ETA: If you are trying to add a header and the entries are not in the correct place, it doesn't work because you have an earlier version of the header instructions, which I've since edited. Follow the below instructions.
5. Drop down to the code below:
body {
margin-top: 60px;
background-color:#FFFFFF;
background-image: url();
background-attachment:scroll;
background-repeat: repeat-y;
background-position: top center;
color: #666666;
font-family: "Arial", sans-serif;
}
Add the height of your header to the number next to "margin-top:". If your header is 200px tall, the revised "margin-top:;" should be 260px.
ETA 2: If your header isn't showing up, try adding style="display:inline;" to your img tag.
Friend this journal.
Other resources can be found here.
Credit strongly encouraged.
