HOME | DD

cascade388 — CSS Skin Tutorial P.1

Published: 2010-03-11 16:37:09 +0000 UTC; Views: 16952; Favourites: 537; Downloads: 460
Redirect to original
Description You have to have a dA subscription to use/make skins.

Tutorial tried + tested with Windows Vista, within the Mozilla Firefox broswer

There is more to come, please review all tutorial parts before leaving comment/questions

Hope it helps you to have fun making your own skins! I don't think I've left anything out... but if I did, let me know!




Link to PART TWO
Link to PART THREE
Related content
Comments: 133

SpringGalaxy [2015-07-09 22:37:50 +0000 UTC]

OMG thanks so much!!!! I think putting the code in the description might help and I know this user moved accs but if anyone needs the code and wants to copy and paste it, I have it with me just ask. Thank you again and have a nice day!

👍: 0 ⏩: 0

ArtyDevaint [2015-04-07 21:13:41 +0000 UTC]

Can I not like, get someone else to do this

👍: 0 ⏩: 0

sunnybunny1199 [2015-03-21 03:48:04 +0000 UTC]

Does this still work, considering it's from 2010?

👍: 0 ⏩: 1

SpringGalaxy In reply to sunnybunny1199 [2015-07-10 00:20:57 +0000 UTC]

yea it still works

👍: 0 ⏩: 0

mmmmmmmmmmmmmyyy [2015-01-14 16:32:30 +0000 UTC]

the image url thing doesn't work ????

👍: 0 ⏩: 0

Natanei [2014-09-01 16:56:15 +0000 UTC]

Em, where is color tutorial and color wheel?

👍: 0 ⏩: 1

mmmmmmmmmmmmmyyy In reply to Natanei [2015-04-02 00:31:09 +0000 UTC]

Late, but here you go: html-color-codes.info/

👍: 0 ⏩: 0

xGalaxial [2014-03-24 16:54:26 +0000 UTC]

I really dont get this ;-;

👍: 0 ⏩: 1

Libertades In reply to xGalaxial [2014-08-14 15:39:23 +0000 UTC]

This is why I prefer to commission someone instead XD

👍: 0 ⏩: 1

xGalaxial In reply to Libertades [2014-08-14 15:54:30 +0000 UTC]

I FINALLY LEARNED HOW TO MAKE THEM
xD

👍: 0 ⏩: 1

Libertades In reply to xGalaxial [2014-08-14 16:39:21 +0000 UTC]

Awesome I'm currently making my own one but I'll commission someone to code it becuase I'm silly like that.

👍: 0 ⏩: 1

xGalaxial In reply to Libertades [2014-08-14 17:48:53 +0000 UTC]

ooh

👍: 0 ⏩: 0

Blockbeap [2013-11-03 20:00:07 +0000 UTC]

How do you edit where your text can go? (for example edit it around a picture in your journal's background)

👍: 0 ⏩: 0

PinkoPrint [2013-08-11 01:23:37 +0000 UTC]

Thankyou!!!!

👍: 0 ⏩: 0

YAOI--LUVR [2013-05-12 06:39:24 +0000 UTC]

This is perfect~ It's exactly what I need~

👍: 0 ⏩: 0

MystiQueen [2013-02-17 22:25:39 +0000 UTC]

Great tutorial! It's really wonderfully done and easy to follow. I was able to do most things correctly (:

However, I'm wondering if there's any way to increase the length, not just the height, of the header image. My header image is the right size as far as height goes, but there is a lot of space to the right and left of it. It would be perfect if it could take up the whole space. I tried adjusting the height of my image with Photobucket and even by re-sizing it myself, but it doesn't seem to really do anything to it.

👍: 0 ⏩: 0

KRSSRK [2012-11-25 02:02:13 +0000 UTC]

Thank you so much!

👍: 0 ⏩: 0

frillyfins [2012-11-10 14:25:14 +0000 UTC]

This looks very useful; I'll keep it in mind when I get a Premium.

👍: 0 ⏩: 0

Goldbloom [2012-09-09 17:09:58 +0000 UTC]

Can I do my own journalskin without premium membership? (if I don't want to use it for myself)

👍: 0 ⏩: 1

The-Event-Bulletin In reply to Goldbloom [2012-09-23 19:53:14 +0000 UTC]

Hello, I have the same question. Do you know if you can? Thanks so much!

👍: 0 ⏩: 1

Goldbloom In reply to The-Event-Bulletin [2012-09-23 20:15:45 +0000 UTC]

A friend said that you can only make journal skins with a premium membership.
Do you have a pm?
I want to do journal skins so badly but dA hates normal members

👍: 0 ⏩: 1

The-Event-Bulletin In reply to Goldbloom [2012-09-23 21:11:01 +0000 UTC]

No, not at the moment. I want one really bad though! :c Plus, my journal skin would turn out awful. c:

👍: 0 ⏩: 1

Goldbloom In reply to The-Event-Bulletin [2012-09-25 19:17:14 +0000 UTC]

Okay c: I hope that you get one soon!

👍: 0 ⏩: 1

The-Event-Bulletin In reply to Goldbloom [2012-09-25 23:04:30 +0000 UTC]

Alright! c:

👍: 0 ⏩: 1

Goldbloom In reply to The-Event-Bulletin [2012-09-26 05:08:10 +0000 UTC]

👍: 0 ⏩: 0

Capn-Mauru [2012-09-01 16:02:26 +0000 UTC]

Thanks for the tutorial you rock!

👍: 0 ⏩: 0

KTdragon [2012-06-21 14:02:47 +0000 UTC]

i'll have to try this when i get home

👍: 0 ⏩: 0

fatchickthriller [2012-04-29 01:58:36 +0000 UTC]

should you put a space after the colon for your color code?
i.e.,
color:#000000
OR
color: #000000
???

👍: 0 ⏩: 1

xXinksXx In reply to fatchickthriller [2012-05-29 06:12:46 +0000 UTC]

After checking out a few more tutorials, I don't think you put a space there. Hope I can figure this out too Good luck!

👍: 0 ⏩: 1

fatchickthriller In reply to xXinksXx [2012-05-29 20:44:15 +0000 UTC]

thanks

👍: 0 ⏩: 0

MayEbony [2012-03-29 03:57:31 +0000 UTC]

I have been searching DA on and off for months trying to find a tutorial on how to create journal skins. Somehow I'd managed to miss these until today.



so much for all of your hard work, I am so grateful to at last find one and this looks so thorough!!!

👍: 0 ⏩: 0

RavenFlight123098 [2012-03-25 01:21:29 +0000 UTC]

This is kinda confusing... I don't know what any of this means.......Can someone help me?

👍: 0 ⏩: 0

Piirustus [2012-03-11 15:37:09 +0000 UTC]

I'm having trouble with the first step not a good sign

👍: 0 ⏩: 1

DevilsDump In reply to Piirustus [2012-08-19 20:29:52 +0000 UTC]

I'm havin' a hard time with it too. XD It's not saying 'Choose a skin' anywhere for me. Is it for you?

👍: 0 ⏩: 2

Jenny2-point-0 In reply to DevilsDump [2013-03-24 17:59:09 +0000 UTC]

how i got around that was just editing the journal skin but remove it's entire contents and just retyping in what's in the tutorial. im having issues making my bottom and top image show up though x.x

👍: 0 ⏩: 0

Piirustus In reply to DevilsDump [2012-08-19 20:43:15 +0000 UTC]

Same problem!

I gave up a while ago.

👍: 0 ⏩: 1

DevilsDump In reply to Piirustus [2012-08-19 20:51:13 +0000 UTC]

Strange o:

Yeah, just noticed the date on your comment. Whoops <.> XD

👍: 0 ⏩: 1

Piirustus In reply to DevilsDump [2012-08-20 22:22:35 +0000 UTC]

Haha, no it's fine.

It just took me a while to realize what my original comment was about.

👍: 0 ⏩: 1

DevilsDump In reply to Piirustus [2012-08-20 22:56:29 +0000 UTC]

👍: 0 ⏩: 0

Crack3dMySanity [2012-03-09 21:25:16 +0000 UTC]

I LOVE YOU FOR THIS!

👍: 0 ⏩: 0

no-pizzazz [2012-02-02 22:42:27 +0000 UTC]

Thank you SO MUCH for posting this! When I first looked at it and saw all that code and text I thought, "Oh gosh.....I'm never going to manage this! I'll get confused! It'll be hard!". But I sucked it up and started typing.....slowly......hitting "preview" every once in awhile.

And despite my pessimism and cynicism (and total suckage when it comes to CSS and HTML), I actually put together a journal that was exactly what I wanted and once I got going it really wasn't hard at all! And for that, I am very grateful to you! Thank you for posting this wonderful tutorial that even complete and total losers like me can understand. XD; Once I get my premium account I'll definitely be posting my spiffy new journal. <3

👍: 0 ⏩: 1

cascade388 In reply to no-pizzazz [2012-02-03 23:48:27 +0000 UTC]

I am super happy to hear that the tutorial was of such help. I agree: the text and coding is an intimidating beast; I haven't coded anything personally in ages, in fact. But nevertheless, I'm happy you were able to come up with your own spiffy journal code. Congrats!

👍: 0 ⏩: 0

Lilo1990 [2012-01-28 17:52:58 +0000 UTC]

Thank you so much!! !!!

👍: 0 ⏩: 1

cascade388 In reply to Lilo1990 [2012-01-31 01:08:57 +0000 UTC]

very welcome

👍: 0 ⏩: 1

Lilo1990 In reply to cascade388 [2012-01-31 16:06:03 +0000 UTC]

^^

👍: 0 ⏩: 0

VoxSilentium [2012-01-19 23:15:49 +0000 UTC]

thank you for this tutorial~!!!!!!!

👍: 0 ⏩: 1

cascade388 In reply to VoxSilentium [2012-01-27 18:43:20 +0000 UTC]

you're very welcome

👍: 0 ⏩: 0

HikariYamiKage [2011-05-27 20:59:02 +0000 UTC]

This. THIS is what I was looking for. XD
Everything else I found just showed me how to install one I find while browsing. o A o I already know how to do thaaaaat...

Now I just gotta design one!! >:D

👍: 0 ⏩: 0

sunshadow123 [2011-05-20 17:22:47 +0000 UTC]

AWWW this is coo cool! I must try it.. when I'm premium.

👍: 0 ⏩: 0

Lalikaa [2011-02-05 16:37:18 +0000 UTC]

Thanks so much! This is fantastic!

👍: 0 ⏩: 1


| Next =>