![[info]](https://www.insanejournal.com/img/userinfo.gif){kind=small}
![[info]](https://www.insanejournal.com/img/community.gif){kind=small}
IJ sitescheme customisation
I've seen a lot of people saying that the siteschemes on InsaneJournal are eye-searing, so I made a tutorial on how to prettify them.
Unfortunately, this tutorial is only valid for people using Firefox, Opera or Epiphany. I *think* there's a way to make it work on Safari, so if someone could test it and write a tutorial, I could add/link to it from my post. I'm afraid IE users are stuck, though.
Feel free to pimp the tutorial far and wide, and to create new styles on UserStyles.org.
Unfortunately, this tutorial is only valid for people using Firefox, Opera or Epiphany. I *think* there's a way to make it work on Safari, so if someone could test it and write a tutorial, I could add/link to it from my post. I'm afraid IE users are stuck, though.
Feel free to pimp the tutorial far and wide, and to create new styles on UserStyles.org.
Go to the Public Layers page. Find your layout, open the raw code, and copy everything.
In another tab, open Your Layers. Create a new top-level layer, type layout. Edit it and paste the LJ public layer inside, deleting what's already inside. Save and compile.
If you get compilation errors, get back at me and tell me which layout you're trying to transfer. If you don't, get back at me and I'll explain what you need to do next.
Open this code, instead, and transfer it to your layout layer. Save and compile.
Once that's done, go to LJ's Your Layers and find the theme and user layers you use, under Child of Layer #aaaaa: 3 column. Open both in raw code.
Go back to IJ's Your Layers and create two new layout-specific layers, one theme and one user, for 3 column. Copy paste your LJ layers in your IJ layers.
If you get an error message, it'll most likely be because you pasted the user layer in the theme layer or the other way round :D If it isn't, then paste
layerinfo source_viewable = 1;at the top of the LJ layer that's posing the problem, and report the url to me.Once you've saved and compiled everything, go to Your Styles and create a new style. Choose English as the language, 3 column as the layout. Save changes. Then choose your new theme and user layers, which should be the only one available anyway. Save changes. You'll be sent back to your style page, so click "Use" for the new style you created, and reload your journal :)
http://www.insanejournal.com/custom
Is this what you wanted?
PERFECTLY!!!!
The ONLY thing is that the page background is pink rather than black, which I CAN live with unless you can tell me what to change? But seriously THIS IS AWESOME. I have saved your instructions for furture reference.
I have to say your explanations were very, very, VERY clear indeed.
Thank you! xxx <3
Copy all the lines beginning with
setand paste them in your theme layer, below thelayerinfolines, but above the rest of the code. Make sure you aren't duplicating anything, then save.As for your header problem, in your CSS, you need to change two things:
#containershould have a top value of 409px (thepxpart being *very* important), and#headershould have a height of 409px. You can fiddle with the top value of container if you want more space between your header and your posts :)