HOME | DD
foundsoundfunny — Journal Structure: a reference
by-nc-sa
Published: 2006-09-26 10:21:41 +0000 UTC; Views: 135478; Favourites: 2183; 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
- 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.
Related content
Comments: 419
mmmmmmmmmmmmmmmm this is the problem: how can put first the image, and under this the tittle?
[link]
(sorry 4 my horrible english TT_TT)
👍: 0 ⏩: 1
don't worry, i can still understand what you mean
What you need to do is add padding-top:90px!important; to .journaltop in your CSS - it will push the title past the image
(also, if you want the image to be center like you title, change the background-position:middle center; to background-position:center top; )
👍: 0 ⏩: 1
[link] I have to change the image and some colors, but I'm so happy now!!!! XD yeeeeeeeaaaaaaaaaaaa
Thanks 4 the help!!!
👍: 0 ⏩: 0
Yay!! Yay!! Yay!! Yay!!!
Now I'm more nerd than ever
But, thank you!!
👍: 0 ⏩: 0
why is stuff like this so complacated to me??
👍: 0 ⏩: 2
check out those reference links and it shouldn't be too hard
👍: 0 ⏩: 1
I did and it still looks complecated to me. it's coding and I get scared of coding...lol I'm a dork...
👍: 0 ⏩: 0
hahaha its complicated to me too so youre not alone
👍: 0 ⏩: 1
at least I'm not alone...I still don't get it though..I'm I that stupid? don't answer that...
👍: 0 ⏩: 1
Naw you're not. Cascading style sheets are REAL hard.
👍: 0 ⏩: 1
girl html is hard for me what are you talking about? 
👍: 0 ⏩: 1
hahaha i can manage basic html (i learned it when i was five or six) but aside from that.....I have to keep reference pages or tutorials bookmarked. LOL.
👍: 0 ⏩: 1
oh hun I never grasped the concept of HTML. there's only a few things that I can do, like the bold and the Italics and a center but that's about all. I can't even figure out the font thing..If I could I would have done my whole website just like I wanted without having to pay someone else to do it. 
👍: 0 ⏩: 1
html is overrated. i never use it, lol.
👍: 0 ⏩: 1
👍: 0 ⏩: 0
This is really helpfull! Thanks!
👍: 0 ⏩: 0
👍: 0 ⏩: 0
I search for the classes in the code but this way is easier in future 
👍: 0 ⏩: 1
look forward to seeing what you come up with, note me or something eh?
👍: 0 ⏩: 1
I do it when it's finished 
👍: 0 ⏩: 0
I don't recall expressing my joy at the quality of this mini-tute, but I shall! Well done
👍: 0 ⏩: 1
One note, though... I don't think the journal icon is an i tag. It looks to be just a regular img tag.
👍: 0 ⏩: 1
that was changed about an hour after i uploaded it, i haven't gotten 'round to updating it - been too busy replying to notes/comments
👍: 0 ⏩: 1
So by pointing out the problem, I'm actually delaying the solution...
👍: 0 ⏩: 1
I was wondering about the footer. This gave me the answear. Thanks a lot!
👍: 0 ⏩: 0
Damn, you are a god. Very well done!
👍: 0 ⏩: 0
Huzzah thankyou for this! I was getting a little mad cause they didn't tell us what the various ids for the objects were >_>
👍: 0 ⏩: 1
well, like any good chef would tell you - it's all in the source
👍: 0 ⏩: 0
This all rocks.. now that I figured it all out with a chick's help. CSS totally freaked me out about 6 hrs ago.. once I understood it all.. everything took about half an hour. Now all I need to do is figure out how the HECK to apply background images
Thx for this!
👍: 0 ⏩: 0
Very nice, thanks will come in handy !
👍: 0 ⏩: 0
This is very nice to provide these helpful and clear instructions for beginners!
👍: 0 ⏩: 0
thanks for the explainings i think it get easyer with your image
👍: 0 ⏩: 0
It's all to much! 
👍: 0 ⏩: 0
added to faves just incase i can ever get myself a subscription.
scanned through the comments quickly and buying the subscription for that guy was awsome of you
is the use of css on subscriber accounts a recent addition?
subscription seems more and more tempting everyday
:]
👍: 0 ⏩: 1
very recent addition
=duhcoolies has a contest going, if your design is one of the (last time i checked) 20 winners, you get yourself a 3 month subscription, and if need be I (or two other CSS maestros) help you code it
👍: 0 ⏩: 0
Thank you for this. I will link it in my journal for others to see and I won't forget about it
👍: 0 ⏩: 1
no problem
you might want to check out =Zikes ' template pack too, if you need help with a foundation - [link]
👍: 0 ⏩: 1
<= Prev | | Next =>