HOME | DD
barninga — DA journals CSS tutorial by-nc-nd
Published: 2006-10-10 19:27:02 +0000 UTC; Views: 25034; Favourites: 319; Downloads: 3370
Redirect to original
Description
A quick introduction to the use of CSS for DA journals. Learn how to give your journal a unique and personalized look 'n' feel.
If interested, please see more tutorials from my gallery .
Related content
Comments: 180
thank you! i'm happy you found it useful. feel free to ask if you have questions
👍: 0 ⏩: 0
Thank you for uploading this. I used it for my journal CSS.
👍: 0 ⏩: 1
this was great!!
i used this tutorial an see what came out
👍: 0 ⏩: 1
i typed
.journalbox {
background-color:white; }
and then checked preview... it didnt work whay ?
👍: 0 ⏩: 1
it should work. try adding !important between white and the semicolon.
also, check that there are no errors somewhere in your css (if it contains other definitions): da does not apply a css if it is not strictly compliant with the rules.
if it still doesn't work try substituting white with #ffffff
👍: 0 ⏩: 0
my pleaseure. and thank you for the 
👍: 0 ⏩: 0
OMG ARIGATO!! I finally know how to do CSS! I thought when I subscribed to change my journal, and I didn't see how, so I thought I subscribed for nothing.
👍: 0 ⏩: 1
thank you for your appreciation. feel free to ask if you have questions.
👍: 0 ⏩: 0
thank you. feel free to ask if something isn't clear.
👍: 0 ⏩: 1
This was wonderful, thank you so much for creating this!
👍: 0 ⏩: 1
thanks, i hope you'll find it useful
👍: 0 ⏩: 1
👍: 0 ⏩: 0
👍: 0 ⏩: 0
Great tutorial, I've learned a lot about CSS just by doing it and continueing to preview, but you've cleared a few things up for me!
Thanks!!
👍: 0 ⏩: 1
thanks, i'm happy you found it useful
👍: 0 ⏩: 0
thank you so much for this tutorial!!!
but..
Can you tell me How can i put the text in the center,Please?
👍: 0 ⏩: 1
thanks
you'll have to define a <div> class with a text-align:center; property and use that class in your document where you want the text to be centerd.
👍: 0 ⏩: 1
that was a great tutorial!
very good explained , very simple and with some humour!
thnx a lot it helped very much!
👍: 0 ⏩: 1
thank you, i'm happy you found it useful. please fell free to ask if you have questions.
👍: 0 ⏩: 0
This was very helpful. I've been trying to find how to define different sections within the main journal text and now I know. Gonna have some fun with it. Thanks!
👍: 0 ⏩: 1
Hey man, I've been looking for a tutorial that deals with what the actual class-names to work with are. Thanks a bunch! This will ease the work next time I update the CSS code.
👍: 0 ⏩: 1
glad you find my tutorial useful. thank you for your comment.
👍: 0 ⏩: 0
this looks very useful...and DENSE
ahha this may take some time but thank you anyway! *fave'd*
👍: 0 ⏩: 1
thanks a lot.
please feel free to ask if something is not clear
👍: 0 ⏩: 0
Wow - I'm actually trying to get my head around CSS outside of DA (for my own website construction) but have been struggling to understand it - while this is obviously catering specifically for DA, I think this has probably made the most sense of all I've read so far - so many many thanks for that!
LL
👍: 0 ⏩: 1
well the concepts you find in the tutorial can be applied to any css, just remember you have no predefined classes
thank you
👍: 0 ⏩: 0
In the first set example for "my titles" ! and important are separated are they suppose to be that way? Also, I can't get the my titles to work, I put the <div> thing in my journal part not the CSS part and it just looks like regular text, not sure what I am suppose to be looking for or such, but just asking. By far though this is a wonderful tutorial and I followed it so easily 
👍: 0 ⏩: 1
thanks
blanks around ! are not significant.
did you remember to add a dot before the style name in the css? did you remember not to add the dot in the <div class="stylename"> tag in the journal?
if you can't get this to work, post the style definition (css part) and the <div> tag (journal part) and i'll see if i can catch the problem.
👍: 0 ⏩: 1
thanks for the tip about the ! 
I went back and tried it today, and some how it worked, so I am not sure what I had wrong but I think I got the hang of it now lol
👍: 0 ⏩: 1
zomg thankyou so much >w< (but i still kinda don't get the mytitle part... so i didn't do it @____@) this helped me sooooo much >w< thankyouuuu ^-^
👍: 0 ⏩: 1
i'm happy you found the tutorial useful.
about "mytitle"... it's a way to define your own personal styles: you invent a name for a style (in my example it was "mytitles", but it could be anything, like "johndoe") and define its attributes by placing them between the curly braces:
.journalbox .journaltext .johndoe {
attributes for johndoe style here
}
just be careful: in the definition above you have to put a dot before the style name: .johndoe
then in the journal you can assign that style to a section of your text, and all the text in that section will get the style attributes you defined above:
<div class="johndoe">text to be formatted here</div>
this time there must be no dot before johndoe.
hope this helps...
👍: 0 ⏩: 1
you're welcome. if you still have problems, feel free to ask.
👍: 0 ⏩: 0
I do believe this is the best journal CSS explination I have seen so far. I am a website designer (16 for all it matters), and I couldn't even get a background color up until I read this tutorial. Thanks for doing it, peace out!
👍: 0 ⏩: 1
<= Prev | 1 2 | Next =>