HOME | DD

oktoberskind — CSS Tutorial - Do it Yourself

Published: 2008-08-14 17:36:55 +0000 UTC; Views: 5391; Favourites: 137; Downloads: 0
Redirect to original
Description My first tutorial... I hope it is useful.
Critics or ideas, please send me a note then
And if you create a CSS with this, please, please show me

the CSS helper can be found here

Important
I found two mistakes:
for the top it's .journaltop instead of box and
a:hover instead of a.hover

I'm very sorry for that. If you find more mistakes, please note me, I'm going to fix that!
Related content
Comments: 67

DJ-BluehKitteh [2010-09-16 00:50:03 +0000 UTC]

I need help making my text box. The code doesnt work for me ;A;
The scroll bar doesnt either, and I reaaally want one ;~;

👍: 0 ⏩: 0

MissMarco [2010-09-12 00:35:19 +0000 UTC]

Awesome! Thank you for making this.

👍: 0 ⏩: 0

Pinkbunny1001 [2010-01-22 16:01:41 +0000 UTC]

gosh, this is impossible o.o

👍: 0 ⏩: 0

Brackenleaf [2010-01-08 23:14:53 +0000 UTC]

Check out my journal to see the CSS Journal skin I made with your tutorial!

👍: 0 ⏩: 0

XxCindersxX [2009-10-02 03:57:52 +0000 UTC]

Omgz, so glad I found this!
dA CSS coding can be a little frustrating at times, I'm sure this tut is helpful.

I'll be sure to pass it around, thx.

👍: 0 ⏩: 0

TheChildInTheCorner [2009-10-01 14:57:28 +0000 UTC]

Hey just wanted to say thanks for posting your tutorial. I'd never been able to understand CSS too well until I looked at this one ^-^ I just made my first CSS using this tutorial (I've even linked back to this tutorial in it).

So thanks again. Most appreciated.

👍: 0 ⏩: 0

unokitsune [2009-08-18 21:58:08 +0000 UTC]

oktoberskind, I'm having trouble understand the text code that removes the green bars that block off the image in journaltop and box. Can you please help?

👍: 0 ⏩: 0

TheMadSpot [2009-05-21 03:30:54 +0000 UTC]

your CSS tut was SO HELFUL you just can imagine!

Look at my latest journal to have a view please again thank youuuuuuuuuu

👍: 0 ⏩: 1

oktoberskind In reply to TheMadSpot [2009-05-21 16:24:58 +0000 UTC]

Nice nice Glad it halped you

👍: 0 ⏩: 0

xxkudokuokamixx [2009-05-19 04:57:45 +0000 UTC]

Very nice and simple! Good reference! Thank you!

👍: 0 ⏩: 1

oktoberskind In reply to xxkudokuokamixx [2009-05-21 16:26:05 +0000 UTC]

Thank YOU

👍: 0 ⏩: 0

inacom [2009-03-30 16:31:15 +0000 UTC]

your tutorial was extremely useful for me
thank you very much for your work!

and I have a question too: how can I remove or modify the color of the "Journal entry:" text that appears before the date?

👍: 0 ⏩: 1

oktoberskind In reply to inacom [2009-04-13 10:21:03 +0000 UTC]

It's defined with ".journaltop". The font-size should be 0px, then the little line with the time and so on disappears (doesn't really work for IE) and then, to get the time and so on again :
.journaltop span{ font-size: 12px;}

Tataaaaaaaaa

sorry for the late answer

👍: 0 ⏩: 1

inacom In reply to oktoberskind [2009-04-13 15:24:51 +0000 UTC]

thank you very much!

👍: 0 ⏩: 1

oktoberskind In reply to inacom [2009-04-13 22:10:08 +0000 UTC]

you're welcome

👍: 0 ⏩: 0

lil-blue02 [2009-03-22 17:51:18 +0000 UTC]

This is very helpful! If i ever get subscribed,
I will come back to this for help!
Thanks for sharing!

👍: 0 ⏩: 1

oktoberskind In reply to lil-blue02 [2009-03-23 18:15:53 +0000 UTC]

no problem

👍: 0 ⏩: 0

pikku-ish [2009-03-20 11:26:57 +0000 UTC]

With your tutorial, maybe (at least ) I'll make a journal by myself

👍: 0 ⏩: 1

oktoberskind In reply to pikku-ish [2009-03-20 14:11:01 +0000 UTC]

that's great Would you send me a link then? I would so love to see what you made of it

👍: 0 ⏩: 1

pikku-ish In reply to oktoberskind [2009-03-20 14:50:02 +0000 UTC]

No problem But I don't know when I'll do it

👍: 0 ⏩: 1

oktoberskind In reply to pikku-ish [2009-03-20 16:22:34 +0000 UTC]

That doesn't matter

👍: 0 ⏩: 1

pikku-ish In reply to oktoberskind [2009-03-25 13:58:28 +0000 UTC]

hei hei

I made CSS! [link] It's not perfect but I was doing it to not learn to exam but I will do it better one later

big thank for help. your tutorial was very handy

👍: 0 ⏩: 1

oktoberskind In reply to pikku-ish [2009-04-13 10:22:58 +0000 UTC]

Thank you!
I love the header graphic!!!

👍: 0 ⏩: 1

pikku-ish In reply to oktoberskind [2009-04-13 10:57:36 +0000 UTC]

thank you - it's a part of my picture

👍: 0 ⏩: 1

oktoberskind In reply to pikku-ish [2009-04-13 11:08:39 +0000 UTC]

👍: 0 ⏩: 0

Adrastia217 [2009-03-08 23:53:05 +0000 UTC]

wow...thanks a bunch for this >^_^<

👍: 0 ⏩: 1

oktoberskind In reply to Adrastia217 [2009-03-09 12:58:50 +0000 UTC]

you're very welcome

👍: 0 ⏩: 0

trampy-mouse [2009-02-18 22:40:19 +0000 UTC]

Hi! Just a quick question, do you know how to make the 'journal entry...' text a different colour?

👍: 0 ⏩: 1

oktoberskind In reply to trampy-mouse [2009-02-19 17:44:42 +0000 UTC]

You mean the general header, the big title or the small one that's in front of the date?

👍: 0 ⏩: 1

trampy-mouse In reply to oktoberskind [2009-02-19 22:50:48 +0000 UTC]

I meant the one in front of the date but it's ok, i've sussed it now lol ^_^

👍: 0 ⏩: 1

oktoberskind In reply to trampy-mouse [2009-02-23 16:52:07 +0000 UTC]

okay

👍: 0 ⏩: 0

CandaceBerger [2009-02-02 00:10:31 +0000 UTC]

Thanks for the tutorial, it helped me a lot!

👍: 0 ⏩: 1

oktoberskind In reply to CandaceBerger [2009-02-02 11:40:01 +0000 UTC]

That's nice to hear

👍: 0 ⏩: 0

KittenCrafting [2009-01-19 01:20:13 +0000 UTC]

Can I just ask- is there any way to change font color? I have a purple background that I really like but the standard font colour doesn't show up.

👍: 0 ⏩: 1

oktoberskind In reply to KittenCrafting [2009-01-19 14:22:58 +0000 UTC]

Hm...
okay... open your journal and check the css code.
"color" changes the font color. No "background-color" or whatever you may find, just "color". If you delete it, the presetting will show up. But be careful. If it says ".a{ color:#xxx}" it's about the links. Try it, and use this side : [link] there you can just test it. If it doesn't worK at all just send me your complete css code and I will cahnge it for you

👍: 0 ⏩: 1

KittenCrafting In reply to oktoberskind [2009-01-19 17:09:03 +0000 UTC]

I got it to work. Thanks very much, just finished adding it to my gallery and faves too.
Your tutorial was so helpful, thanks.

👍: 0 ⏩: 1

oktoberskind In reply to KittenCrafting [2009-01-19 18:21:37 +0000 UTC]

That's nice to hear

👍: 0 ⏩: 0

Khezix [2009-01-15 22:53:44 +0000 UTC]

Thanks so much for making this! This really, really helps me since I'm so CSS-challenged. xD;

👍: 0 ⏩: 1

oktoberskind In reply to Khezix [2009-01-16 13:21:16 +0000 UTC]

I hope so But I think I'll make anotherone, too, cause this is kind of sepcial for that CSS... at least I think so

👍: 0 ⏩: 0

071191 [2009-01-10 02:22:36 +0000 UTC]

Iddkk...This is complicated Well, I still got to read a lot of times and repeat to get a nice CSS It is not to say this tutorial is bad but this thing is COMPLICATED @.@ Lucky I bookmark it already ^ ^ Well, THANKS!! It will be a great help!!!

THANKS! You are really sweet and thanks for taking so long to type them out ^ ^ thanks sweetie..I hope I will be success


Ler

👍: 0 ⏩: 1

oktoberskind In reply to 071191 [2009-01-10 12:21:19 +0000 UTC]

You're welcome I will do more tutorials when I have time for that [I want to do one so easy that everyone can understand it ]

👍: 0 ⏩: 1

071191 In reply to oktoberskind [2009-01-10 13:25:13 +0000 UTC]

LOL. I understand you, don't misunderstand but it is just too complicated and I really need to get some time and really look at it and keep trying! LOL. I think I will fail for the first few times but well, I will get use to it soon! THANKS SWEETIE!


Ler

👍: 0 ⏩: 1

oktoberskind In reply to 071191 [2009-01-10 14:28:01 +0000 UTC]

👍: 0 ⏩: 0

TimLaSure [2009-01-09 18:35:04 +0000 UTC]

This is very helpful! Thank you very much!

👍: 0 ⏩: 1

oktoberskind In reply to TimLaSure [2009-01-10 12:21:29 +0000 UTC]

you're welcome

👍: 0 ⏩: 0

pandagirl9232 [2008-10-26 17:41:11 +0000 UTC]

Ok i'm really new at this so i might ask a lot of questions sorry. Ok first question, are you making this in PS? I'm also confused with the CSS helper thing. I got my subscription today so can you expect

👍: 0 ⏩: 1

oktoberskind In reply to pandagirl9232 [2008-10-26 20:11:06 +0000 UTC]

The graphics can be made with Photoshop but the script basically is text. So you can open words or the helper. The CSS helper is pretty useful cause you can see all the changes immediatly. That heelps you to understand which value changes what. I hope that answered the first questions, if you got more or wanna know more, feel free to note me or message me again, I will help! Or maybe we can make some kind of messenger session, then I could help and explain everything "live"

👍: 0 ⏩: 1

pandagirl9232 In reply to oktoberskind [2008-10-27 00:29:18 +0000 UTC]

thank you. i finally realized what you were saying in the tutorial after i read more into it. I'll note if ii need anymore help. thank for all your help.

👍: 0 ⏩: 1

oktoberskind In reply to pandagirl9232 [2008-10-27 09:08:53 +0000 UTC]

You're welcome

👍: 0 ⏩: 0

GreenDaysFinest [2008-10-12 03:28:33 +0000 UTC]

Thanks for this!! I'm workong on my journal CSS now...but i can't figure out how to move the "Journal Entry" text. Do you know how? I saw mention of it earlier, but i'm not sure if you've figured anythign about it. I'd rather be able to move it than delete it if it isn't too much. ^^

👍: 0 ⏩: 1


| Next =>