HOME | DD

TaleiTUT: Using CSS Scroll Boxes

Published: 2008-05-15 19:51:11 +0000 UTC; Views: 46037; Favourites: 907; Downloads: 4716
Redirect to original
Description

Quite a few people have asked me about this now. So here is a full tutorial/documentation on how to do it, with complete instructions, including how to use multiple boxes of different sizes.

This includes the following files;
Scrolling Boxes CSS
Using more than one box
Journal Entry
Preview


This is now a .zip file. If you would prefer a .rar, just drop a comment and I'll up one for you.

DO NOT USE MY CODES. IT WILL NOT WORK. IF YOU FOLLOW THE DOCUMENTATION YOU WILL KNOW WHY RATHER EASILY. ITS A MATTER OF CLASS NAMES, AND IF YOU DON'T UNDERSTAND WHAT I'M ON ABOUT, YOU OBVIOUSLY DIDN'T LEARN SO GO OVER IT UNTILL YOU DO. IF YOU TRY AND COME TO ME LIKE THE PAST FEW HUNDRED PEOPLE SAYING "IT DOESN'T WORK!" I'M GOIN TO SCREAM. YOU'RE SUPPOSED TO LEARN HOW TO DO IT YOURSELF, NOT TAKE MY CODE.

You do not have to credit me in your Journal CSS if you use this if you do not want to, but I'd appreciate it if you left a comment to let me know you used it and added it to your favourites if it was useful. Especially if you use my template!

Please don't note me with questions about using this, please leave a comment on this deviation. That way, if someone else has a similar issue, I can try and avoid repeating myself.

In the preview, a header THEN the scroll box is shown.
This tutorial is for the SCROLLBOX ONLY.
If you're looking for the header tutorial that matches, please check in my gallery. You can find it here [link]

EDIT: HOLY CRAP A DD. I'm gobsmacked. I went to sleep feeling like shap last night. Yes shap, its a word I invented, and if you can't guess what words I put together there, you may still be calling people "poo-poo head" But yez, so to wake up to a DD was a really, really nice surprise, it hadn't ever even crossed my mind, so seeing some "congrats on the DD" comments made me have to check and do a double take! Thank you, Anni, for suggesting me! If you don't know her already, go and visit her over at =soulful-tears because she's so damn lovely.
Related content
Comments: 546

Talei In reply to ??? [2009-05-18 20:27:07 +0000 UTC]

No problemo

👍: 0 ⏩: 0

harvest-jacobina In reply to ??? [2009-05-12 12:18:59 +0000 UTC]

Wow, thanks for uploading this! This will surely help me now that I'm working on making CSS layouts for journals here in dA! (I know that you need a subbie to enable CSS, but I've been practicing on preview.)

👍: 0 ⏩: 1

Talei In reply to harvest-jacobina [2009-06-22 08:49:28 +0000 UTC]

No problem!

👍: 0 ⏩: 0

indigobunny In reply to ??? [2009-05-11 14:33:46 +0000 UTC]

Wow, I'm definitely going to be using this!
Thanks for the great tutorial

👍: 0 ⏩: 1

Talei In reply to indigobunny [2009-06-22 08:49:19 +0000 UTC]

You're very welcome, happy to help

👍: 0 ⏩: 0

Mysterio-san In reply to ??? [2009-05-11 14:13:19 +0000 UTC]

I'll be sure to use this when I try to make my own journal CSS.

Thanks for this tutorial.

I've always wondered how people get the "scroll boxes" in their journals.

👍: 0 ⏩: 1

Talei In reply to Mysterio-san [2009-06-22 08:49:07 +0000 UTC]

Go for it! No problem

👍: 0 ⏩: 0

Foxxy-Tomo In reply to ??? [2009-04-26 12:13:44 +0000 UTC]

great tutorial !

👍: 0 ⏩: 1

Talei In reply to Foxxy-Tomo [2009-04-26 18:22:11 +0000 UTC]

Thank you.

👍: 0 ⏩: 0

cosu In reply to ??? [2009-04-23 05:35:47 +0000 UTC]

good tutorial ^^

👍: 0 ⏩: 1

Talei In reply to cosu [2009-04-26 18:21:27 +0000 UTC]

Thanks.

👍: 0 ⏩: 0

Karmillina In reply to ??? [2009-04-15 01:40:12 +0000 UTC]

Sounds like good stuff D: me wants!

👍: 0 ⏩: 1

Talei In reply to Karmillina [2009-04-15 09:27:01 +0000 UTC]

Thanks.

👍: 0 ⏩: 1

Karmillina In reply to Talei [2009-04-15 13:59:43 +0000 UTC]

I got it right! Thanks for the tut ^^

👍: 0 ⏩: 1

Talei In reply to Karmillina [2009-04-15 15:20:22 +0000 UTC]

Glad to hear! I'm so glad you found it useful!

👍: 0 ⏩: 0

thiNk-diff3r3Nt In reply to ??? [2009-04-06 11:31:04 +0000 UTC]

shoot! *eek*

👍: 0 ⏩: 1

Talei In reply to thiNk-diff3r3Nt [2009-04-06 13:31:22 +0000 UTC]

👍: 0 ⏩: 1

thiNk-diff3r3Nt In reply to Talei [2009-04-07 15:00:55 +0000 UTC]

u know... i'm starting 2 notice that i get lotsa replies that hav faces just like that



i always get

👍: 0 ⏩: 1

Talei In reply to thiNk-diff3r3Nt [2009-04-07 19:17:35 +0000 UTC]

Thats because your comment made no sense whatsoever...

👍: 0 ⏩: 1

thiNk-diff3r3Nt In reply to Talei [2009-04-08 15:16:34 +0000 UTC]

of course it made no sense

i made a comment 4 the sake of making a cooment... 4 i faved it

👍: 0 ⏩: 1

Talei In reply to thiNk-diff3r3Nt [2009-04-08 17:12:00 +0000 UTC]

👍: 0 ⏩: 0

KageMeishin In reply to ??? [2009-03-24 14:17:27 +0000 UTC]

Thank you so much for sharing

👍: 0 ⏩: 1

Talei In reply to KageMeishin [2009-03-25 21:37:35 +0000 UTC]

Anytime ;D

👍: 0 ⏩: 0

RenjiLuvah In reply to ??? [2009-03-23 21:12:08 +0000 UTC]

This came in really handy! I edited it for my club and we've given you credit. >>

Thanks for the tutorial.

👍: 0 ⏩: 1

Talei In reply to RenjiLuvah [2009-03-25 21:34:21 +0000 UTC]

I'm glad it was helpful!

👍: 0 ⏩: 0

hissorihaka In reply to ??? [2009-03-20 04:55:11 +0000 UTC]

This is sweet! I'm using this next time! ^_^

Thanks!

👍: 0 ⏩: 1

Talei In reply to hissorihaka [2009-03-22 01:02:38 +0000 UTC]

Thanks. Enjoy!

👍: 0 ⏩: 0

Raxy-werecat In reply to ??? [2009-03-14 02:28:05 +0000 UTC]

Oh wait never mind my last comment I figured it out XD

👍: 0 ⏩: 1

Talei In reply to Raxy-werecat [2009-03-14 10:06:08 +0000 UTC]

Okay.

👍: 0 ⏩: 0

Raxy-werecat In reply to ??? [2009-03-14 02:26:35 +0000 UTC]

Okay I understand all of the stuff on how to make it work and what not but I'm lost on how exactely you put stuff in it ._.
>< I'm having a slow brain day so simple things aren't working D:

👍: 0 ⏩: 1

Talei In reply to Raxy-werecat [2009-03-14 10:06:00 +0000 UTC]

In the CSS box. :3

👍: 0 ⏩: 0

o-Sereni-o In reply to ??? [2009-03-10 04:05:05 +0000 UTC]

Thank you just got a sub, ill try this out sometime soon

👍: 0 ⏩: 1

Talei In reply to o-Sereni-o [2009-03-10 16:47:11 +0000 UTC]

No problem, good luck with it!

👍: 0 ⏩: 0

chinadoll-x In reply to ??? [2009-03-06 18:36:25 +0000 UTC]

Thanks very much, i think i shall use this for my journal

👍: 0 ⏩: 1

Talei In reply to chinadoll-x [2009-03-07 22:35:49 +0000 UTC]

No problem, happy to help!

👍: 0 ⏩: 0

lilfirebender In reply to ??? [2009-03-01 16:28:03 +0000 UTC]

Thanks so much. This was really helpful.

👍: 0 ⏩: 1

Talei In reply to lilfirebender [2009-03-05 03:34:10 +0000 UTC]

No problemo, I'm happy to help!

👍: 0 ⏩: 0

Wolfox-of-life In reply to ??? [2009-02-27 00:03:09 +0000 UTC]

kool i wanna try and make a css journal :3

👍: 0 ⏩: 1

Talei In reply to Wolfox-of-life [2009-03-05 03:33:59 +0000 UTC]

Go for it. Good luck

👍: 0 ⏩: 1

Wolfox-of-life In reply to Talei [2009-03-05 13:54:46 +0000 UTC]

x3

👍: 0 ⏩: 0

L4iN In reply to ??? [2009-02-16 17:53:28 +0000 UTC]

very helpful , thank you ^w^

👍: 0 ⏩: 1

Talei In reply to L4iN [2009-03-05 03:33:45 +0000 UTC]

No problem, happy to help!

👍: 0 ⏩: 0

Zorishi In reply to ??? [2009-02-14 00:21:42 +0000 UTC]

This was very helpful ;'3 Thank you ^^

👍: 0 ⏩: 1

Talei In reply to Zorishi [2009-03-05 03:33:39 +0000 UTC]

Happy to hear it!

👍: 0 ⏩: 0

killhearthunter In reply to ??? [2009-02-13 22:03:40 +0000 UTC]

Hello!
If you don't mind, I need some help!
I tried to use the journal entry method like this:


:thumb84115417::thumb95096860::thumb59735750:
:thumb53459896::thumb76760003::thumb63149428:


But it only shows the thumbnails and text, and not the scroll box! Can you tell me what I did wrong? Please?

👍: 0 ⏩: 1

Talei In reply to killhearthunter [2009-02-13 23:20:49 +0000 UTC]

You need to use the CSS too...

👍: 0 ⏩: 1

killhearthunter In reply to Talei [2009-02-14 01:17:50 +0000 UTC]

oh!
now it works! Thank you! Your tutorial is very useful! ^^

👍: 0 ⏩: 1

Talei In reply to killhearthunter [2009-03-07 22:41:38 +0000 UTC]

No problemo. =]]

👍: 0 ⏩: 0

dimitriskats In reply to ??? [2009-02-11 01:14:42 +0000 UTC]

👍: 0 ⏩: 1

Talei In reply to dimitriskats [2009-03-04 04:16:56 +0000 UTC]

👍: 0 ⏩: 0


<= Prev | | Next =>