What is a 'UserStyle'?
When we go to the User Style category it is not quite clear what a User Style really is. Buried under the massive amount of miscats there are only a few right deviations.
Opposite to what the name might suggests it is not about the style of a certain user. It does not mean that the category can be used to show the world how much you improved, the way you dress, the way you draw or anything else like that.
A UserStyle is pure CSS code and only that. Nothing more, nothing less.
It is called like that because it is a style that changes the appearance of a website for the person using it - the user. So basically the name is really self-explanatory, but of course leaves enough room for misinterpreation.
If there is no CSS code, you can be sure it is no UserStyle and should go to a different category within deviantART. If there is CSS and HTML code it is no UserStyle either. Most likely you have coded a journal or gallery skin then, which should also go to a different category.
A UserStyle can be simple like just one line of code or it can be rather complex with hundreds of lines of code. No matter what, it still qualifies as such.
Additionally and what has been mentioned before using such a style will only change the way something looks like for the person using it. No one else will see it. Also contrary to some rumors it will not install any viruses, damage your system or can do any harm to your computer, sensible data etc.
The only harm it can do is to burn your eyes, because someone created a really bad style.
A UserStyle will always only change optical things. It can change colors, add or remove images, hide elements of websites etc but nothing else.
And what is 'Stylish'? Or userstyles.org?
Stylish is a free add-on for your browser that will manage all your styles, created on your own or by others. It is availabe for Firefox, Chrome, Opera and Safari, but not supported by Internet Explorer (and maybe other browsers).
userstyles.org is a website that was created to make sharing and installing of UserStyles easier. Styles from that site can be used after one click on a big green button. Nothing more needs to be done as it will be applied to the right site directly (if done correct).
Some userstyles.org accounts:
Or use the search for much more styles to adjust dA userstyles.org/styles/browse/d…
Well basically that is all you need to get started. But of course there is more to make things a bit easier for you.
In order to be able to adjust things of a certain website to your liking you need to know the structure and the classes you want to work with. Whenever you create a UserStyle you can just work with what is already there, you can not add any additional content (except for background images or making use of :before and :after).
There are two ways of exploring the source code. Either you go through the source code via "right click > show source code" or you make use of an add-ons like Firebug for Firefox or Firebug lite for Chrome.
These often allow you to live edit the code, that way you can test changes before you really apply them. This saves a lot of time as you don't need to refresh the previews/sites all the time.
They also highlight the fragments you are exploring within the Firebug interface and also show you the related CSS classes when you select the single celements. That way you can quickly find out about backgrounds, colors, spacing and other things without studying the entire source code.
Modern browsers also have built-in features that are similar, here it is just a personal preference choice of how you like to work or wich is more handy for you.
Task: Share your favourite UserStyles
Your first task is simple like that, just share the UserStyles you like the most with us!
Do you prefer complex ones that adjust a lot of dA elements, maybe even change the entire look or do you prefer those that make smaller adjustments here and there?
A feature of working UserStyles will follow, so make sure to add your own styles or the ones of others here!
- Adding, deleting, modifying UserStyles
- Creating a first simple UserStyle
Make sure to have Stylish and Firebug (or similar) installed until then, if you want to create a style as well.
The journals will not be published regulary.
You are always welcome to suggest topics that should be covered in the future though. Whenever there are questions arising that are related to a lesson, please comment directly on that specific journal. That way other people with the same or similar problems/questions can look up the answers/solutions as well.