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: 49884; 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

AnnieMsson In reply to ??? [2008-12-07 21:55:25 +0000 UTC]

A MUST read for anyone that never done CSS before! I just created my first CSS journal and this tutorial helped me a lot! Thank you for sharing!

πŸ‘: 0 ⏩: 0

sarroora In reply to ??? [2008-11-19 14:10:10 +0000 UTC]

This can be useful! Thank you for making it I'm downloading now!

πŸ‘: 0 ⏩: 1

Lilyas In reply to sarroora [2008-11-19 20:20:05 +0000 UTC]

My pleasure!

πŸ‘: 0 ⏩: 0

Manwathiell [2008-11-18 00:43:12 +0000 UTC]

I am so delighted ! I just found this while browsing your gallery for art...
Already downloading to desktop
See ? One learns here !
Because users like you share and help amateurs like me by doing these
tutorials.



πŸ‘: 0 ⏩: 0

plexuzz [2008-11-09 03:15:36 +0000 UTC]

Thank you.

πŸ‘: 0 ⏩: 0

KneelingGlory [2008-11-04 03:12:17 +0000 UTC]

Excellent! Thank you SO much! I need this

πŸ‘: 0 ⏩: 0

oesalces [2008-10-28 19:52:57 +0000 UTC]

thanks for sharing

πŸ‘: 0 ⏩: 1

Lilyas In reply to oesalces [2008-10-28 21:48:30 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

Serenityfhotography In reply to ??? [2008-10-24 22:06:52 +0000 UTC]

With your help I was able to create my first journal CSS. It's not perfect but it is a start. [link]

thank you for the inspiration

πŸ‘: 0 ⏩: 1

Lilyas In reply to Serenityfhotography [2008-10-25 01:29:55 +0000 UTC]

That's great!!! My pleasure!

πŸ‘: 0 ⏩: 0

Osenah [2008-10-20 00:49:47 +0000 UTC]

^^ Very simple, thank you! This is exactly what I was looking for. Now maybe I can finally make my own journal css.

Feels Positive!

πŸ‘: 0 ⏩: 1

Lilyas In reply to Osenah [2008-10-20 13:29:06 +0000 UTC]

My pleasure! Have fun!

πŸ‘: 0 ⏩: 0

Sashahm [2008-10-04 06:31:08 +0000 UTC]

thanks!

πŸ‘: 0 ⏩: 0

Fairy-Symphony In reply to ??? [2008-09-21 21:35:51 +0000 UTC]

Hey, For same reason I can't download it. Could you maybe send it to my email? Please....
forbiddenpassion@windowslive.com

πŸ‘: 0 ⏩: 1

Lilyas In reply to Fairy-Symphony [2008-09-22 19:06:29 +0000 UTC]

Hm, I can't download it either. I will send a report I think. If the problem still persists I can send you the file per email.

πŸ‘: 0 ⏩: 0

tenshi0389 [2008-09-13 15:39:56 +0000 UTC]

This is amaing, I will have to try making mine once i have more time and less homework

πŸ‘: 0 ⏩: 0

MoonLament In reply to ??? [2008-08-27 08:48:57 +0000 UTC]

Thankyou so much x

im thinking of subscibing myself...wants i get my head around css : )

πŸ‘: 0 ⏩: 0

If-Wings-Could-Fly [2008-08-16 23:06:52 +0000 UTC]

thankx~~!! i'm going to try to make one!!

πŸ‘: 0 ⏩: 0

Marc-pHX [2008-07-27 15:51:33 +0000 UTC]

I've been looking for something like this for days! Thank you very much, it's incredible, I must fav it!

πŸ‘: 0 ⏩: 0

ashestoApples [2008-07-15 17:28:24 +0000 UTC]

Wow!
thank you very much for the time and effort you put into this.
You're helping a lot of people, including myself.

πŸ‘: 0 ⏩: 1

Lilyas In reply to ashestoApples [2008-07-16 14:47:21 +0000 UTC]

It's my pleasure!!!

πŸ‘: 0 ⏩: 0

arttac22 In reply to ??? [2008-07-13 02:04:55 +0000 UTC]

Thanks so much for the tutorial. Very thoughtful.

πŸ‘: 0 ⏩: 1

Lilyas In reply to arttac22 [2008-07-15 15:07:36 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

Audodo [2008-07-03 13:16:20 +0000 UTC]

thanks you so much

πŸ‘: 0 ⏩: 1

Lilyas In reply to Audodo [2008-07-03 14:27:33 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

Ragdoll82 In reply to ??? [2008-06-27 01:12:12 +0000 UTC]

Thank you for the time you put into this wonderful tutorial!

πŸ‘: 0 ⏩: 0

Prince-Yuki [2008-06-26 14:18:25 +0000 UTC]

Wow! This seems to be very helpful!! Is it okay if I use it?

πŸ‘: 0 ⏩: 1

Lilyas In reply to Prince-Yuki [2008-06-26 14:55:34 +0000 UTC]

Sure thing.

πŸ‘: 0 ⏩: 1

Prince-Yuki In reply to Lilyas [2008-06-26 15:02:50 +0000 UTC]

Thankyou very much!

πŸ‘: 0 ⏩: 0

SheTakesPics In reply to ??? [2008-06-17 19:35:14 +0000 UTC]

fantastic tutorial
thank you sooooo much for sharing this

πŸ‘: 0 ⏩: 1

Lilyas In reply to SheTakesPics [2008-06-17 21:08:49 +0000 UTC]

My pleasure!

πŸ‘: 0 ⏩: 0

philbstv In reply to ??? [2008-06-09 07:46:00 +0000 UTC]

Danke fΓΌr das Tutorial

Werde ich mir im Laufe des Tages mal in Ruhe anschauen...habe mich noch nie wirklich an solchen Journal Layouts versucht!

Ich kann zwar CSS, designen auch, wieso also nicht einfach mal ausprobieren

πŸ‘: 0 ⏩: 1

Lilyas In reply to philbstv [2008-06-09 10:48:21 +0000 UTC]

Genau! Viel Spaß!

πŸ‘: 0 ⏩: 0

KyokuikiRyu In reply to ??? [2008-06-03 22:01:29 +0000 UTC]

I think I may be able to make my own CSS now! XD

πŸ‘: 0 ⏩: 1

Lilyas In reply to KyokuikiRyu [2008-06-04 14:07:08 +0000 UTC]

That's great!

πŸ‘: 0 ⏩: 0

StarwaveImpulse [2008-05-30 21:01:24 +0000 UTC]

Oh! This is very helpful, thank you!

πŸ‘: 0 ⏩: 1

Lilyas In reply to StarwaveImpulse [2008-05-30 21:48:40 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

blingyeol In reply to ??? [2008-05-28 20:18:28 +0000 UTC]

Really helpful tutorial, even someone as stupid as me is getting to understand this tricky thing XD Although it takes me damn long to create what I want, I really admire you for being able to do such wonderful designs!

πŸ‘: 0 ⏩: 1

Lilyas In reply to blingyeol [2008-05-28 21:02:54 +0000 UTC]

Thanks for these nice words. I wish you good luck!

πŸ‘: 0 ⏩: 1

blingyeol In reply to Lilyas [2008-05-29 17:38:46 +0000 UTC]

Thankyou as well!

πŸ‘: 0 ⏩: 0

Spinewinder In reply to ??? [2008-05-13 15:22:14 +0000 UTC]

Thanks, appreciate all the work you put into your tutorials

πŸ‘: 0 ⏩: 0

Spinewinder In reply to ??? [2008-05-13 11:54:24 +0000 UTC]

Hey, just downloading Thanks should be a great help

πŸ‘: 0 ⏩: 1

Lilyas In reply to Spinewinder [2008-05-13 15:09:05 +0000 UTC]

Good luck!

πŸ‘: 0 ⏩: 0

Igasm In reply to ??? [2008-05-09 01:05:33 +0000 UTC]

this is amazing thanks for your help! but im needing part two for the trickier text box

πŸ‘: 0 ⏩: 1

Lilyas In reply to Igasm [2008-05-09 01:46:44 +0000 UTC]

Thank you. For now I could help you with answering this question directly.

πŸ‘: 0 ⏩: 0

blissart In reply to ??? [2008-05-08 14:48:57 +0000 UTC]

I would want you to make part 2 & 3 as well, cause your style of explanation is fantastic & unambiguous, its definitely is one of a gem & must read for anybody who is new to CSS & wants to design for themselves!!

πŸ‘: 0 ⏩: 1

Lilyas In reply to blissart [2008-05-13 15:08:51 +0000 UTC]

Yes, I want me to do that, too! I know people like it understandable and I have seen many tutorials that are useful for other designers only. I'll do what I can!

πŸ‘: 0 ⏩: 0

dbestarchitect In reply to ??? [2008-05-07 23:44:26 +0000 UTC]

Very helpful, and potentially featureable.

πŸ‘: 0 ⏩: 1

Lilyas In reply to dbestarchitect [2008-05-13 15:07:23 +0000 UTC]

Thank you!

πŸ‘: 0 ⏩: 1

dbestarchitect In reply to Lilyas [2008-05-13 22:19:02 +0000 UTC]

np

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>