[x]

Browse More Like This

Download File
ZIP, 161 KB more ▶

More from ~Talei

View Gallery · View Prints

Featured in Groups:

#deviantCSS
deviantART XHTML & CSS Ref

#eCSSited
a place for all your CSS needs

#DD-Catalogue
The Home of Daily Deviations

Details

Submitted: May 15, 2008
File Size: 161 KB

Link

Thumb

Statistics

Comments: 541
Favourites: 896 [who?]
Views: 36,441 (0 today)
Downloads: 4,331 (0 today)

[x]

TUT: Using CSS Scroll Boxesby ~Talei

Resources & Stock Images / Tutorials / Web Design / HTML & CSS & Scripting

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.

Daily Deviation

Given 2009-02-08

TUT: Using CSS Scroll Boxes by =Talei is a great tutorial for people who are wanting scroll boxes in their css designs! ( Suggested by =Annimouse and Featured by `UnicornReality )

~~fear 0 0~~

~Quakefur Dec 19, 2011 Hobbyist Digital Artist

Thank you for your tutorial! I found it very helpful! :3

~Zerelixon Nov 30, 2011 Hobbyist Digital Artist

I just wanted to say that this tutorial has been of great help to me to become better at CSS coding.

I used this tutorial along with some modifications for my new journal layout [link] , and I will definitely keep this tutorial for future CSS projects!

~Talei Dec 3, 2011 Hobbyist General Artist

I'm so chuffed you found it so helpful!

~seapuppy Aug 25, 2011 Hobbyist General Artist

still reading through it, but I have a well enough understanding of programing languages to understand it simple enough. Having it set up the way it is is the best way for helping the viewers be more likely to remember it. And if they can't handle how simple this is, programing might not be their thing