HOME | DD

fkinghost — Journal Structure: a reference by-nc-sa

Published: 2006-09-26 10:21:41 +0000 UTC; Views: 138682; Favourites: 2179; Downloads: 2607
Redirect to original
Description A quick reference sheet I drew up for the old journal style so people didn't have to fuss through dA's source code to make their journal CSS.

The new default journal style (with round edges) has a different and more complicated structure. I think the old version is easier to work with, so thankfully we can still use it - just use the old classes found in the reference above and it will trigger dA to use the old layout.

Guides for the new structure have been created by `xork : [link] - and `ginkgografix has made one that compares the old with the new: [link]

Note that you must be a premium member (have a subscription) 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. If anyone pointed you to w3schools, give them a smack

Translations
Further references:


Related content
Comments: 419

junoknight In reply to ??? [2006-09-29 02:09:46 +0000 UTC]

👍: 0 ⏩: 0

Seburban In reply to ??? [2006-09-26 14:55:36 +0000 UTC]

And please, tell me how this works

👍: 0 ⏩: 0

Seburban In reply to ??? [2006-09-26 14:47:15 +0000 UTC]

thanks you, thank you, thank you
Wohoo!! Thanks

👍: 0 ⏩: 0

Seburban In reply to ??? [2006-09-26 14:41:34 +0000 UTC]

did you give this?

👍: 0 ⏩: 0

janvanlysebettens In reply to ??? [2006-09-26 10:54:44 +0000 UTC]

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..

👍: 0 ⏩: 1

fkinghost In reply to janvanlysebettens [2006-09-26 11:17:17 +0000 UTC]

aii. already?

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

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

👍: 0 ⏩: 3

DerekProspero In reply to fkinghost [2008-08-30 19:35:35 +0000 UTC]

This method for replacing the journal icon doesn't seem to work for me. Any ideas? Here is the code I am using:

.journaltop img {
background:url([link] );
height:0;
padding-top:17px;
}

...copied straight from your comment. Thanks in advance!

👍: 0 ⏩: 1

fkinghost In reply to DerekProspero [2008-08-30 20:14:08 +0000 UTC]

add in a width and it should fix it

👍: 0 ⏩: 0

Kip0130 In reply to fkinghost [2008-04-27 19:17:38 +0000 UTC]

you see that line that seperates the Bottom links?? how would i remove it.

👍: 0 ⏩: 1

fkinghost In reply to Kip0130 [2008-04-27 21:55:24 +0000 UTC]

On your current journal, it'd be as simple as .journalbottom{color: #000}

👍: 0 ⏩: 1

Kip0130 In reply to fkinghost [2008-04-27 22:42:18 +0000 UTC]

Awesome thanks alot

👍: 0 ⏩: 0

janvanlysebettens In reply to fkinghost [2006-09-26 11:22:18 +0000 UTC]

freaking genius

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

👍: 0 ⏩: 1

fkinghost In reply to janvanlysebettens [2006-09-26 11:51:22 +0000 UTC]

i've got accounts on various IM services, but i'm never on - feel free to note/email me any time you like though

👍: 0 ⏩: 0

zacthetoad In reply to ??? [2006-09-26 10:37:23 +0000 UTC]

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!

👍: 0 ⏩: 1

fkinghost In reply to zacthetoad [2006-09-26 10:54:54 +0000 UTC]

danke

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

👍: 0 ⏩: 0

Easel In reply to ??? [2006-09-26 10:25:51 +0000 UTC]

DAMMIT STEAL MY DAMN IDEA!

👍: 0 ⏩: 1

fkinghost In reply to Easel [2006-09-26 10:57:51 +0000 UTC]



well, you can still knock out a css template then - save me from doing it

👍: 0 ⏩: 1

Easel In reply to fkinghost [2006-09-26 10:59:46 +0000 UTC]

haha, nah youll do a way better job than me so you go ahead.

👍: 0 ⏩: 0


<= Prev |