Shop More Submit  Join Login
×




Details

Submitted on
February 21, 2013
File Size
8.7 KB
Link
Thumb
Embed

Stats

Views
1,615 (3 today)
Favourites
54 (who?)
Comments
9
Installs
168
×
Crane Journal Skin by LabLayers Crane Journal Skin by LabLayers
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 and `Milotic1406's Devious Accents series.

This journal skin is for free
:bulletred: Easy to read text (large, narrow, but can easily be changed ;))
:bulletorange: Easy to customize (premium members ONLY -- just click "Edit Skin" and you will see guided instructions!)
:bulletyellow: Great for showcasing media! (video and film are automatically formatted to be fullwidth)
:bulletgreen: Responsive design (still beautiful and functional on dA mobile)
:bulletblue: Support for moods (if you are eating a Chipotle Burrito, let it out!)
:bulletpurple: Created with love by a broke student. (Why not?)
:bulletblack: 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!

:groups: 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:la: Introducing Crane, another minimal journal skin created by =LabLayers.
:heart: 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 :D
:) 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
body {
background: black;
color: white;
font-family: Comic Sans MS, Arial; 
}
Hello! This is a quote here from Gotham City...
-The Joker
This is surround


Documentation just remove the spaces in the tags


Headings
< 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... :la:
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! :D
EDIT 6 98/ - addressed a minor padding issue when putting multiple thumbs on the same line

Feedback! (please)


Please leave comments and :+fav: 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!
Add a Comment:
 
:iconboregarde:
boregarde Featured By Owner Dec 30, 2013
It doesnt work . its the same as miilitamoon. :-(
Reply
:iconlablayers:
LabLayers Featured By Owner Dec 30, 2013  Student Interface Designer
You need a premium membership!
Reply
:iconmiilitamoon:
miilitamoon Featured By Owner Mar 12, 2013   Digital Artist
umm is this still free?
Reply
:iconlablayers:
LabLayers Featured By Owner Mar 13, 2013  Student Interface Designer
Yep! Feel free to install and play around with it! :)
Reply
:iconmiilitamoon:
miilitamoon Featured By Owner Mar 15, 2013   Digital Artist
oh ok because i tried to install it and publish my journal and it says only premium members can use it?
Reply
:iconlablayers:
LabLayers Featured By Owner Mar 16, 2013  Student Interface Designer
Never mind, that used to be a loophole where basic members could use journal skins, and it has then been fixed...
Reply
:iconkaseyklcx3:
KaseyKLCx3 Featured By Owner Feb 27, 2013  Hobbyist Digital Artist
Awesome skin! :+fav: Thank you so much for the time and effort you spent on making it! :aww: :heart:
Reply
:iconlablayers:
LabLayers Featured By Owner Feb 28, 2013  Student Interface Designer
Thanks! :la:

Let me know if any questions/problems!
Reply
:iconjackm-hallows:
JackM-Hallows Featured By Owner Feb 22, 2013  Hobbyist Traditional Artist
This is definetly a very cool journal skin. Lots of work into it I figure.
I installed it in my journal. I'll give my best to thoroughly use it, though right now I have absolutely no idea what to do with all the awesomeness available. It'll come to me in a few days.
Thanks for the hard work.
Reply
Add a Comment: