Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 
Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
:iconthespook:

Artist's Comments

A quick reference sheet I drew up so people can see the structure of our journals without having to dive into the source when coding their journal CSS.

This is for the old version of userpages. The new version (with rounded borders and colours that match the new userpages) has a slightly different structure, and different class names. Guides for the new structure have been created by `xork: [link] - and `ginkgografix has created one too: [link] - hers compares the old and new too, since you can choose which one to use when making your journal skins.

Note that you must be subscribed to use CSS in your journal.

If you're new to CSS, you should aslo check out html dog's beginner's guide to css, which is a great place to start - I recommend it over w3schools.

Translations
Further references:

Comments


:iconeasel:
:#1: DAMMIT STEAL MY DAMN IDEA!

--
[link]
:iconzacthetoad:
Looks helpful, although still over my head. I think I'll take a look around that site and try my best to learn some basics. Although, the more of these - the better.

Good work on getting this out there so fast!

--
Zac
Emoticonist

Pigs Don't Fly | I Don't Speak German
:iconmindfuckx:
outdated already hombre :)

The journal icon has been replaced with a regular img.. no background image anymore..

which makes it very hard to edit in my opinion..
do you happen to know a way to edit the img src with css ?
I looked shortly into attr elements but I couldn't find a solution at first sight..

--
Creative Staff
deviantART, Inc.
:iconthespook:
danke :thumbsup:

i'll put together a template when i get home from work, should make things easier - or at least give people a starting point.
:iconthespook:
:lol:

well, you can still knock out a css template then - save me from doing it ;p
:iconeasel:
:lol: haha, nah youll do a way better job than me so you go ahead. :aww:

--
[link]
:iconthespook:
aii. already? :lol:

removing it is still simple: .journaltop img{display:none} (though, it doesn't seem to be loading anyhow :confused:)

replacing it becomes more complicated, but no big deal - .journaltop img{height:0; padding-top:IMAGE-HEIGHTpx;background:url(IMAGE)}

If we didn't know for certain that it'd be the only image in .journaltop, we could use the src attr to narrow it down :thumbsup:
:iconmindfuckx:
freaking genius :)

could I add you to my msn or something.. ?

--
Creative Staff
deviantART, Inc.
:iconseburban:
This will work, only used if you have subscribed?

--
Clouds of darkness and underneath
them comes the clown.
Hokus pokus, joker's ride,
come take a spin on a carnie ride.
:iconthespook:
indeed, only if you're subscribed or a senior member.

Details

September 26, 2006
76.2 KB
76.2 KB
964×745

Statistics

386
1,784 [who?]
86,961 (18 today)
1,928 (0 today)

Share

Link
Embed
Thumb

Site Map