Deviant Login Shop
 Join deviantART for FREE Take the Tour

:iconcelvas: More from Celvas


Submitted on
July 31, 2013
File Size
12.3 KB


453 (who?)
Dragon Age: Styles - The Grey Wardens by Celvas Dragon Age: Styles - The Grey Wardens by Celvas
::. .::. .::

:bulletred::bulletred: IMPORTANT NOTE :bulletred::bulletred:
Just now (Monday 05, 2013 / 02:51 AM CEST) I included a fix for the link display in the journal skin. Everyone who downloaded it before said date should donwload the skin again. It's not world-shattering if you're okay with it or don't have any problems. But if you do, here it is. Everyone having installed this skin after said date is in the green since, as I said, I updated the source code.

Thanks to *ParisWriter for pointing it out, and a ton of thanks to `GillianIvy, who told me where I would find that evil piece of code miscreant.

:heart: Thanks so much for the DD!

First off, some thanks are in order:
:rose: I want to thank Kiam who has taught me a great deal about coding.
:rose: I also want to thank =SimplySilent and `CypherVisor who provide a lot of darn helpful resources for free, including skins, tutorials, and answering some questions.
:rose: A "Yay!" for Google Webfonts. Just saying. I'm using a bit of Windows's Cambria, but mostly Google's Bitter.

:bulletred: RULES
You may install it, of course - that's what it is here for, after all - you may use it, and naturally you'll have to change it to suit your liking. All I ask is that, if you should like and install it, that you may :+fav: it and maybe leave a comment. Please do not re-upload this journal skin, remove the credits, or hijack the codes or graphics. I thank you in advance. :)

Check out the [LIVE PREVIEW]


You will find the necessary code in the header area. <div class="menu">The Warden-Commander's Cache is the heading of the dropdown menu. You can change it to whatever you like, just make sure to choose a title that is not longer than the background image. After that, there comes a <span> container that contains the links. A link contains of the actual link and a link description. For example, if you want to link to your profile page, change the # in the <a href> container and leave My Profile as it is. You could also instead link to your Twitter account, or your website, and change # and My Profile accordingly. The same goes for the rest of the links. Just make sure to keep the <span> container intact and you can add and remove and change almost as many links as your heart desires. Refrain from removing any other code, like the stupidheader, which is, in fact, the header image.

You should be familiar with those. All I did was change their appearance a little. If not, refer to this here page: FAQ #104: What HTML formatting can we use on deviantART? And what is the format for these codes?

:bulletblack: For the non-capitalized, non-background heading: <div class="title1">YOUR TEXT</div> If you want it centered, go with this: <div class="title1" align="center">YOUR TEXT</div>
:bulletblack: For the capitalized, non-background  heading: <div class="title2">YOUR TEXT</div> or <div class="title2" align="center">YOUR TEXT</div>
:bulletblack: For the left-aligned heading with background (tbg1): <div class="tbg1">YOUR TEXT</div> You know how to align your text in case you want to.
:bulletblack: For tbg2 (always centered): <div class="tbg2">YOUR TEXT</div>
:bulletblack: For tbg3 (always centered): <div class="tbg3">YOUR TEXT</div>
:bulletblack: For tbg4 (always centered): <div class="tbg4">YOUR TEXT</div>
:bulletblack: For tbg5 (always centered): <div class="tbg5">YOUR TEXT</div>

These here beauties consist of two elements: a div container as well as a span container. The div is the overall container containing quote and span container, while the span should hold the quote's author's name or really whatever. Use the blockquotes as you see fit. So, the blockquote is an already existing feature I punked up a tad (See the above linked FAQ entry). BUT you have, as I said, the option to wedge a span container between it. Whatever I do, it keeps formatting the blockquote, I added a * to it. DELETE THE STAR BEFORE USE, because if you keep the *, the blockquote won't work.
:bulletblack: For the 100% blockquote: <*blockquote>"THE QUOTE."<span>QUOTE AUTHOR</span></blockquote>
:bulletblack: For the 40% right-aligned blockquote: <*blockquote class="right">"THE QUOTE."<span>QUOTE AUTHOR</span></blockquote>
:bulletblack: For the 40% left-aligned blockquote: <*blockquote class="left">"THE QUOTE."<span>QUOTE AUTHOR</span></blockquote>

:bulletblack: For the two columns: <div class="halve">YOUR TEXT COLUMN ONE</div><div class="halve">YOUR TEXT COLUMN TWO</div><div class="clear"></div>
:bulletblack: For the three columns: <div class="trisect">YOUR TEXT COLUMN ONE</div><div class="trisect">YOUR TEXT COLUMN TWO</div><div class="trisect">YOUR TEXT COLUMN THREE</div><div class="clear"></div>
:bulletred: :bulletred: Adding <div class="clear"></div> to the end of the columns is imperative to avoid ugly graphical errors. Don't forget to put it, and don't place a space between any of it.

This is easy, because you don't actually have to do anything except for using the thumb link. Each deviation provides such a thumb. Put the code in and let the magic happen. I do advise you, though, not to put more than three images or pieces of literature in one line.
:bulletred: :bulletred: Under Deviation Linking: FAQ #81: How can I create links to other deviants, deviations, or websites?

The minimum height of the scroll boxes are 100px, so if you're below 100px, there won't be a scroll bar.
:bulletblack: Dark font, light background: <div class="scrollbar1">YOUR TEXT</div>
:bulletblack: Light font, dark background: <div class="scrollbar2">YOUR TEXT</div>

:bulletblack: For the one I've been using mostly in the preview: <div class="decoline1"></div>
:bulletblack: For the red-ish one: <div class="decoline2"></div>

:heart: And that's it! Have fun and enjoy, my devious friends. :heart:

Add a Comment:

Daily Deviation

Given 2013-08-01
The suggester says, "I was instantly impressed by the details in Dragon Age: Styles - The Grey Wardens by =Celvas, so many gorgeous dividers and subheading styles. Love the textures and overall design."

deviantART Related / deviantART Skins & Scripts / Journal & Gallery Skins / Installable Journal Skins ( Suggested by GillianIvy and Featured by bradleysays )
Missus--Cellophane Featured By Owner Jul 11, 2014  Hobbyist Digital Artist
This is so gorgeous. <3 Thank you so much for making it free to the public.
Celvas Featured By Owner Jul 12, 2014
My pleasure. It makes me happy to see that people like and use it. :)
Missus--Cellophane Featured By Owner Jul 12, 2014  Hobbyist Digital Artist
It seriously made me super happy. You wouldn't by any chance have an Antivan Crows one, would you? Zevran really made me like them. >>;
PhabiannThePoet Featured By Owner Jun 19, 2014  Hobbyist Writer
Amazing skin... So gonna use this... My thanks and fair tidings to you friend...
Celvas Featured By Owner Jun 19, 2014
Thank you and fair tidings to you, too! :)
MinaThomas Featured By Owner May 25, 2014  Hobbyist Artisan Crafter
Finally! I've spent the last hour or two looking for a nice journal skin and this one is amazing. Being a DA:O fan and I love the colour.
Great work, I shall be using this! :aww:
Celvas Featured By Owner May 25, 2014
Another fellow Dragon Age enthusiast. Cute Smile So of course you love the color, I took the scheme straight from the game. :D
Oakfur422 Featured By Owner Apr 29, 2014  Hobbyist General Artist
Celvas Featured By Owner Apr 29, 2014
Thank you. :)
Oakfur422 Featured By Owner Apr 29, 2014  Hobbyist General Artist
My pleasure
Add a Comment: