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

deviantART

 

Journal Structure: a reference by `thespook:iconthespook:

Categories Resources & Stock Images > Tutorials > Web Design > HTML/CSS/Scripting

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:
Mood: Fear ~Easel Sep 26, 2006, 2:25:51 AM
:#1: DAMMIT STEAL MY DAMN IDEA!

--
[link]
:iconzacthetoad:
`zacthetoad Sep 26, 2006, 2:37:23 AM
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:
¢mindfuckx Sep 26, 2006, 2:54:44 AM
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:
`thespook Sep 26, 2006, 2:54:54 AM
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:
`thespook Sep 26, 2006, 2:57:51 AM
:lol:

well, you can still knock out a css template then - save me from doing it ;p
:iconeasel:
~Easel Sep 26, 2006, 2:59:46 AM
:lol: haha, nah youll do a way better job than me so you go ahead. :aww:

--
[link]
:iconthespook:
`thespook Sep 26, 2006, 3:17:17 AM
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:
¢mindfuckx Sep 26, 2006, 3:22:18 AM
freaking genius :)

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

--
Creative Staff
deviantART, Inc.
:iconseburban:
~Seburban Sep 26, 2006, 3:39:48 AM
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:
`thespook Sep 26, 2006, 3:50:04 AM
indeed, only if you're subscribed or a senior member.
Previous Page12345...Next Page

Details

September 26, 2006
76.2 KB
76.2 KB
964×745

Statistics

386
1,791 [who?]
87,371 (23 today)
1,931 (1 today)

Share

Link
Embed
Thumb

Site Map

©2009 deviantART. All rights reserved
About Us | Contact Us | Site Tour | Help & FAQ Advertise | Services Etiquette | Privacy Policy | Terms of Service | Copyright Policy