NOTE: You no longer have to be a premium member to use journal skins! Install, and use the documentation provided below. If you would like to make some minor customizations, I can do so for free. Just send me a note.
Introducing Crane. here's a little about info
From writing long paragraphs to featuring lots of art, this simple and minimalist journalskin gives the reader a clutter-free experience. As seen in #dAseniors
's Devious Accents series.
This journal skin is for free
Easy to read text (large, narrow, but can easily be changed
Easy to customize (premium members ONLY -- just click "Edit Skin" and you will see guided instructions!)
Great for showcasing media! (video and film are automatically formatted to be fullwidth)
Responsive design (still beautiful and functional on dA mobile)
Support for moods (if you are eating a Chipotle Burrito, let it out!)
Created with love by a broke student. (Why not?) Need help?
Just comment and I will reply in a timely manner. I will go out my way to do what it takes to make something right!
In order to submit a journal exclusively as a group or under a group name
, you'll need to do some simple CSS fixes to the avatar. Just click "Edit Skin" and follow the guided instructions in the CSS.
Install: prepare to be amazed
Crane Journal Skin Introducing Crane, another minimal journal skin created by =LabLayers.
It comes with a lot of features and is easy to use! (see below)
Need help? Please comment below! I'd be willing to help
This journals skin now works for free and premium members!
^ Just be aware that only premium members can edit skin directly!
This is heading 1. Subtitle!
This is heading 2. Subtitle!
This is heading 3. Subtitle!
This is slightly larger text. AKA Heading 4.
For muted text, use span class="muted"
This is a box. AKA div class="box" or Heading 5. Put whatever you want in here!
// this is css code wrapped inside code
font-family: Comic Sans MS, Arial;
Hello! This is a quote here from Gotham City...
This is surround
Documentation just remove the spaces in the tagsHeadings
< h1>This is heading 1 < small>Subtitle!< /small>< /h1>
< h2>This is heading 2 < small>Subtitle!< /small>< /h2>
< h3>This is heading 3 < small>Subtitle!< /small>< /h3>
< h4>This slightly larger text. < /h4>Boxes
< div class="box">This is a box! Put whatever you want in here!< /div>
< code>This is code! Place CSS, HTML, or any geek ideas to your heart's content.< /code>
< hr/> (This is a section seperator)Text
< p>I am a paragraph! Blah blah blah.< /p>
< h4>I am slightly larger text. < /h4>
< span class="muted">I am gray muted text.< /span>
< blockquote> "Being the richest man in the cemetery doesn't matter to me. ... Going to bed at night saying we've done something wonderful -- that's what matters to me." < br>< small>- Steve Jobs< /small>
< blockquote class="darker"> This blockquote is black and has a black left border. < br>< small>- Person< /small> < /small> Links
< a href="URL">Click here to go to Google.< /a>
< a href="URL" class="highlighted">Click here to go to Google.< /a>
< a href="URL" class="button">Click here to go to Google.< /a>Tags
< a href="URL" class="tag">My Profile< /a>
< div class="tags">< a href="URL">Google Plus< /a> < a href="URL">Facebook< /a> < a href="URL">Twitter< /a>< /div>Showcase
- Works best with sta.sh writer
< h1>< b>This is heading 1.< /b> Subtitle!< /h1>
(embed media directly!) Click on Link
in the toolbar and enter the video URL. It will automatically be formatted.
(embed deviations AKA art directly!) It will automatically be formatted.
(embed journals!) It will automatically be formatted.
(thumbs work too!) Just copy and paste the :thumbXXX: code you find on each deviation page. It will automatically be formatted.Thumbs with No Borders
<span class="no-border">:thumbXXX: :thumbXXX: :thumbXXX:< /span>
Changelog always improving
EDIT 1 2/20 - initial release
EDIT 2 2/21 - added guided customization, added support for video, boxes, fixed bottom border for thumbs in showcase. Also added darker thumbnails and fixed the mood to make it look prettier...
EDIT 3 2/22 - removed tags from the footer to make journal skin more customizable for non-premium members!
EDIT 4 6/8 - fixed extra space under thumbs!
EDIT 5 6/21 - fixed extra space (again) and added white background to thumbs for those pixel lovers! also added an option to remove borders/shadows on thumbnails!
EDIT 6 98/ - addressed a minor padding issue when putting multiple thumbs on the same line
Please leave comments and
if you liked this! If you need any help or would like a customization, don't hesitate to comment! I value your feedback.This journal skin is Open Source. Feel free to take what you've learned from the code and apply it to your awesome creations... I'd love to see what you come up with!