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,532 (5 today)
Favourites
2,594 (who?)
Comments
214
Downloads
616
×
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:
 
:iconvittarius:
Vittarius Featured By Owner 1 day ago  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 1 day ago
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
:iconmellowerfo:
MelloWerfo Featured By Owner Jul 14, 2014  Hobbyist Traditional Artist
Thanks very much!
:o
its worked!!!
Even if i dont have membership yet, i did one pretty good!I will save my code, then when i got one membership again, i will show you! ^^
Reply
:icongasara:
Gasara Featured By Owner Jul 16, 2014
You're welcome! :hug:
I look forward to it <3
Reply
:iconmellowerfo:
MelloWerfo Featured By Owner Jul 16, 2014  Hobbyist Traditional Artist
^^
Reply
Add a Comment: