[x]

Browse More Like This

Download Image
PNG, 964×745 more ▶

More from `thespook

View Gallery · View Prints

Featured in Groups:

#seniormentors
Seniors Mentoring Project

#deviantCSS
deviantART XHTML & CSS Ref

#eCSSited
a place for all your CSS needs

#iterators
We iterate!

#DazzlingDecorations
Everyone loves a Personal Touch~

Details

Submitted: September 26, 2006
Image Size: 76.2 KB
Resolution: 964×745

Link

Thumb

Statistics

Comments: 415
Favourites: 2,291 [who?]
Views: 121,098 (4 today)
Downloads: 2,479 (0 today)

License

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

[x]

Journal Structure: a referenceby `thespook

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

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

Turkish: 'Journal' Yapisi - Baslangic by ~umutsirin
Italiano: Struttura del diario - fonte by ~MissingHorcrux
Español: Estructura del Diario: Ref by ~LFerro
Portuguese: Estructura do jornal by =xcubic
Polish: Struktura dziennika Wartosci by `LiAiL
French: contient tout le journal by *PhoenixII54
Russian: Структура журнала - связь элементов by ~Kittenboy
German: Tagebuchstruktur by !akaneia
Hungarian: A journal CSS-e magyarul by ~BajuszGG
...add yours - send me a note/comment with a link to your translation

Further references:

html dog's beginner's guide to css
`xork's Journal CSS editor - lets you edit your journal's HTML and CSS in realtime! Go +fav his deviation here!
`tobyf's journal css generator (great for total beginners looking fo something basic to start with - fill out the fields and it gives you the CSS)
`nyssi's CSS Rundown + Template - top stuff, takes you on a guided tour of her stylesheet.
Not-So-Basic Journal Template by =ghostlove
For even more resources be sure to check out the sticky thread in the programming forum too - [link]
.this saved search - for CSS tutorials in the Resources gallery
...and lastly, you can check my /journal/ sidebar for code snippets/tutorials for doing things like sidebars, thumb tables and other neat tricks.

~~mad 0 0~~

~~neutral 0 0~~

*serafina-rose Feb 28, 2013 Hobbyist Digital Artist

Thanks for the tut... easy to follow

=purple-reaper Oct 4, 2011

holland ?

!MelikeBirsenAtes Aug 28, 2011

Your tutorial helped me a lot creating my very first journal skin: Beauty of the Dead
I credited you linking back to the actual tutorial page and your deviantart profile; both in artist's comments and at journal footer.
Thanks.