Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
August 28, 2011
Image Size
1.4 MB
Resolution
747×7134
Link
Thumb
Embed

Stats

Views
53,967 (33 today)
Favourites
2,625 (who?)
Comments
217
Downloads
618 (1 today)
×
Journal Skin Customisation Tutorial by Gasara Journal Skin Customisation Tutorial by Gasara
EDIT: Installing journal skins is now a one click process. Simply click on the Install to Journal button and you will be redirected to your journal entry page with your shiny new skin already in place. Awesomes.
I will edit the tutorial with this update shortly. ^^

This tutorial will hopefully help you get started with installing and editing journal skins. It has been made for the Sweet Vintage skin but can be applied to other skins too.

Suitable for beginners and those of you with some knowledge of CSS.

--

Related deviations:

Add a Comment:
 
:iconmiiddori:
Miiddori Featured By Owner 9 hours ago  New member Hobbyist Digital Artist
I edited the journal skin and the background is cutting off half way. I can't figure out why. I even doubled the background image to make it twice as long but it didn't work.
If anyone can help me out it would be greatly appreciated<3
miiddori.deviantart.com/journa…
Reply
:iconkitsurie:
Kitsurie Featured By Owner Aug 8, 2014
What is the max width/height a journal skin background can go?
Reply
:icontabini:
Tabini Featured By Owner Aug 8, 2014  Hobbyist Digital Artist
Thanks a lot! It helped meI am a dummy! Meow :3 
Reply
:iconvittarius:
Vittarius Featured By Owner Jul 30, 2014  Hobbyist General Artist
Is an amazing tutorial, but I have a problem, where do I find the button? I can't find it! Llama Emoji-08 (Crying) [V1] 
Reply
:icongasara:
Gasara Featured By Owner Jul 30, 2014
Oh, sorry! This is a really old tutorial and the process has changed a little since I made this. These little tutorials should help you out instead:

FAQ22 - How do I install a journal skin?
FAQ23 - How do I change my journal skin?
FAQ24 - How do I edit my journal skin?
Reply
:icondashiepotter2:
DashiePotter2 Featured By Owner Edited Jul 18, 2014  Hobbyist Digital Artist
Thank you so much! Even though I have no idea what CSS is XD
This still helped! The comment bellow this asking about something...helped too! I just erased the URL and I pasted the one I want which was gasara.deviantart.com/art/Mint…


I know it sounds stupid but like I said, I don't know what CSS is.
Reply
:icongasara:
Gasara Featured By Owner Jul 19, 2014
You're welcome, my dear!

Ah, no, it's not stupid at all. Basically, in web design, CSS is code is used to style elements in web pages. It can be used to add colour to text, to define the size of columns, set background images, all kinds of things. If you've never looked at coding before then it might seem confusing but once you start playing around with it you'll find that it's really quite simple. It's just one of those things to have to practice and you'll soon pick it up.
Reply
:icondashiepotter2:
DashiePotter2 Featured By Owner Jul 20, 2014  Hobbyist Digital Artist
oh okay! Thank you very much! ^u^
Reply
:iconmellowerfo:
MelloWerfo Featured By Owner Jul 13, 2014  Hobbyist Traditional Artist
Hi, im with a problem!
I tryed lots of time put a background, but give tis error
CSS Error:
Brackets in values - other than url(...), rgb(...), rgba(...) - are disallowed (token: url (img840.imageshack.us/img840/96… repeat-x top)
I do no whats wrong.
Its like that on my codes:
.journalbox {
color: #ff77aa;
text-align: center;
background: url (img840.imageshack.us/img840/96… repeat-x top ;
border:none;
I did everything! Changed from jpg to png, picked other image, deleted repeat-x top..
help me pwease! :c
Reply
:icongasara:
Gasara Featured By Owner Jul 14, 2014
Hello!

I think your problem was caused by a space between url and ( in the code. There should be no space between them. You can either delete the space or replace your code with the following snippet and it should work.

.journalbox {
color: #ff77aa;
text-align: center;
background: url(http://img840.imageshack.us/img840/9694/h1e2.png) repeat-x top;
border:none;
}

:D
Reply
Add a Comment: