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

Sleeepy In reply to ??? [2008-05-03 07:51:10 +0000 UTC]

I read your tutorial and I've found it very useful to make my first CSS layout.
I've been looking all over DeviantArt for a good CSS tutorial and yours is definitely the best. It's very comprehensive and easy to understand.
Thank you for making such a great tutorial!

If you're interested I've used it here: [link]

πŸ‘: 0 ⏩: 1

Lilyas In reply to Sleeepy [2008-05-04 20:23:10 +0000 UTC]

You have done a lovely job! And I am very glad that my tutorial helped you making your journal!

πŸ‘: 0 ⏩: 0

sabysparkle In reply to ??? [2008-03-08 16:06:04 +0000 UTC]

Thanks for sharing this! This will surely be helpful!

πŸ‘: 0 ⏩: 1

Lilyas In reply to sabysparkle [2008-04-10 22:41:00 +0000 UTC]

Most welcome! Good luck!

πŸ‘: 0 ⏩: 0

BellaU [2008-03-04 22:49:05 +0000 UTC]

Very Cool - thank you so much.

πŸ‘: 0 ⏩: 1

Lilyas In reply to BellaU [2008-04-10 22:40:31 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

CalypsoTea [2008-02-26 14:42:20 +0000 UTC]

This was incredibly helpful and well-designed. Thank you so much! ^_^

πŸ‘: 0 ⏩: 1

Lilyas In reply to CalypsoTea [2008-02-26 21:59:01 +0000 UTC]

You are very welcome!

πŸ‘: 0 ⏩: 0

CarloValente In reply to ??? [2008-02-26 11:41:00 +0000 UTC]

and the others?

πŸ‘: 0 ⏩: 1

Lilyas In reply to CarloValente [2008-02-26 21:58:48 +0000 UTC]

... are not done yet. I have little time for DA projects lately.

πŸ‘: 0 ⏩: 0

hellarad17 [2008-02-02 23:03:41 +0000 UTC]

thank you for this.
it really helps.
i cant wait to make my skins!

πŸ‘: 0 ⏩: 1

Lilyas In reply to hellarad17 [2008-02-26 21:57:54 +0000 UTC]

Great, have fun!

πŸ‘: 0 ⏩: 0

Geaenie [2008-01-22 01:12:56 +0000 UTC]

I used your Tutorial here:
[link]
[link]
[link]
Thank you so much!
Hugs!
Bobbie

πŸ‘: 0 ⏩: 1

Lilyas In reply to Geaenie [2008-02-26 21:57:26 +0000 UTC]

Cool. Have you done a journal with that, too?

Your welcome for the tut!

πŸ‘: 0 ⏩: 1

Geaenie In reply to Lilyas [2008-02-27 00:03:13 +0000 UTC]

Yes, that was my first journal setup. Here is my newest one [link]

πŸ‘: 0 ⏩: 0

CookiemagiK [2008-01-17 20:14:27 +0000 UTC]

This tutorial looks great! I'll be sure to use this to make my journal once I get a sub
Have you done part 2 and 3 yet?

πŸ‘: 0 ⏩: 1

Lilyas In reply to CookiemagiK [2008-02-26 21:55:33 +0000 UTC]

The other parts are not done yet, I am sorry. But I am glad this one helped, too.

πŸ‘: 0 ⏩: 0

susanm1981 [2008-01-13 05:11:29 +0000 UTC]

This tutorial is the best I've found for the more advanced capabilities of CSS journals here on dA. It helped me a lot, thank you very much.

πŸ‘: 0 ⏩: 1

Lilyas In reply to susanm1981 [2008-02-26 21:54:50 +0000 UTC]

I am glad to hear that. Thank you very much!

πŸ‘: 0 ⏩: 0

SkylaComics [2008-01-04 09:59:59 +0000 UTC]

Thnx so much for this! It is extremely helpful

πŸ‘: 0 ⏩: 1

Lilyas In reply to SkylaComics [2008-01-04 13:03:46 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

ReverberatingWinds In reply to ??? [2008-01-02 16:57:46 +0000 UTC]

> < I hope CSS isn't as hard as it seems! This should help though, thanks!

πŸ‘: 0 ⏩: 1

Lilyas In reply to ReverberatingWinds [2008-01-04 13:08:56 +0000 UTC]

Welcome and good luck!

πŸ‘: 0 ⏩: 1

ReverberatingWinds In reply to Lilyas [2008-01-04 14:51:38 +0000 UTC]

Thanks!!

πŸ‘: 0 ⏩: 0

absolutforyou In reply to ??? [2007-12-26 13:54:03 +0000 UTC]

fantastic very great works..i like the collor

πŸ‘: 0 ⏩: 1

Lilyas In reply to absolutforyou [2007-12-29 01:12:35 +0000 UTC]

Thank you! Hope you like the content, too!

πŸ‘: 0 ⏩: 0

EdwardElric911 [2007-12-26 03:42:55 +0000 UTC]

Thanks for making this tut for those of us not familiar with CSS.

πŸ‘: 0 ⏩: 1

Lilyas In reply to EdwardElric911 [2007-12-29 01:13:56 +0000 UTC]

Most welcome indeed!

πŸ‘: 0 ⏩: 0

DCLeadboot In reply to ??? [2007-12-20 10:14:24 +0000 UTC]

This looks very useful! I'll try and keep a note of this!

πŸ‘: 0 ⏩: 1

Lilyas In reply to DCLeadboot [2007-12-21 14:40:24 +0000 UTC]

Good luck and Merry Christmas!

πŸ‘: 0 ⏩: 1

DCLeadboot In reply to Lilyas [2007-12-21 14:44:15 +0000 UTC]

Thanks! And you!

πŸ‘: 0 ⏩: 0

AlienationZombie In reply to ??? [2007-12-18 10:58:21 +0000 UTC]

Brilliant share!
Thanx for the hard work!

πŸ‘: 0 ⏩: 1

Lilyas In reply to AlienationZombie [2007-12-18 18:19:05 +0000 UTC]

My pleasure!

πŸ‘: 0 ⏩: 1

AlienationZombie In reply to Lilyas [2007-12-19 06:08:59 +0000 UTC]


I like your signature!

πŸ‘: 0 ⏩: 1

Lilyas In reply to AlienationZombie [2007-12-22 00:43:42 +0000 UTC]

Thanks a lot!

πŸ‘: 0 ⏩: 0

yamikashura [2007-12-14 03:02:29 +0000 UTC]

Gotta check it out, this is exactly what I've been lookin' for Thank you for sharing

πŸ‘: 0 ⏩: 1

Lilyas In reply to yamikashura [2007-12-14 14:32:09 +0000 UTC]

My pleasure!

πŸ‘: 0 ⏩: 0

Rebecca-dragon-fan In reply to ??? [2007-12-06 12:16:42 +0000 UTC]

awsome tut

πŸ‘: 0 ⏩: 1

Lilyas In reply to Rebecca-dragon-fan [2007-12-06 14:29:22 +0000 UTC]

Thanks.

πŸ‘: 0 ⏩: 0

Chukkz In reply to ??? [2007-12-03 17:16:40 +0000 UTC]

Always good to see people willing to share their knowledge, I think thatΒ΄s what this page is (should be) about. ^^ Thank you!

πŸ‘: 0 ⏩: 1

Lilyas In reply to Chukkz [2007-12-06 03:21:32 +0000 UTC]

You are right! Most welcome!

πŸ‘: 0 ⏩: 0

Killveous In reply to ??? [2007-11-28 17:13:24 +0000 UTC]

OMG... thank you.. *dies from loving you so much*
I got shown this by ClaireJones and I thank you from the very deepest part of my heart.. though I guess thats just alod of blood and... bi valves and mucles and ...stuff... BUT I LOVE YOU >W<
thank you so much
Im gona go read now... *runs off to read it and practice like a shrew*

πŸ‘: 0 ⏩: 1

Lilyas In reply to Killveous [2007-11-29 19:14:53 +0000 UTC]

Thank you! Hope you have much fun!

πŸ‘: 0 ⏩: 0

warui-shoujo In reply to ??? [2007-11-27 01:56:08 +0000 UTC]

wow more material to expand my mind on CSS! Awesome! thanks for sharing your knowledge!

πŸ‘: 0 ⏩: 1

Lilyas In reply to warui-shoujo [2007-11-29 19:21:05 +0000 UTC]

My pleasure!

πŸ‘: 0 ⏩: 0

cj2a In reply to ??? [2007-11-21 15:17:17 +0000 UTC]

Great resource...thanks!

πŸ‘: 0 ⏩: 1

Lilyas In reply to cj2a [2007-11-24 01:03:38 +0000 UTC]

My pleasure!

πŸ‘: 0 ⏩: 0

Lil-Teaser In reply to ??? [2007-11-21 15:12:53 +0000 UTC]

*
What a very great help !!!
I thank you so much !
You are such a nice person.

Sven

πŸ‘: 0 ⏩: 1

Lilyas In reply to Lil-Teaser [2007-11-24 01:04:09 +0000 UTC]

Absolutely my pleasure! I am glad it was helpful!

πŸ‘: 0 ⏩: 0

Miriel133 In reply to ??? [2007-11-11 11:22:54 +0000 UTC]

Thank you very much for this tutorial. It will be a good help for my first css.

πŸ‘: 0 ⏩: 1


<= Prev | | Next =>