Deviant Login Shop  Join deviantART for FREE Take the Tour


Submitted on
May 24, 2011
File Size
5.8 KB


159 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
The Royale by GillianIvy The Royale by GillianIvy
Finally, I'm releasing the accompaniment for my Designing a Journal Skin Tutorial.

Live view: [link]

:bulletblack: Ordered and unordered list formatting
:bulletblack: Blockquote styling
:bulletblack: Subheaders via <strong> tags
:bulletblack: P formatting to indent paragraphs.
:bulletblack: Font style change via <Small> tags, which has a chiseled effect.
:bulletblack: Feature gallery which is in the footer.
:bulletblack: Div class="center" to center thumbs or text on the fly.
:bulletblack: <em> Tag around emotes/stamp thumbs to remove any thumbstyling.
Minor Issue Workaround

Better Solution

Copy & paste the following:

.gr-top h2 .journal-edit-mode{z-index:20;}

There is an issue with the journal title box being unedittable. If you use `electricjonny's "Better Skin Options", then this is a non issue. You'll be able to turn off the live preview on the fly.

Otherwise, simply switch off the skin, edit your title, then put the skin back on. Very simple change. You will want to make sure anything in your footer is saved first. The problem arose because of the layering of images to achieve the desired effect. z-index did not fix, believe me, I tried...

Solution offered by ^namenotrequired - you can just paste the following code into the URL bar and the skin doesn't show up anymore :



You can edit the Featured Gallery in the footer section, simply replace all of the thumbs. I recommend 3 rows of 4. Unsure if it will wreck the layout otherwise. I created the gallery to fix an issue I may have later resolved, but ended up liking it so kept it.

Anyone who was following the progress of this from the tutorial, there were some changes to the layering of the images. Basically, I had to put the images all into different divs than I had them in. Waaay complicated to explain exactly what I did, because it was a lot of fidgeting. I almost had to sacrifice the bottom image, and opted to rearrange everything instead...

Google Chrome Users: The Feature Gallery did not seem to be active for some reason. Works fine in Mozilla and in IE9.

Report any issues with this journal to my forum: [link]

Art, design, Layout, CSS is my own. This is not a template, you may not alter or redistribute. This is free to use.

Featured here: [link]
Add a Comment:

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

Etsuko-Hime Jan 21, 2014  Hobbyist Traditional Artist
this is wiry beautiful! :) i have installed it and i will use it on the AWW ( Angels Whitout Wings ) project! :) I'm so lucky i can say I'm a part of it now :)
GillianIvy Jan 21, 2014  Hobbyist General Artist
Thank you.  It is an older skin now, so not everything maybe be functioning correctly.  Let me know if there is trouble.  I am glad you will be using it for your project.
Etsuko-Hime Jan 22, 2014  Hobbyist Traditional Artist
Np :) it seem to work fine XD its not really my projeckt, im just helping wit it ;p
GillianIvy Jan 22, 2014  Hobbyist General Artist
Great!  ;D
Astrikos Jun 21, 2013   General Artist
GillianIvy Jun 21, 2013  Hobbyist General Artist
;D  Thanks, though this one is likely out of date now.
I tried using this but I cannot change my title....
GillianIvy May 20, 2012  Hobbyist General Artist
Sorry, here is the solution, copy & paste the following into the CSS (Edit Skin>>CSS):

.gr-top h2 .journal-edit-mode{z-index:20;}

I forgot (or didn't know) that snippet back then. Alternate solution would be to enter the title before skinning the journal.
alright thank you :)
it is a lovely skin btw :D
GillianIvy May 20, 2012  Hobbyist General Artist
Thanks ;D A lot of my older stuff needs updating. Since I've learned better solutions to things than I knew then... So much work to revisit though. DA does not make a way to update old CSS, have to reupload as a new deviation. :O
Add a Comment: