HOME | DD
cascade388 — CSS Skin Tutorial P.1
Published: 2010-03-11 16:37:09 +0000 UTC; Views: 17653; Favourites: 532; 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
Thanks so much for all the effort put into this! <33
It'll definitely help me out!
👍: 0 ⏩: 1
Click on Journal, then once you're on that page, at the top, it has the option for "New Journal Entry"
👍: 0 ⏩: 1
yes somebody told me... but i dont get the instructions... i hate tutorials (no offense please, lol)... hey can i commission you to draw a journal skin?
👍: 0 ⏩: 1
Just tell me what kind of skin you'd like, design wise, and I can whip one up for free, no problem. Let me know about what colors or theme in a message, and I'll get to work on it soon.
👍: 0 ⏩: 1
umm, okay 
i would like if you dont use lineart to draw her
I have reference of my character [link]
I would like you do it a bit realistic, the background of the skin can some pale pink flowers, or a slpash of colors (like my actual journal skin)
about my character, you can draw her how you want, you can draw her breathing fire, or flying, or landed in the title etc. but in one of these 2 backgrounds (some pale pink flowers, or a slpash of colors)
how much will be that?
👍: 0 ⏩: 1
It's no cost at all. I'll do my best to make the skin come out the way you want it too, but I'm not the best skin maker out there. I'll get to work on it in a day or so.
👍: 0 ⏩: 1
no problem
👍: 0 ⏩: 1
you're welcome, I hope it'll come out as you want it to
👍: 0 ⏩: 0
Its "submit new journal." XD
👍: 0 ⏩: 1
so now can i commission you?
👍: 0 ⏩: 1
I hate to bug you again but, I did everything, but now it only tells me: CSS Error:
{} mismatch (token: )
👍: 0 ⏩: 1
You're not bugging me. I believe that error means that something is messed up within one of the (bars) like that.
👍: 0 ⏩: 1
No problem ^^ If the script still gives you trouble, you can send it to me via copy/paste in a note, and I'll try to figure out exactly why it's not doing right.
👍: 0 ⏩: 1
Oh thank you very much! I might just take you up on that offer xD
👍: 0 ⏩: 0
I take it we should keep the spaces where you put them?
👍: 0 ⏩: 1
so even if i code it myself? i cant apply it because im not a premium member???? oh no,,are those for premium members only? huhuhuhuhu
👍: 0 ⏩: 0
Hey thats cool!~
thanks for that~ i havent actually tried it yet but i will XD
LOL~
👍: 0 ⏩: 0
Weird. It should be at the top, to the right. I don't have a subscription anymore, but the options tab still there for me.
👍: 0 ⏩: 0
are you using # before the font colors? Any specific idea why the images might not be working?
👍: 0 ⏩: 1
actually i figured it out now 
👍: 0 ⏩: 1
ah well, I'm glad you figured it out!
👍: 0 ⏩: 0
This tutorial was splendid! The only issue I'm having is the font-family coding. It doesn't seem to include the "vivadi" font I choose when I add font-family after font-size, and instead, just puts it on the regular DeviantART font.
👍: 0 ⏩: 1
Thank you! Also, try it spelled 'vivaldi'
👍: 0 ⏩: 0
awesome tutorial! thank you so much.
also how would you get the background to go behind the text also?
👍: 0 ⏩: 1
Thanks for the comment!
As for that, that'd need a different kind of CSS code, I believe. I haven't coded anything in a while though.
👍: 0 ⏩: 1
np!
ok, I'll see if I can figure it out, thank you for your help though
👍: 0 ⏩: 1
Good luck with figuring it out! Coding just takes lots of trial and error sometimes
👍: 0 ⏩: 1
yeah, I just found a HUGE tutorial (though yours was tons easier to understand) that also handels web design, hopefully it will tell me in that, if not, I'm just going to use it to help me make some nifty headers
👍: 0 ⏩: 1
Okie. Yeah, there's lots of tutorials and the like on this site.
👍: 0 ⏩: 1
I know, I've learnt how to draw from this site alone
👍: 0 ⏩: 0
everythings working except the background image.
it wont show up at all
👍: 0 ⏩: 1
are you putting it like this:
background-image:url("url goes here"); ?
👍: 0 ⏩: 1
no im putting it like this:
background-image:url([link] );
is this wrong or something?
👍: 0 ⏩: 1
you should put:
background-image
Just like that. See if it works.
👍: 0 ⏩: 1
when I do that this is what it tells me:
CSS Error:
Brackets in values - other than url([link] ) - are disallowed (token: ([link] ))
👍: 0 ⏩: 1
.journalbox .journaltop{
text-align:right;
color:#COLORCODE;
background-color:#COLORCODE;
background-image:url(link);
Try it just like that ^ If that fails, try it just like this v
.journalbox .journaltop{
text-align:right;
color:#COLORCODE;
background-color:#COLORCODE;
background-image:url("link");
Only one set of ( ) is neccesary.
👍: 0 ⏩: 1
huh i'll just not use a bg because its still not working
its fine though 
thx for trying to help, anyway though
👍: 0 ⏩: 1
Alright. I'm sorry it never got to work though! >.<
👍: 0 ⏩: 1
This is....confusing....alot of text and code....can't really understand it..
👍: 0 ⏩: 1
| Next =>