HOME | DD

FineShit — Simple Color CSS and Tutorial by-nc-sa

Published: 2008-07-09 04:15:18 +0000 UTC; Views: 6517; Favourites: 89; Downloads: 1132
Redirect to original
Description **Download for ZIP format**

Others:
RAR format
ZIP format
Just the CSS script


:.:.:.:.:.:.:.:.:.:.:.:.:.:.:


This tutorial will show you

+How to insert the script
+How to change the backgrounds
+How to change font colors
+How to add a features box
+How to add images to your journal
+How to add roll over text to it


I keep promising a bit more of an advanced tutorial, so here you go. I was going to add the drop down menu script I came up with for *arszt , but I got lazy and just wanted to finish it. I might add it if anyone REALLY wants a drop down menu. And I like this journal CSS more then that shit white one I had for the last tut. This ones a bit more fruity and it's just easier to work with.

And yes, please feel free to note me or comment if you have any questions, even anything that wasn't covered in this tutorial.


--

Edit:

Fixed gradient looping when journal is long.
Related content
Comments: 51

Juno-Janus [2011-04-01 21:41:01 +0000 UTC]

I can use for the box? thx

👍: 0 ⏩: 0

CorruptedFox [2011-03-14 20:23:59 +0000 UTC]

can't click the zip D:

👍: 0 ⏩: 0

skull-star [2010-09-03 21:21:51 +0000 UTC]

Awesome!
I`m using it :3

👍: 0 ⏩: 1

FineShit In reply to skull-star [2010-09-03 22:36:55 +0000 UTC]

have fun

👍: 0 ⏩: 1

skull-star In reply to FineShit [2010-09-03 23:51:35 +0000 UTC]

I will!

👍: 0 ⏩: 0

Pookiman [2009-11-22 00:12:29 +0000 UTC]

yay!!

👍: 0 ⏩: 0

chi-u [2009-11-19 22:55:40 +0000 UTC]

awesome! I may use this but I must download it at home ^^

👍: 0 ⏩: 0

LineBirgitte [2009-09-23 18:47:26 +0000 UTC]

Hidden by Owner

👍: 0 ⏩: 1

FineShit In reply to LineBirgitte [2009-09-24 04:48:17 +0000 UTC]

Actually you are not required to close your div tags when doing a journal CSS on DeviantArt. It will automatically close any unclosed tags at the end as to not mess up any of the userpage.

And closing an image tag does nothing for you, but I suppose it's good practice... sorta.

👍: 0 ⏩: 0

Mottenfest [2009-08-30 03:08:36 +0000 UTC]

Noice! there aren't enough simple layouts for those of us not out to make our DA pages myspace pages!

👍: 0 ⏩: 1

FineShit In reply to Mottenfest [2009-09-05 23:34:55 +0000 UTC]

Thanks. Yeah the other day I was going through the CSS submissions, and they were all sparkly and bullshit.

👍: 0 ⏩: 1

Mottenfest In reply to FineShit [2009-09-06 07:31:48 +0000 UTC]

I like mine to be fairly simple, myself.

👍: 0 ⏩: 0

innocent--angel [2009-05-03 22:49:51 +0000 UTC]

Um... The ZIP doesn't work.

👍: 0 ⏩: 0

HoudVanKunst [2009-02-28 20:53:26 +0000 UTC]

I downloaded it, but it says it's a .rar file. My computer can't open it.

👍: 0 ⏩: 1

pink-x In reply to HoudVanKunst [2009-04-24 01:21:25 +0000 UTC]

That happened to me...but here's the download link. I did it on my other computer a while ago. But anyway here:
[link]
Just make sure you uncheck ZIP and ZIP-7 when your downloading it...otherwise it's a pain...

👍: 0 ⏩: 1

HoudVanKunst In reply to pink-x [2009-05-05 23:43:46 +0000 UTC]

Okay. Thank you very much!

👍: 0 ⏩: 1

pink-x In reply to HoudVanKunst [2009-05-07 12:30:41 +0000 UTC]

Your welcome

👍: 0 ⏩: 0

amat-Allah [2008-10-12 19:01:16 +0000 UTC]

    very useful .. thanks for sharing

👍: 0 ⏩: 1

FineShit In reply to amat-Allah [2008-10-14 23:45:49 +0000 UTC]

You're quite welcome.

👍: 0 ⏩: 0

BlueSnowGiesha [2008-08-21 04:22:28 +0000 UTC]

FOUND IT!!!

sorry, i've been using this for a while nd finally found it yeah, i've been using it for .... long time XD while my friend codes my design in her slow ways >.> but yes, is awesome. i don't use the black part though. just the blue~

👍: 0 ⏩: 1

FineShit In reply to BlueSnowGiesha [2008-08-21 05:15:41 +0000 UTC]

Yeah, gradients always spice things up. also, if you change the line
"background-repeat:repeat-x background-position:center top;"

to

" background-repeat:repeat-x;
background-position:center top;"

And the background color to #a1d2f2, the gradient wont jump like it does.

I can't believe I missed that before I uploaded. But reuploading the fixed one now.

👍: 0 ⏩: 1

BlueSnowGiesha In reply to FineShit [2008-08-21 10:45:52 +0000 UTC]

huh, ok ^^ yeah sometimes it would jump right at the start of the bottom, so i thought it was normal ^^ but i don't really have the code file any more. just the css in my journal box. so i don't really change it thank you though. ^^

👍: 0 ⏩: 0

Little-Ginkgo [2008-08-19 23:23:53 +0000 UTC]

Thanks a lot

👍: 0 ⏩: 1

FineShit In reply to Little-Ginkgo [2008-08-21 05:20:08 +0000 UTC]

You're welcome.

👍: 0 ⏩: 0

CraigJonathonHill [2008-07-15 13:08:10 +0000 UTC]

there should be more guys who make tutorials for this kinda thing. nice work.

👍: 0 ⏩: 1

FineShit In reply to CraigJonathonHill [2008-07-17 15:56:49 +0000 UTC]

Theres a few people on DA that make pretty good tutorials, but not many that give out the script too. ._.


And thanks!

👍: 0 ⏩: 0

CanDy-LolliPop [2008-07-12 22:16:34 +0000 UTC]



Very good

👍: 0 ⏩: 1

FineShit In reply to CanDy-LolliPop [2008-07-17 15:56:09 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

SilentBloodShed [2008-07-10 12:06:23 +0000 UTC]

so helpful and good....thnx for the this tut!!

👍: 0 ⏩: 1

FineShit In reply to SilentBloodShed [2008-07-11 03:53:23 +0000 UTC]

You're quite welcome!

👍: 0 ⏩: 0

arszt [2008-07-09 21:54:34 +0000 UTC]

That drop down menu was shit and you don't deserve to live. >:[

👍: 0 ⏩: 1

FineShit In reply to arszt [2008-07-10 00:00:53 +0000 UTC]

Yeah you're right.

But bitch I got that shit working and you didn't.

👍: 0 ⏩: 1

arszt In reply to FineShit [2008-07-10 00:20:32 +0000 UTC]

All I did was copy paste, so it must be Hal's fault.

👍: 0 ⏩: 1

FineShit In reply to arszt [2008-07-10 02:03:01 +0000 UTC]

Must be. Little bastard ruins everything.

👍: 0 ⏩: 1

arszt In reply to FineShit [2008-07-10 02:33:56 +0000 UTC]

Apparently his site is supposed to be finished in March of 09

👍: 0 ⏩: 0

TheJamHobo [2008-07-09 20:16:03 +0000 UTC]

Why they glow?
And, I shall check out the actual tutorial later, I like CSS, it's funky

👍: 0 ⏩: 1

FineShit In reply to TheJamHobo [2008-07-09 20:24:01 +0000 UTC]

I'm trying to trick people into thinking they're magic. Please don't blow it. >:[

👍: 0 ⏩: 1

TheJamHobo In reply to FineShit [2008-07-10 21:57:29 +0000 UTC]

soz babez

👍: 0 ⏩: 1

FineShit In reply to TheJamHobo [2008-07-11 06:36:09 +0000 UTC]

it kk

👍: 0 ⏩: 0

komiks [2008-07-09 18:49:50 +0000 UTC]

Does it also make my journal glow like that?

👍: 0 ⏩: 1

FineShit In reply to komiks [2008-07-09 20:24:28 +0000 UTC]

Yeaaaaaah, sure, it uses magical scripts that make the whole journal glow

👍: 0 ⏩: 1

komiks In reply to FineShit [2008-07-11 07:58:18 +0000 UTC]

That's nifty.

👍: 0 ⏩: 1

FineShit In reply to komiks [2008-07-11 17:16:31 +0000 UTC]

It doesn't really. But now that you mention it, I bet I could by using a transparent glow png as a border.

👍: 0 ⏩: 1

komiks In reply to FineShit [2008-07-16 17:13:59 +0000 UTC]

DO IT

👍: 0 ⏩: 0

Ginosion [2008-07-09 16:09:31 +0000 UTC]

Holy shit, this is amazing! You have Green and Pink!??!?!?!
You must be some sort of holy man.

👍: 0 ⏩: 1

FineShit In reply to Ginosion [2008-07-09 16:44:20 +0000 UTC]

Yeah, lets mix them together.

👍: 0 ⏩: 1

Ginosion In reply to FineShit [2008-07-09 17:05:23 +0000 UTC]

That would equal grey you dumbshit.

👍: 0 ⏩: 1

FineShit In reply to Ginosion [2008-07-09 20:24:40 +0000 UTC]

Yeah lets get started.

👍: 0 ⏩: 0

Captain-Duracell [2008-07-09 12:31:03 +0000 UTC]

This is good.

👍: 0 ⏩: 1

FineShit In reply to Captain-Duracell [2008-07-10 00:01:07 +0000 UTC]

kk

👍: 0 ⏩: 1


| Next =>