I have uploaded quite a few free journal css (the newer ones are all easy-install ones) as well as some tutorials on the subject, which are listed here.
Journal CSS Tutorials
New CSS Style (aka. gruze style - .gr-box...)
These are the newer tutorials / helpful bits for coding that have been put together using the new (gruze) style journal css. Please not that while the old stuff still works, you cannot mix it with the new. So if you decide to code in gruze, you need to stick to it.
- Gruze Style Journal CSS - a guide: while this is not a tutorial per se as it doesn't actually explain step-by-step, it is meant to be a helpful visual guide for coding in gruze style. It shows you the classes available (= predefined by dA) and the text on the sides and below gives some advice on coding. Prior knowledge of css basics is a must. The template for the code to go with that guide is Skeleton Journal with Comments.
- Journal CSS Gruze Style Part 1 & Part 2: Tutorial on how to create your own Journal CSS with the "new" gruze style and some explanation on how to decide where to cut up your background images and where to place them. The corresponding Journal CSS Templates are Sunny Tree RAW and Sunny Tree FULL.
Old CSS Style (.journalbox...)
While all of these are somewhat outdated, seeing as they still use the old notation, they are still usefull for understanding the principles. Also, if you stick with the old notation exclusively, these will still work.
- Journal CSS Part 1 & Part 2: Tutorial on how to create your own journal css using the old notation and therefore slightly outdated, but still (mostly) working and hopefully still useful. The corresponding Journal CSS Templates are Scorpion RAW and Scorpion FULL.
- CSS: Absolute Positioning: a tutorial on how to use position:absolute; in your journals. May no longer work exactly as shown because of changes to how css is interpreted these days.
- Seamlessly Tiling Backgrounds: This one show you how to create a seamlessly tiling, textured background image in Photoshop and the code to go with it.
- Seamless Header & Footer: takes the tiling backgrounds tutorial and adds a matching header and footer image to the tiling background by showing the steps in Photoshop plus the css code used.
The history of journal css on dA (and the www in general) is a fluid one. While at the very beginning, only volunteers and admins had the possibillity to include css in their journals, this has only been opened to the public in late 2006. Since then, a lot has happened with the code itself (including changing from the old model (.journalbox) to the new gruze style (.gr-box) as well as to the way journal css can be shared among deviants.
Easy Install CSS
Journals that can be installed using the click of a button -- but be careful: you still need to go into the code bit to locate any content for headers/footers that may need changing (such as links, additional info etc). The newer ones work with Sta.sh Writer's drop-down menus for the headlines, blockquotes and lists.
Free CSS for Download
In the early days, you had to provide the code as text file download for people to put into the css boxes in the journal themselves. This still works, so if you want to use any of these, feel free to -- and don't be afraid of the DIY part. Each css comes with a read me file and detailed instructions.
Gallery CSS for Download
By downloading you agree to abide by my Stock Rules.
Read them before you use my stock!
They are not complicated even though they seem lengthy
NO REUPLOADING - NO PREMADES, NO BRUSHES ETC CAN BE MADE WITH MY STOCK! only art!!!
Quick Guide to my Gallery
~ Stock Images ~ Photoshop / Photomanipulation Tutorials ~ Textures ~
~ Journal CSS & CSS Tutorials ~ Premade Backgrounds & Precut Stock ~
~ Photoshop Brushes ~ Premium Content ~