HOME | DD
Lilyas — CSS Tutorial Part I: BASICS
#basics #blue #css #fantasy #introduction #simple #standards #tutorial #fantasyblue #csstutorial
Published: 2007-07-06 02:27:09 +0000 UTC; Views: 49885; Favourites: 1054; Downloads: 13064
Redirect to original
Description
Hello my friends!
Long have you waited but finally I finished the first part of the CSS tutorial. This introduction is designed for absolute CSS beginners and will show you step by step the ways of CSS coding and also a bit of designing a basic graphic layout.
Hit the Download button!
I wrote the document for this tutorial in Adobe InDesign and converted it into a pdf-file. You will find it together with some stock examples in the zip-folder when you download it.
Note: You need Acrobat Reader to open the document!!! It's free software.
Get Acrobat Reader Continuations of the basic tutorial will be:
- Part II: Advanced CSS
- Part III: Smart Tricks
I hope my demonstrations will be useful for you! Good luck and much fun learning CSS for DeviantART!!!
Related content
Comments: 419
My pleasure! I wish you much fun and good luck!
👍: 0 ⏩: 0
i think this is exactly what i needed. i dont seem to have any skill / luck with CSS at all.
👍: 0 ⏩: 1
Okay, it seems I'm the only dunce around here. Why is it asking me for a password after it's been downloaded?
👍: 0 ⏩: 1
Hm. Do you open it with Adobe Acrobat? If nothing helps I'll send you an unprotected version.
👍: 0 ⏩: 1
Yeah, I think so. It comes up as a Photoshop file, so maybe that is the problem?
👍: 0 ⏩: 1
Definitely, hon!!! You need Acrobat Reader: [link]
It's free software.
👍: 0 ⏩: 1
Hmm .. thought I had AR but I'll give it another go 
👍: 0 ⏩: 0
Best tutorial! Great design! Instant favorite!!
👍: 0 ⏩: 1
Great compliment! Thank you very much!
👍: 0 ⏩: 0
Respect!! thanks so much for this vital info and for ur time......
👍: 0 ⏩: 1
Welcome! Thank you very much!
👍: 0 ⏩: 0
THX !! IREALLLY NEEDED DAT !!! IM STILL A NEW PERSON IN THis THING I DIDNT EVEN MAKE A WALLPAPER FOR MY ICON thinG...
👍: 0 ⏩: 1
I know for fact that you have godlike powers with the CSS... So I'm trusting on this
It's not going to 'splode when I unzip it is it?
👍: 0 ⏩: 1
LOL, no!!!! 
👍: 0 ⏩: 0
Thank you for all the Hard work and Time,
Very Nice lookung Tutorial.
👍: 0 ⏩: 1
I wish to download it but my parents won't let me. What can I do? -_-
👍: 0 ⏩: 1
What do you mean your parents won't let you? Why wouldn't they? Maybe an email helps then.
👍: 0 ⏩: 0
Lily, I just wanted to thank you for this tutorial. It is concise and to the point. Turns out the biggest issue I was having was creating the picture for the journal! THANK YOU!!!
👍: 0 ⏩: 1
Thank you for taking the time to help, I'm just starting in CSS so this would come handy.
👍: 0 ⏩: 1
ILU <3
Its sooo easy to understand, esp since i've done html before <333
I'm recommending this to others :3
👍: 0 ⏩: 1
I am glad you found this useful! Thank you!
👍: 0 ⏩: 0
Oh my gawsh this is fabulous. Thank you so much for having it!
👍: 0 ⏩: 1
You are most welocme! I am glad it is useful for you.
👍: 0 ⏩: 0
great tutorial. The only thing im having trouble with is that when you resize the broweser window, the graphics in the journal (that should be at the journals width) don't size with the journal. so there's a gap. Like if my title image is 400 pixels wide, but the journal is 500, there are spaces on each side with the image in the middle. How do you account for window resizing?
Thanks and great job!
👍: 0 ⏩: 2
Thanks a lot for comment, fav and watch!
There is a way to let your browser resize your images but I don't recommend it. You simply do that in the CSS defining your image sizes with width and height = 100%. I always try to design images that way that they look good in a 400 pixels wide window as well as on wide screen.
👍: 0 ⏩: 1
Thanks for the help. I decided to use an image at a certain width and then lock down the width of the journal itself.
👍: 0 ⏩: 1
It's a way, too. But the graphics you made also can be made flexible with the right CSS code.
👍: 0 ⏩: 0
figures.. the minute after i ask, i figured it out. width in the journalbox selector..
👍: 0 ⏩: 0
Give me more more more. I'm just now learning how to do journal css and discovered how exciting and easy it is. this tutorial has helped me a little but now I need more. I want to know how to do a sidebar and other little slick things in the journal. You have me hooked. Bring it on. Thank you.
👍: 0 ⏩: 1
Ok, ok, LOL! There will be an advanced tutorial with all that. If it is urgent contact me via notes and I will try to answer your questions.
👍: 0 ⏩: 1
I will note you soon enough. Thank you for the support.
👍: 0 ⏩: 1
this is so ridiculously helpful
thank you so much for making it ^^ it was nice and easy to understand what was going on and what everything was refering too so i was able to tweak things if i wanted too, my CSS design is now somewhat finalized lol xD probably still some tweaking to do
really appreciate you making this :3
👍: 0 ⏩: 1
I am very glad it was useful for you!
👍: 0 ⏩: 0
Finally! A tutorial I can actually understand. Maybe now I won't be ripping my hair out trying to design a halfway decent journal layout. Thank you very much for sharing this. I really appreciate your generosity.
👍: 0 ⏩: 1
It was my pleasure and I am glad this tut is useful for you. Let me know when you worked out your own design!
👍: 0 ⏩: 1
Hmmmm, don't hold your breath!
👍: 0 ⏩: 1
<= Prev | | Next =>