HOME | DD

Krule — Advanced CSS journal tutorial by-nc-nd

Published: 2006-09-28 13:42:46 +0000 UTC; Views: 11294; Favourites: 74; Downloads: 1521
Redirect to original
Description *Update
This tutorial has been updated to Ver2. Please Click download to view.

*Changes
Added several things, formated the text for easier readability.

Next Update
Next update is scheduled for 03.10.2006. and it adresses several questions that have been raised since ver 2. It also has Q&A part and now has a navigation system for faster accessing the needed parts.

Additional
Please leave a comment or a critique on this tutorial, so I can now what to fix and whiuch issue to address in the next version.
Related content
Comments: 25

PlagueInfected [2009-11-20 10:39:20 +0000 UTC]

where do I go to put my code in?

👍: 0 ⏩: 0

GreyMoccasin [2008-06-09 11:41:01 +0000 UTC]

Very helpful and clearly written. Appreciate it.

👍: 0 ⏩: 0

ocs [2008-01-04 16:45:08 +0000 UTC]

i"m paralel with this!! please make a video!!!!

👍: 0 ⏩: 1

Krule In reply to ocs [2008-01-21 11:30:29 +0000 UTC]

Thank you on lovely comment.

As far as video is concerned, I would have to say... no.

👍: 0 ⏩: 0

Zrein [2007-10-01 00:57:33 +0000 UTC]

very useful thank you!
i will try it tomorrow

👍: 0 ⏩: 1

Krule In reply to Zrein [2008-01-21 11:29:06 +0000 UTC]

Thank you.

👍: 0 ⏩: 0

ixeo [2006-10-23 17:12:15 +0000 UTC]

Definitely useful !
Thank you...

👍: 0 ⏩: 1

Krule In reply to ixeo [2006-10-23 17:32:25 +0000 UTC]

Thanx for a lovely comment.

👍: 0 ⏩: 1

ixeo In reply to Krule [2006-10-23 19:31:34 +0000 UTC]

You're most welcome...
Your tutorial proved very useful !

👍: 0 ⏩: 0

ixeo [2006-10-23 17:11:39 +0000 UTC]

Definitely useful !
Thank you...

👍: 0 ⏩: 0

nichtgraveyet [2006-09-29 06:16:19 +0000 UTC]

nice one dude, another helpful resource

psst! you might want to move it to the more appropriate, and newly created Resources > Tutorials > Web Design > HTML/CSS/Scripting

👍: 0 ⏩: 2

Krule In reply to nichtgraveyet [2006-09-29 19:30:16 +0000 UTC]

Updated.

👍: 0 ⏩: 0

Krule In reply to nichtgraveyet [2006-09-29 06:33:32 +0000 UTC]

Thank you, I will.

👍: 0 ⏩: 0

NaujTheDragonfly [2006-09-28 22:40:09 +0000 UTC]

Sweet, I'l put a link to this in my journal.

👍: 0 ⏩: 1

Krule In reply to NaujTheDragonfly [2006-09-28 23:14:24 +0000 UTC]

Thank you. Comments and sugestions for improvment are welcome.

👍: 0 ⏩: 1

NaujTheDragonfly In reply to Krule [2006-09-29 04:25:09 +0000 UTC]

hmm, learning some stuff from here, Thanks, my journal is looking moe like I want it to look like.

👍: 0 ⏩: 2

Krule In reply to NaujTheDragonfly [2006-09-29 19:33:40 +0000 UTC]

Updated with new stuff and easier readability.

👍: 0 ⏩: 1

NaujTheDragonfly In reply to Krule [2006-09-29 23:16:41 +0000 UTC]

I see, a lot more clean looking, great job, The link to it is still in my journal.

👍: 0 ⏩: 0

Krule In reply to NaujTheDragonfly [2006-09-29 06:45:05 +0000 UTC]

This is primarily ment to teach some basics of css that are most useful in DA journals. I will probably redesign it soon and place in html file, so it is more readable.

👍: 0 ⏩: 1

NaujTheDragonfly In reply to Krule [2006-10-12 04:26:33 +0000 UTC]

I, like that you keep updateing this, great to keep sharing what you learn.

👍: 0 ⏩: 1

Krule In reply to NaujTheDragonfly [2006-10-12 09:35:07 +0000 UTC]

Well i am currently working on one big web project, so i did not had any time to code javascript journal creation. That is the reason why scheduled update is not over yet. However as soon as i make a bit of time, i will try to code it. I am fairly new to javascript (still grasping some ajax principles), but is should not be hard.

Knowledge is not a problem, remembering to put something in is. I do work with css on daily basis for some time now, and sometimes I think that there is no need to explain some basic concepts. But usually, basic concepts are where people fail the most.

That is why I need community input. I need questions to answer to mekae this better.

👍: 0 ⏩: 2

NaujTheDragonfly In reply to Krule [2006-10-15 07:36:07 +0000 UTC]

Got a ? for you. Is there a way to make a 2 colour border? Like a 4px Black border and a 2px white border just inside of that.

👍: 0 ⏩: 1

Krule In reply to NaujTheDragonfly [2006-10-15 21:39:40 +0000 UTC]

You cant have 2 borderd on a single object. However you can have 2 objects, one inside other.

.journalbox is the one that contains all other objects so you can place border: 4px solid #000; for that one.

Now, for other borders, you need to place border definition inside several othger layers.

.joutnaltop {
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

.list {
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

.journaltext {
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

.journalbottom {
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}

👍: 0 ⏩: 1

NaujTheDragonfly In reply to Krule [2006-10-15 22:14:00 +0000 UTC]

now isn't that simple, Thanks for the help.

👍: 0 ⏩: 0

NaujTheDragonfly In reply to Krule [2006-10-13 00:47:52 +0000 UTC]

cool, if I have a question, i'll ask you.

👍: 0 ⏩: 0