This is pretty cool.

Subs and Seniors have finally been given CSS to use in their journals.

I love being a webhead.

-- Update 2 --

HEY! Turns out those at dA have updated the parser to spew out the code you need to steal your friend's journal CSS! Shwang, lol. Also, the code that people are using is now prooven to be completely unneccessary, because dA will automatically generate the needed code to make it target the journal only, making the way I do things much easier and faster when it comes down to the actual coding part of things.

I always love feed back, and am more than willing to give you a hand if you need it with your own journals =]

-- Update 1 --

I have thrown in a couple CSS fun things for journals just for cosmetic purposes. They're Removing the moods entirely (no mood, what you're eatting, etc.), and removing the journal title image. All the codes are down in the journal. I have also been updating this regularly as I'm getting new things figured out and updating the list of what functions can and can't do in the process.

Any feed back you have would be greatly appreciated. I also will be posting what CSS I am using for my journal at the end of it so others can see what I've done to my journal.

--

Classes that can be used to edit via CSS (note that no comments can be included or id tags):

.box -> controls the whole journal box

.boxtop -> the header of the journal, where the title is and date

.f -> this is the alternating color of the info about your mood, etc.

.c -> footer color where "comments" and "previous journal" are located

.text -> the main text body of the journal

.commentslink -> controls the link at bottom of journal "Comments"

.prevlink -> same as class tag "commentslink" but for "Previous Journals"

h2 -> note that this is the standard h2 tag, not a class. It will change all h2 tags in your journal if being used, but also controls the journal header text

a / a:hover / a:etc -> This is your links information, note that it can override all the links in your journal which is also your footer content links (Comments and Previous Journals links). When doing these, for the CSS to work correctly with underlines etc., you must include "!important" as part of the "text-decoration" tag, otherwise it will not work properly. Using the ":hover" function of this I've noticed is overriding the links at the bottom to hover to that color. I have been playing around with trying to fix this, but I can't seem to get anything working.

Custom tags may be added aswell, they can only be classes however. ID Tags are not permitted and prevent the rest of the CSS from rendering. Defining a custom tag will only work when paired with a DIV tag, trying to apply it to another tag will not work (I have not tried span tags, though I would assume it would apply the same as DIV tags).

-- EDIT --

The 'hover' property does in fact work, at the time it wasn't working properly for me. However it does work.

Also, I've been seeing a lot of people popping up with their generators like MySpace fiends and using the CSS call tags defined in the external to justify the proper call tags. In this case, they are just pumping the CSS full of extra garb that isn't needed. For instance, by using the call tags that they currently are using, they are forced into adding the tag '!important' to override the actual call itself. The tags that I am using do not require this simply because they are what the journal is actually calling on (check the source code yourself if you want of your journal or someone else's). I will stand by that I am using the most efficiant way of CSS styling in my journal via the faster tags and less code required to display the desired effect. The alternate methods to mine also clutters up and makes it harder for those that do not know CSS from the get go, have a harder time getting started because they do not exactly know how to redfine the code exactly (I know that this can be an understatment at times).

All I ask is that my variation be recognized so that it may save you time in the future when working on your CSS Journals.

You can also direct specific tags aswell

Example:

div.class_name { }

Will work to define just the DIV tags with the class "class_name" tied to them. This will prevent changing globals aswell if you wish to add different properties to each class under the same name

Hidding your mood stuffs:

CSS Code (corrected):

.f { display: none ; }

This is useful for your template if you wish to not have your moods shown or what you're reading etc.

Removing/changing the image at the top of your journal (next to the journal title):

CSS Code:

h2 img { display: none ; }

I don't see any reason that you couldn't remove the display then run another background image. Though you may have to z-index it with the header background image if you're using one.

My CSS Code for this journal:

.box {
border: 1px solid #000 ;
background-color: #FFF ;
color: #000 ;
}

.boxtop {
background: url([link]) repeat-x ;
height: 104px ;
color: #FFF ;
text-align: right ;
font-weight: normal !important ;
font-size: .8em ;
}

.text {
font-size: .8em ;
}

h2 {
color: #FFF ;
font-size: 2em ;
font-weight: normal ;
padding-top: 25px ;
}

.f {
display: none ;
}

h2 img {
display: none ;
}

blockquote {
border: 1px #000 dashed ;
padding: 3px ;
}

.c {
background: #FFF ;
color: #FFF ;
}

.commentslink {
color: #93B300 ;
text-decoration: none ;
}

.prevlink {
color: #93B300 !important;
text-decoration: none ;
}