Shop More Submit  Join Login


Submitted on
May 24, 2011
File Size
5.8 KB


165 (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.

Alpha-Nerd Featured By Owner 1 day ago  Student General Artist
for some reason I can't replace the thumbs
GillianIvy Featured By Owner 1 day ago  Hobbyist General Artist
This skin may be out of date.  And I've had errors in it for Chrome, which I use now.  It should be editable in the footer, if I remember the structure correctly.  You ought t o be able to remove that completely.  I'll have to check it when I have a bit more time.  If you haven't heard back by Sunday, feel free to remind me.
Etsuko-Hime Featured By Owner 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 Featured By Owner 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 Featured By Owner 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 Featured By Owner Jan 22, 2014  Hobbyist General Artist
Great!  ;D
Astrikos Featured By Owner Jun 21, 2013   General Artist
GillianIvy Featured By Owner Jun 21, 2013  Hobbyist General Artist
;D  Thanks, though this one is likely out of date now.
RoyalFront Featured By Owner May 20, 2012
I tried using this but I cannot change my title....
GillianIvy Featured By Owner 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.
Add a Comment: