HOME | DD
Talei — TUT: Using CSS headers
Published: 2008-05-15 19:44:43 +0000 UTC; Views: 9432; Favourites: 141; Downloads: 1138
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
This includes the following files;
Header CSS
Journal Entry
Preview
This is a .zip file now.
Be sure to remove the notes in [Square brackets] before putting any of it in your CSS or it will not work.
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.
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, headers and scroll box's are shown.
This tutorial is for the HEADER ONLY.
If you're looking for the scrollbox tutorial that matches, please check in my gallery. You can find it here [link]
Related content
Comments: 128
Have you got WinRAR? There shouldn't be an issue. If not, I highly recommend it. WinRAR and Winzip are free. If you can't open the zip file after then, then I can't do anything.
👍: 0 ⏩: 1
It says I need to pay for winzip. this is what pops up when I try and download it [link]
👍: 0 ⏩: 1
Try winrar instead then. It gives you 40 days but even after that theres "close" so you can still use it, too. =]
👍: 0 ⏩: 1
Oops, sorry, never mind. I didn't see the other part of the tutorial ^^'
👍: 0 ⏩: 0
I'm so new to this >///<
What did you mean by 'class of your journal'?
I can't seem to get it
👍: 0 ⏩: 1
It explains it..I think.
.header = a class
.wutever tend to be classes. :3
👍: 0 ⏩: 0
Hi - I'm trying to figure out css so I'm gonna fave this 
👍: 0 ⏩: 1
I used this to make this ! Thank you!
👍: 0 ⏩: 1
Awesome. ^_^ Thanks for actually crediting too, unlike most people. D:
👍: 0 ⏩: 1
Most people don't? That's such a shame. Stupid people!
👍: 0 ⏩: 1
Yup. Bugs me more when people take my pre-made CSS and "edit" when I say edit, I mean butcher the crap out of them without my permission, even re-distribute and claim as their own. -_-
👍: 0 ⏩: 1
beautiful work
👍: 0 ⏩: 1
Ooh, I'm gonna try this one too! WOOT and double thanks!
👍: 0 ⏩: 1
You're very welcome. Good luck with it!
👍: 0 ⏩: 0
thanks, using it as a starting point for my journal.
👍: 0 ⏩: 1
I have been trying to figure these headers out! Thanks so much! My current journal (with the cartoon person in it) was a challenge - I actually put those headers into the background so they'd be there.
Thanks so much!
👍: 0 ⏩: 1
Fantastic! I'm so glad it was helpful to you!
👍: 0 ⏩: 0
wow, this is really helpful! *o* THANKYOU
👍: 0 ⏩: 1
Oooh, I'll be using this!
👍: 0 ⏩: 2
As in, the width adjusts to suit the width of the page. Like, if I have it set to 80% On the pain page, it'll be 80% of that width, then when you view it on the actual journal page, it'll be wider because its 80% of that, if that makes sense.
👍: 0 ⏩: 1
Aahh, okay! Thanks for the help! I fixed up the scroll boxed now, they work much better.
👍: 0 ⏩: 1
Oops, wrong deviation. XD
👍: 0 ⏩: 0
..your headers are 1px out either side.
👍: 0 ⏩: 2
Ohhh. Mien. Yez they are. Because I didn't accomodate for the border when I made my pink journal. Haff been working on a new purple one but laptops being a pos atm as you know :3
👍: 0 ⏩: 0
You know, you got many talents!
👍: 0 ⏩: 1
Thank you!
👍: 0 ⏩: 1
It took me ages too but I'm still so-so
👍: 0 ⏩: 1
>_____>
Confusing stuff though. I found most of it out through trial and error though. I used to skin for invisionfree [link] which is IPB 1.3 and started finding out about classes and stuff AND THAT OUR SPELLING COLOUR DOES NOT WORK =< with some guidance from other skinners on the way.
👍: 0 ⏩: 1
For me, I'm installing Dreamwaever in my PC, just make some designs, and open the HTML viewer to learn it.
👍: 0 ⏩: 1
Ooo. I used to have dreamweaver. I got it from school though, so when I got a new laptop, it means I lost it, so I don't have it anymore. Couldn't really use it anyways though. XD
👍: 0 ⏩: 1
| Next =>