Shop Mobile More Submit  Join Login


Submitted on
May 24, 2011
File Size
5.8 KB


167 (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 Oct 21, 2014  Student General Artist
for some reason I can't replace the thumbs
GillianIvy Featured By Owner Oct 28, 2014  Hobbyist General Artist
Okay, I've checked and the featured gallery edits fine.  You must go to "Edit Skin" change or remove the feature code, then "Save As".  You should be able to add the feature code in the entry part of your journal so you do not have to edit it each time.  This is an old skin of mine, where I would include codes as a blueprint in the headers and footers.  I try not to do that any more as it may be harder to remove them when not wanted.  This skin is long overdue for an update.  :B
GillianIvy Featured By Owner Oct 21, 2014  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.
Alpha-Nerd Featured By Owner Nov 1, 2014  Student General Artist
oh my heavens thank you so much youre a lifesaver
GillianIvy Featured By Owner Nov 2, 2014  Hobbyist General Artist
Sure.  I'll have to update my older skins some time.  I just haven't had the opportunity/motivation.  :B
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
Add a Comment: