HOME | DD

Kjherstin — How to upload Journal Skins

Published: 2009-05-15 01:15:08 +0000 UTC; Views: 54037; Favourites: 1312; Downloads: 711
Redirect to original
Description DOWNLOAD FOR FULL VIEW

How to upload Journal Skins

How to make and share ready to use journal skins on deviantArt is a tutorial that should help you getting started in uploading your skins to the deviantART Related / deviantART Skins & Scripts / Journal & Gallery Skins / Installable Journal Skins


section on deviantArt.
In this section you can find CSS journals to use and can easily install them by pressing on the install button. Why not give it a try?



THE "PRE CODE":

CSS Only [no Header and no Footer]




CSS with Header only

header goes here




CSS with Footer only




CSS with both Header and Footer

header goes here






updated: November 11, 2012

Need more help?
I started learning CSS with w3scools.com and `NyssaB 's CSS Rundown + Template . Other useful tutorials with updated CSS including gruze is explained in `ginkgografix 's tutorials section that I highly recommend you check out here!


But I want to learn how to code CSS now:


Community Help


Share this and s are always welcome. It will help people find this tutorial more easily.


Still confused?
FAQ #67: How do I share Journal Skins?
FAQ #892: What is the file format for Journal skins?
FAQ #62: How do I use Journal skins?
Related content
Comments: 503

Kjherstin In reply to ??? [2013-03-14 14:19:23 +0000 UTC]

Unfortunately not

👍: 0 ⏩: 1

Jirinri In reply to Kjherstin [2013-03-14 18:13:55 +0000 UTC]

That is messed up, but that is how it is. Thank you

👍: 0 ⏩: 1

Kjherstin In reply to Jirinri [2013-03-28 10:08:33 +0000 UTC]

you're welcome

👍: 0 ⏩: 1

Jirinri In reply to Kjherstin [2013-03-28 16:15:18 +0000 UTC]

👍: 0 ⏩: 0

Lingering-Horizon [2013-03-09 14:58:43 +0000 UTC]

Thanks! ill do this sometime!

👍: 0 ⏩: 0

Catthylove [2013-03-02 20:32:27 +0000 UTC]

I'll probably do this at some point.

👍: 0 ⏩: 0

Cynder728 In reply to ??? [2013-02-23 23:01:25 +0000 UTC]

This is confusing could tyou make me one possibly?

👍: 0 ⏩: 0

cressla In reply to ??? [2013-02-19 22:36:10 +0000 UTC]

How do I get the code thing?

👍: 0 ⏩: 0

F-lame [2013-02-04 14:49:23 +0000 UTC]

How do I get the code?

👍: 0 ⏩: 0

Vanghira In reply to ??? [2013-01-27 21:54:06 +0000 UTC]

For some reason it keeps coming up with the error message "undefined" when I'm uploading the pics to go with it...

I'm using tinypic... Should I use something different?

👍: 0 ⏩: 1

Kjherstin In reply to Vanghira [2013-01-29 14:00:05 +0000 UTC]

try uploading it via ftp to see if it's possible. If that doesn't help, I don't know. I would contact DA. I also had a similar problem in the past

👍: 0 ⏩: 1

Vanghira In reply to Kjherstin [2013-01-29 22:55:18 +0000 UTC]

Mkay. Thanks!

👍: 0 ⏩: 0

littleblackmariah In reply to ??? [2013-01-05 22:43:09 +0000 UTC]

This was really helpful, thank you!!!

👍: 0 ⏩: 0

starthefelinefox2 In reply to ??? [2013-01-05 18:17:36 +0000 UTC]

XD i dont even no what a css code is. or where i can find one XD

👍: 0 ⏩: 1

RetSamys In reply to starthefelinefox2 [2013-01-06 18:19:21 +0000 UTC]

In a website, there are two things in the source code: HTML for the content and CSS for the looks.

👍: 0 ⏩: 1

starthefelinefox2 In reply to RetSamys [2013-01-06 18:45:54 +0000 UTC]

i see...

👍: 0 ⏩: 0

WinxFandom In reply to ??? [2012-12-21 22:28:40 +0000 UTC]

it gives only errors to me >.< why does they make it so complicated damnit

👍: 0 ⏩: 1

Kjherstin In reply to WinxFandom [2013-01-15 19:30:36 +0000 UTC]

👍: 0 ⏩: 1

WinxFandom In reply to Kjherstin [2013-01-15 19:38:06 +0000 UTC]

its fixed

👍: 0 ⏩: 0

roseythepuppy [2012-12-17 00:53:27 +0000 UTC]

im confused can YOU make me a journal skin?

👍: 0 ⏩: 1

Kjherstin In reply to roseythepuppy [2013-01-15 19:32:09 +0000 UTC]

I have many in my gallery if you want for free

👍: 0 ⏩: 1

roseythepuppy In reply to Kjherstin [2013-01-17 03:36:18 +0000 UTC]

Can u make one of my character?

👍: 0 ⏩: 0

AngelheartTheWarrior [2012-12-12 03:16:43 +0000 UTC]

I have one question though:
Where do I put the CSS code? I have the preview and everything but it says:
The CSS in the file you uploaded could not be validated.
Malformed or black selector -

What do I do? I am pretty sure I've done everything needed.

👍: 0 ⏩: 1

Kjherstin In reply to AngelheartTheWarrior [2012-12-14 13:06:10 +0000 UTC]

Do you still get the error? It's hard for me to check that for you since I am on vacation and have no computer

👍: 0 ⏩: 1

AngelheartTheWarrior In reply to Kjherstin [2012-12-14 22:02:25 +0000 UTC]

No, no error anymore. I figured out what was wrong. I left some stuff transparent XD

👍: 0 ⏩: 0

AngelheartTheWarrior [2012-12-12 03:04:55 +0000 UTC]

This helped me a lot.

👍: 0 ⏩: 0

TheOneAndOnly-K In reply to ??? [2012-11-22 18:44:49 +0000 UTC]

Whats a CSS code... *clueless*

👍: 0 ⏩: 1

Kjherstin In reply to TheOneAndOnly-K [2012-11-22 19:59:59 +0000 UTC]

It's a language used to create personalized journal skins

👍: 0 ⏩: 1

TheOneAndOnly-K In reply to Kjherstin [2012-11-22 20:00:36 +0000 UTC]

How do I find it to put up a background on my journal then o.o

👍: 0 ⏩: 1

Kjherstin In reply to TheOneAndOnly-K [2012-11-24 10:44:28 +0000 UTC]

You don't find it, you create it

👍: 0 ⏩: 0

Ton-K300 In reply to ??? [2012-11-14 15:51:18 +0000 UTC]

Thanks! Must keep this!!

👍: 0 ⏩: 1

Kjherstin In reply to Ton-K300 [2012-11-16 08:15:41 +0000 UTC]

you're welcome

👍: 0 ⏩: 0

RainbowStr8ghtJacket In reply to ??? [2012-10-19 03:46:53 +0000 UTC]

this will be helpful and still confused a bit

👍: 0 ⏩: 1

Kjherstin In reply to RainbowStr8ghtJacket [2012-10-24 20:40:59 +0000 UTC]

Maybe it's too much info to take in at once. Just take notice of the different steps and possible situations.

👍: 0 ⏩: 1

RainbowStr8ghtJacket In reply to Kjherstin [2012-10-25 03:05:59 +0000 UTC]

oaky doakly

👍: 0 ⏩: 1

Kjherstin In reply to RainbowStr8ghtJacket [2012-10-25 08:13:10 +0000 UTC]

👍: 0 ⏩: 0

eliza1star In reply to ??? [2012-09-28 21:32:52 +0000 UTC]

I'm a bit confused about the CSS code part.

I've already done my journal skin coding, but I don't know how to put the whole thing together

It's the precode;


header goes here



footer goes here



What do I paste in the 'Paste in your CSS Code here'?

And when you have the 'header goes here', etc, thing, do I paste the images in there?

Sorry If this doesn't make sense. :c

👍: 0 ⏩: 1

Kjherstin In reply to eliza1star [2012-11-16 08:27:39 +0000 UTC]

I updated my description with the different possibilities of the "pre code" to upload your CSS journal. I just copied what was on the tutorial itself to make it easier for everyone to copy paste.

To upload your CSS code you have 4 different situations.
1. Either you have only coded CSS with no header and no footer or
2. You have codded the CSS and made a HTML code for your Header or
3. You coded the CSS and made a HTML code for the Footer or
4. You coded your CSS journal and included a HTML syntax for both Header and Footer

I hope that clears things up now

👍: 0 ⏩: 1

eliza1star In reply to Kjherstin [2012-11-16 18:35:04 +0000 UTC]

I figured it out a while ago, but still, thanks again for answering.

👍: 0 ⏩: 1

Kjherstin In reply to eliza1star [2012-11-16 20:00:38 +0000 UTC]

You're welcome.

👍: 0 ⏩: 0

thedarkfaey In reply to ??? [2012-08-31 23:14:35 +0000 UTC]

pliss do me a favor... tell me what is :CSS Header and Footer XD pliss

👍: 0 ⏩: 1

Kjherstin In reply to thedarkfaey [2012-09-04 19:03:47 +0000 UTC]

This is where you can put the header [link]

The header is the top part of your journal and the footer is the bottom part
For example [link]
The rollover buttons with links have the HTML code in the Header and the footer has the copyright text with: "Coded an designed by Kjherstin..."
For the HTML to work, they are coded in the CSS

👍: 0 ⏩: 1

thedarkfaey In reply to Kjherstin [2012-09-04 19:15:05 +0000 UTC]

thx so much! this is totally helpful!!

👍: 0 ⏩: 0

PeterStringer In reply to ??? [2012-08-31 17:57:33 +0000 UTC]

Thank you for making this tutorial as it will become invaluable in the coming months. Cheers dude .

👍: 0 ⏩: 0

SheiCarson In reply to ??? [2012-08-23 15:33:16 +0000 UTC]

thanks this'll come in handy

👍: 0 ⏩: 0

Wolfinstar In reply to ??? [2012-08-17 21:15:32 +0000 UTC]

Hey!

I made it and it worked on mine, but when I installed, it didn't show the skin?

👍: 0 ⏩: 1

Kjherstin In reply to Wolfinstar [2012-08-19 18:46:15 +0000 UTC]

That's weird

👍: 0 ⏩: 0

SnoodleMuffins [2012-08-14 05:15:56 +0000 UTC]

wow

i was thinking of making journal commisions, this is really helpful

thanks

👍: 0 ⏩: 1

Kjherstin In reply to SnoodleMuffins [2012-08-14 17:41:43 +0000 UTC]

Oh great! Thanks for commenting too

👍: 0 ⏩: 0

ScremmyChimken In reply to ??? [2012-07-31 12:44:36 +0000 UTC]

Wait so you upload the images along with the CSS and in the CSS you change the image URL (When the URL is from an image hosting site) to the name of the uploaded pictures to deviantart? (Hope that made sense.)

👍: 0 ⏩: 1


| Next =>