Voyage Journal Skin

Live Preview ∞ My Journal Skin Gallery

Journal Skin Commission Info

---

Update (31.12.2014):
- - - - - - - - - - - - - - - - - - - -

• Optimized the code.
• Fixed some bugs.
• Updated the preview image.
• I have already thanked for the DD; but while I am updating stuff, I want mention it here too. Thanks so much to ginkgografix for featuring and thank to everybody who added it to their favorites.

---

Credits and statements:
- - - - - - - - - - - - - - - - - - - -

1. I learned coding from deviantart. Here are the tutorials that will help you with the codes: CSS Tutorials
2. Haven't been tested in browsers other than Google Chrome. So let me know any glitch you find in other browsers; I will do my best to fix.
3. Stock used for the design:
   
   1. Japanese style pattern by gimei
   2. Patterns Sky by iemai
   3. Patterns Indie' by FeerChyys
   Thanks for the beautiful stock!


4. Art featured in preview:
   
   1. Another Moon Balloon by Daliot
   2. Air Ballons by Frostwindz
   Thanks to these amazing artist's who gave me permission to feature their art on the preview.
5. Journals featured in the preview image:
   
   1. ReForm(ation): Story Store
   2. I Wear Forest: Story Store
   3. Prison Break: Story Store

---

Terms and conditions:
- - - - - - - - - - - - - - - - - - - -

1. You must be premium member to use custom journal skins.
2. This is a free journal skin. You can use and customize it for only your personal use.
3. Do not remove the credits.
4. Do not redistribute and sell this skin, edited or not. Do not steal.
5. FAQ #66: What journal features do I have access to?
6. FAQ #62: How do I use Journal skins?
7. For more information read this article: Free Journal Skins - What does that mean?

---

Instructions:

- - - - - - - - - - - - - - - - - - - -

1. Click the "Install" button at the top right corner.
2. You can automatically apply html/div tags with sta.sh writer. Also, if needed, you can find more about html formatting and regular html tags here in this article: User Friendly Journal Skinning
3. Below you will see a guide to HTML formatting for this journal skin. Replace the bold words with suitable ones.
4. Have fun!

- - - - - - - - - - - - - - - - - - - -
Navigation
- - - - - - - - - - - - - - - - - - - -
To customize the links in navigation menu; go to submit journal/edit journal/sta.sh writer and click "change skin"and then "edit skin". A conversation box will be opened; accept the terms and conditions. Once "Customize Skin" window is opened, at the "Skin Header" section, replace the content, URLs and corresponding labels in between "menu" div tags with yours.

<div class="menu">CONTENT</div>

- - - - - - - - - - - - - - - - - - - -
Blockquote and Source
- - - - - - - - - - - - - - - - - - - -
<blockquote>QUOTE HERE<div class="source">SOURCE</div></blockquote>

- - - - - - - - - - - - - - - - - - - -
Scrollbox
- - - - - - - - - - - - - - - - - - - -
<div class="sbox">SCROLL BOX CONTENT</div>

- - - - - - - - - - - - - - - - - - - -
"Back To" Link (Using Internal Linking In Journals)
- - - - - - - - - - - - - - - - - - - -
<a name="ICECREAM"><code></code></a>
<a class="back" href="URLOFTHEJOURNAL#ICECREAM">BACK TO ICECREAM</a>

- - - - - - - - - - - - - - - - - - - -
Two Column Text:
- - - - - - - - - - - - - - - - - - - -
<div class="tab">
<div class="col2">TEXT IN COLUMN 1</div>
<div class="col2">TEXT IN COLUMN 2</div>
</div>

- - - - - - - - - - - - - - - - - - - -
Three Column Text:
- - - - - - - - - - - - - - - - - - - -
<div class="tab">
<div class="col3">TEXT IN COLUMN 1</div>
<div class="col3">TEXT IN COLUMN 2</div>
<div class="col3">TEXT IN COLUMN 3</div>
</div>

- - - - - - - - - - - - - - - - - - - -
Four Column Text:
- - - - - - - - - - - - - - - - - - - -
<div class="tab">
<div class="col4">TEXT IN COLUMN 1</div>
<div class="col4">TEXT IN COLUMN 2</div>
<div class="col4">TEXT IN COLUMN 3</div>
<div class="col4">TEXT IN COLUMN 4</div>
</div>

- - - - - - - - - - - - - - - - - - - -
Normal Thumb Box (When you use this code there'll be no space between thumbs vertically.)
- - - - - - - - - - - - - - - - - - - -
<div class="ntb">:thumb######:</div>

- - - - - - - - - - - - - - - - - - - -
Normal Thumbs (Thumbs are stylized by default. This code makes you get regular thumbs.)
- - - - - - - - - - - - - - - - - - - -
<b>:thumb######:</b>

- - - - - - - - - - - - - - - - - - - -
Credit
- - - - - - - - - - - - - - - - - - - -
Do not remove the credit in the header section of the skin:
<div class="credit">Skin Credits</div>