Mathness on DeviantArthttps://www.deviantart.com/mathness/art/Yellow-Gruze-152068557Mathness

Deviation Actions

Mathness's avatar

Yellow Gruze

By
Published:
1.2K Views

Description

This journal skin have three stages:

1) Changing the colours of the default Gruze skin. From greenish to a yellow theme.

2) Changing some of the layout of text, removed the journal icon and made the main journal text justify.

3) Added some features to the journal.

The features that have been added are various boxes that can be used together or separately, a underline headline that spans the width of the journal and a easy to use premade box design.



How to use the added features.

There are three box types

simple-box-border, this one is a dark yellow box with a darkened border.
simple-box-title, a bright yellow box.
simple-box-content, a dark yellow box.

While the boxes have been designed to have the title and content inside the border box, they can be used in any order and as often as desired.

The box layout format used to display the stamps looks like this;

<div class="simple-box-border">
<div class="simple-box-title">
Stamps
</div>
<div class="simple-box-content">
<div align="center">
Thumbs/content goes here
</div>
</div>
</div>


The premade box design uses the definition list from HTML, and is simply used by the following code

<dl>
<dt>
Features
</dt>
dd>
Thumbs/content goes here
</dd>
</dl>


The headline feature is envoked by the following

<div class="simple-headline">
Headline
</div>


Note that code is shown with "new lines" (enter) to make it readable, put it all on one line in the actual journal.
© 2010 - 2024 Mathness
Comments7
Join the community to add your comment. Already a deviant? Log In
SILENTJUSTICE's avatar
Cool! I like a lot the colours! I used it. :thumbsup: