Installation Guide

[soph]

Most of the skins in this community are installable by following the instructions given below for your browser. If you have a browser that you know or think is capable of installing these skins, please comment to this post with the instructions to put into the post.
Mozilla Firefox

All the skins in this community require the use of a special

Comments

[gossymer]

This is awesome :) I was wondering if there's any way to have the userscripts work in Opera which can use them natively - but can't use the Stylish extension...

[soph]

I know of at least one Opera user who does this, but I'm not sure of the method they use exactly. Obviously it involves using UserJS for the GM part, but I'm not entirely sure about the custom stylesheets part. I'm sure there must be something that allows restricting by site, though.

[gossymer]

BTW, I'd love to reskin LJ and offer it up to peeps (in 2 versions, one for firefox and one for Opera). However, I was wondering if there is any place to find the latest base CSS codes (Horizon) for lj's:

-the Horizon navigation across the top
-the default entry/comment pages (I've wanted to --make this more efficient for AGES)
main logged in home page + footer

Is there any place the base codes are loaded?

[soph]

Oops, I didn't notice this comment until just now, sorry. :(

You can find the base CSS here:

* http://www.livejournal.com/stc/horizon/loggedout.css - for the logged out CSS
* http://www.livejournal.com/stc/horizon/horizontal.css - for the Horizon CSS
* http://www.livejournal.com/stc/horizon/vertical.css - for the Vertigo CSS

However, if you're tinkering, I'd highly suggest seeing if there's a plugin for Opera that can show you exactly how CSS styles are applied. I use the DOM Inspector in Firefox, which allows me to pinpoint an element, and it shows me exactly what rules apply and in what order they're applied, which makes it a cinch to know what I need to modify.

Hope this helps!

[soph]

Oh! I'm stupid. Forget all that, the way they do it is by using the GM option on the actualy userstyles pages. Go ahead and do that, that'll allow you to do it. :D

[gossymer]

It doesn't really work as userscripts but the thing is - opera doesn't need them as user scripts.

Opera will allow users to specify custom css codes for individual websites as shown step by step here:

http://www.mystylesheet.org/index.php/Help:How_to_use_user_stylesheets

Uniquewonders posted a skin - here are the steps I did to get the lj skin to work in Opera:

1. I pulled the CSS codes from the various desired user scripts (navigaton, Homepage, Footer, Various) and put them in a new text file
2. Using Find & Replace, I get rid of "body.v2-generic " everywhere (by replacing it with nothing)
3. I saved the file as a CSS stylesheet.

I then followed the instructions on the site above to get the new stylesheet to work. The new CSS codes were applied :)

[ex_uniquewo]

You can actually use userscripts and the Class Adder one in particular, which is very useful if you don't want to apply this style to people's layouts. :)

1. On your hard drive, create a folder where you'll put all your scripts.
2. In Opera, go to Tools > Preferences > Advanced > Content > JavaScript Options. At the bottom, in 'User JavaScript Files' indicate the path of the folder you've created in #1.
3. Install the two compatibility scripts given here. To do that, click on the name, it'll open the script. Save the file by going to File > Save As and putting it in the folder you created in #1

[gossymer]

I'd missed the compatibility scripts and so it wouldn't work at all ;__; Will install them and try the userscripts again - thanks!

Since I'd like to implement changes onto the original lj layout, I probably won't be using your codes as the base, BUT I'll be using it as a guide on classes et all (will credit in any case ^__^)

The one thing that would be infinitely useful on this community would be breakdowns of the original lj-skins' - it would make it easier for peeps to figure out what they need to change so they can set up a particular design XD

BTW the userscripts you posted have the entire css code without any breaks at all (so it appears in a single paragraph)- would you happen to have the codes with breaks?

Have started reskinning the default comment pages and THIS IS SO FREAKING COOL *__*

[ex_uniquewo]

The one thing that would be infinitely useful on this community would be breakdowns of the original lj-skins' - it would make it easier for peeps to figure out what they need to change so they can set up a particular design XD

*nods* They're not complete breakdowns - and they may need to be updated a bit - but these might be useful:

http://wiki.noljads.com/Customizing_Horizon_with_user_stylesheets
http://wiki.noljads.com/Customizing_the_Homepage

Also, I tried to add as many comments as possible in the stylesheets but I'm sure some of them are a bit obscure anyway. :)

BTW the userscripts you posted have the entire css code without any breaks at all (so it appears in a single paragraph)- would you happen to have the codes with breaks?When you load them as scripts, the breaks disappear. If you go to the userstyles.org URL then click on 'Show code' you should

[gossymer]

My biggest pet peeve has always been the comment pages so I'll be using your code and LJ's default codes as guides for that area - the 'show code' works perfectly, thank you ♥

When I saw your skin's colors my first thought was "oh my god, yes yes yes!" It seemed to be calling out to me O__O

Here's hoping LJ doesn't do any sudden layout updates which cause our CSS codes to break >__

[soph]

The one thing that would be infinitely useful on this community would be breakdowns of the original lj-skins' - it would make it easier for peeps to figure out what they need to change so they can set up a particular design XD

I actually do plan to put together some sort of guide specifically for the comm that details where and how various parts of the interface can be customised. I'm thinking of having a wiki to do it withm where you can have separate pages for each class - and that way it doesn't have to be kept up-to-date by one person, as many people can do it.

[soph]

I think the second compatibility script is for Greasemonkey, not Opera, so you should only need the first one.

[lab_brat]

Can you have more than one style saved/installed in your opera js folder? how do you "choose" one to use it if you can? sorry if its a newbie Q, I'm relatively new to opera and haven't figured out all its quirks yet.

edit: gosh, sorry for the reply on such an old comment! Hopefully you'll still see it.

[ex_uniquewo]

I'm not familiar with Opera either as it's not my main browser but I don't think you can really choose which ones you want as the only possibility given to you by Opera is to point to a folder. I think it would best to create subfolders for each style and to switch from one folder to another in the preferences.

[lab_brat]

oh thankyou, that solutions will be fine. I don't mind switching folders, didn't think of that lol. thankyou for the reply :)