HOME | DD

Description
Second skin made for bradleysays Journal Skin January

This time I picked the prompt Morning and took inspiration and colors from sunrise photography.

Rest is pretty minimal and pastel, which happen to be two prompts, too, but the reason for the mild colors is mainly to create a contrast to me previous skin (Welcome to the future! ).

So, something relaxing this time.

It comes with a lot of styled HTML, info on that further down

LIVE PREVIEW

This Skin is free to use and you don't need permission to use it! You do need a Premium Membership though to use journal skins in general

HTML options

Default classes:

Headlines:
…

…

…

…

…

…

Blockquote:
…

If you want to add an actual quote and credit the source, you can do so by adding a -class at the end of the
:

……

Paragraph:
…

Divider:

Unordered List:
…
…
…

--

Custom Classes:

Button:
[LINK TITLE]

Thumb feature:
:thumb…: :thumb…: :thumb…:

Also works with :bigthumb…: and

is the code for deviations that have been dropped via the Add Media option in sta.sh writer. [deviation number] is the number also used for thumbs of deviations. You can see the code when you drop a deviation while in Rich Editing Mode and then switch to HTML Editing Mode.

All deviations are styled, whether they are contained in the
…
or not. This class merely centers them; you could achieve the same by using
…
in HTML Editing Mode or selecting the thumbs and using the Rich Editing Mode buttons to center the text in sta.sh writer.

Full width image with hover text
[HOVER TEXT]

This is a more advanced option to display images. You will have an image link in a custom div-class with the option to add a hover text element.

Whatever you want to be written on hover will be added into the … element; this can be anything you want, the deviation title and username or anything else.
The image does not even need to be a deviation and it does not have to be linked either; so for example you could put in an image for a tutorial and upon hovering the element further information will be displayed over the image.
If you don't want any text on hover, just leave out ….

Half width images with hover text
[HOVER TEXT]
[HOVER TEXT]

This is a bit more advanced than the one before. In this div-class you will be able to see a square parts of the embedded images, not the full image. And the image links will be displayed without any margins between them.
I highlighted the code for one element. It works the same way as the full width images with hover text. The only difference is, that it is contained in another div-class.
You can add as many hwi-classes in a half-width-image-class as you like, common sense suggests an even number

2-column element
[TEXT]

The 2 columns will both be of the same height, the one of the longer element.

--

Header

Links

[LINK][LINK][LINK]

You will find this by default in the footer, to enter in your own links. Replace # with the URL and [LINK] with the link title. Add in as many as you want, from 1 to 5 is what I would suggest, depending on the link title lengths.

If you don't want this option on the top of your journal, simply delete it from the header and it's gone.

Hope you like it

Description
Second skin made for bradleysays Journal Skin January

This time I picked the prompt Morning and took inspiration and colors from sunrise photography.

Rest is pretty minimal and pastel, which happen to be two prompts, too, but the reason for the mild colors is mainly to create a contrast to me previous skin (Welcome to the future! ).

So, something relaxing this time.

It comes with a lot of styled HTML, info on that further down

LIVE PREVIEW

This Skin is free to use and you don't need permission to use it! You do need a Premium Membership though to use journal skins in general

HTML options

Default classes:

Headlines:
…

…

…

…

…

…

Blockquote:
…

If you want to add an actual quote and credit the source, you can do so by adding a -class at the end of the
:

……

Paragraph:
…

Divider:

Unordered List:
…
…
…

--

Custom Classes:

Button:
[LINK TITLE]

Thumb feature:
:thumb…: :thumb…: :thumb…:

Also works with :bigthumb…: and

is the code for deviations that have been dropped via the Add Media option in sta.sh writer. [deviation number] is the number also used for thumbs of deviations. You can see the code when you drop a deviation while in Rich Editing Mode and then switch to HTML Editing Mode.

All deviations are styled, whether they are contained in the
…
or not. This class merely centers them; you could achieve the same by using
…
in HTML Editing Mode or selecting the thumbs and using the Rich Editing Mode buttons to center the text in sta.sh writer.

Full width image with hover text
[HOVER TEXT]

This is a more advanced option to display images. You will have an image link in a custom div-class with the option to add a hover text element.

Whatever you want to be written on hover will be added into the … element; this can be anything you want, the deviation title and username or anything else.
The image does not even need to be a deviation and it does not have to be linked either; so for example you could put in an image for a tutorial and upon hovering the element further information will be displayed over the image.
If you don't want any text on hover, just leave out ….

Half width images with hover text
[HOVER TEXT]
[HOVER TEXT]

This is a bit more advanced than the one before. In this div-class you will be able to see a square parts of the embedded images, not the full image. And the image links will be displayed without any margins between them.
I highlighted the code for one element. It works the same way as the full width images with hover text. The only difference is, that it is contained in another div-class.
You can add as many hwi-classes in a half-width-image-class as you like, common sense suggests an even number

2-column element
[TEXT]

The 2 columns will both be of the same height, the one of the longer element.

--

Header

Links

[LINK][LINK][LINK]

You will find this by default in the footer, to enter in your own links. Replace # with the URL and [LINK] with the link title. Add in as many as you want, from 1 to 5 is what I would suggest, depending on the link title lengths.

If you don't want this option on the top of your journal, simply delete it from the header and it's gone.

Hope you like it