Shop Mobile More Submit  Join Login
Todo Journal Skin by LabLayers Todo Journal Skin by LabLayers

Introducing Todo.

It's a simple to-do list journal skin, fully customizable to whatever color you want. From the subtle hover effects to the "stacked paper" feeling, everything is arranged to be pixel-perfect and easy to use.

Features.

This journal skin is free to install, use, and modify.
:bulletred: The cute lil' monster is designed to be pixel-perfect.
:bulletorange: Easy to customize -- just click "Edit Skin" and you will see guided instructions!
:bulletyellow: Great for jotting things down
:bulletgreen: Responsive design (still beautiful and functional on dA mobile)
:bulletblue: Support for legacy moods (if you are eating a Chipotle Burrito, let it out!)
:bulletpurple: Created with love by a broke student. (Why not?)
:bulletblack: Need help? Find an imperfection? SOS? 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: This journal skin also work for groups.

Live Preview

Prepare to be aww-mazed!
School SuppliesThis is a demo of the Todo Journal Skin. You can easily customize this journal skin to whatever color you desire. 
As a bonus, this journal skin is fully compatible with Sta.sh's Rich Text Editor. You can simply select "H1 Title" and start typing list items underneath.
 
List Header (H1)
PaperPencils
Words to think about... 
This is a checked item.This item is checked and has a strikethrough down the middle.
Here's a blockquote:
Hey look, it's Justin Bieber! 
- Abe Lincoln
Todo List 9/14I'm back on the internet, summer is over, and I'm once again back in full swing! My goal is to get all of this done in the next 10 days and hopefully everything will work out from there!
(As a bonus, I don't have school on Thursday and Friday. Wishing a happy new year to all of my Jewish friends, and as always... Shana Tova!) 
Journals To Post
New Kid at a New SchoolA Very Special Feature#YoungDigitalArtists Contest#CSS-DYK Star Rating TutorialSummer Reflection#CreatedWithMuro Update & Rules
Journals Skins to Work On
This Very Journal Skin!Copy.com PromotionMedium.com-Inspired Journal Skin(Secret Project)
Things to Post
JamboardDrones4u InfographicRandom Custombox TutorialsGallery Folder Templates
Websites
Submit Jamboard to US FIRSTUpda
TO-DO LISTAgenda-List

AT with ~CocatrolaFinishing painting WizRemaking Fantasy charactersFinish new ocsFinish Leon's refBegin making minor oc refsMake a quickie icon
stay sugoi
Gifts-I-Plan-To-Make
Gift for michieQuick icon for kathypixel for jen winkwink
Suggestions-for-myself
Do a christmas theme picGroup pic???Play with compositionRain-ponchos..


Sta.sh Writer Usage

It's simple: Use sta.sh writer like you normally would.

:bulletblack: To create a todo list, select "H1 Header" under headings then click the bullet button.

To create a blockquote, click the quote icon.
To align/bold/italic/underline text, there are buttons for that, too! :D

CSS Documentation

To access the CSS editor, just click "Edit Skin" then click "Save As" when you are done. The first should read like this, just replace #29A8F0 with the colors of your dreams:

/* Color Accent Configuration - Links and Box Hover
Replace #29A8F0 with the color of your dreams!
Check out flatuicolors.com for a palette.
*/

a {
color: #29A8F0 !important;
}

li:hover:after {
border: 1px solid #29A8F0 !important;
box-shadow: 0 1px 1px #29A8F0 !important;
}


HTML Documentation (Advanced)

This for use with the advanced HTML editor. Remember to remove the spaces!

List Header
<h1>This is a list header.</h1><ul>{LIST}</ul>

List Without Header
<hr><ul>{LIST}</ul>

List Example
<ul>
<li>Regular Item</li>
<li>Item that contains a thumb. :thumbXXX:</li>
<li>Item that contains a video. <da:embed...></li>
<li class="striked">Item that has a Strikethrough</li>
<li class="checked">Item that is Checked</li>
<li class="checked striked">Item that is Checked and has a Strikethrough</li>
</ul>


Blockquote
<blockquote>This is a blockquote.</blockquote>

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.

:new: Colors!

Since I love you all for the DD... I have a special gift for everyone: I will repost this journal skin in different flavors! Special thanks to =SimplySilent and `GillianIvy for the suggestion and ^ginkgografix for the win! :heart:
Tangy Red, Lime Green, and Skeumorphic Notepad (gasp!):


No Premium Membership?

If you don't have a premium membership, no worries! There's always the good ole plz accounts! And check out #BasicMembers for more awesome resources...
:iconcheckmarkplz: Like This!
:iconpointslaplz: And This!
:iconlaredbirdplz: And Thisss!

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:
 

Daily Deviation

Given 2013-09-08
With a simple but elegant design, this lovely Todo Journal Skin by =LabLayers has been expertly coded to help keep all of your tasks in stylish order.

Also suggested by `GillianIvy.

[dA Related / dA Skins & Scripts / Journal & Gallery Skins / Installable Journal Skins] ( Suggested by SimplySilent and Featured by ginkgografix )
:iconinsacove:
Insacove Featured By Owner Mar 4, 2014   Digital Artist
With the use of sta.sh and this journal skin combined, I can finally get that hugeass to do list off of my profile *w* Thank you so much for making this feiughfdiug
Reply
:iconxunwhy:
XunWhy Featured By Owner Oct 31, 2013  Student General Artist
This is something I have never imagined before... it is creative and simple. I hope I can use this :thanks:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 11, 2013
Congrats on the DD! Simple yet effective skin. :nod:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 12, 2013  Student Interface Designer
Thanks! :la:
Reply
:iconmirz-alt:
mirz-alt Featured By Owner Sep 8, 2013   General Artist
Just what I need. thank you!
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Enjoy! :love:
Reply
:iconbloedzuigerbloed:
bloedzuigerbloed Featured By Owner Sep 8, 2013  Hobbyist General Artist
I love that haiku.
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 8, 2013
Yay, congrats on the DD! :clap:

This is the first time one of my suggestions got featured, so I'm happy too :XD:
Reply
:iconuchuubranko:
uchuubranko Featured By Owner Sep 8, 2013  Student General Artist
*randomly stumbled upon your comment*

yay! :iconsuperw00tplz: :heart:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 9, 2013
:iconlaplz:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Thank you so much for the suggestion! :squee:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 9, 2013
:huggle:
Reply
:iconsingingflames:
SingingFlames Featured By Owner Sep 8, 2013  Hobbyist Writer
This is a great skin! Thanks for sharing and congrats on the well-deserved Daily Deviation! :la:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Enjoy! :love:
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 8, 2013  Hobbyist General Artist
Happy DD day!  ;D
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Happy "OMG I can't believe that one of my suggestions actually got featured!" day! :D
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 11, 2013  Hobbyist General Artist
hahaha, that is true too ;D  Usually, I am very confident of my suggestions since I only suggest things I think are very useful to the community at large or otherwise very awesome.  This was both ;D
Reply
:iconlitriu:
Litriu Featured By Owner Sep 8, 2013  Hobbyist General Artist
Thank you for making a Tutorial that isn't deathly boring, and works well.
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Enjoy! :la:
Reply
:icondrake1:
Drake1 Featured By Owner Sep 8, 2013
Wooah, nice job! I love it. Congratulations! :clap:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Enjoy! :squee:
Reply
:iconimakocoa:
imakocoa Featured By Owner Sep 8, 2013  Hobbyist Digital Artist
Best haiku ever X'DD
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Thanks! The Haiku actually came from here:  HaikuI hate you Haiku
You are very hard to do
Go back to Japan
Reply
:iconimakocoa:
imakocoa Featured By Owner Sep 8, 2013  Hobbyist Digital Artist
:D
Reply
:iconlintu47:
lintu47 Featured By Owner Sep 8, 2013  Hobbyist General Artist
    Congrats on the DD, i love the way you present it! :dalove:
    Have a nice day! :heart:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Thank you! :hug:
Reply
:iconlintu47:
lintu47 Featured By Owner Sep 8, 2013  Hobbyist General Artist
    My pleasure :happybounce:
Reply
:iconpetitebubu:
PetiteBubu Featured By Owner Sep 8, 2013  Hobbyist Digital Artist
LOL the haiku was fantastic! XD

Anyway very good journal! You did a great job ^^
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Thanks! Emote: Entranced 
Reply
:iconnesmaty:
Nesmaty Featured By Owner Sep 8, 2013
Congrats on the DD :happyclap: 
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Enjoy! Thank you! Thank you! 
Reply
:iconnesmaty:
Nesmaty Featured By Owner Sep 8, 2013
:lol:
Reply
:iconmiontre:
miontre Featured By Owner Sep 8, 2013  Hobbyist Photographer
Congrats on the DD! well deserved:) :clap:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 8, 2013  Student Interface Designer
Thanks! I've also released a few more flavors in case you're interested:      
Reply
:iconmiontre:
miontre Featured By Owner Sep 8, 2013  Hobbyist Photographer
They're great!! Thanks for sharing :)
Reply
:iconim-not-sana:
im-not-sana Featured By Owner Sep 5, 2013  Hobbyist General Artist
Excellent! :clap: Very useful and minimal :heart:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 5, 2013  Student Interface Designer
Thanks! :hug:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 5, 2013
So lovely! :heart: Fantastic job! :la:
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 8, 2013  Hobbyist General Artist
:highfive:  looks like we both thought the same thing seeing this skin ;D
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 8, 2013
:iconlaplz:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 5, 2013  Student Interface Designer
Enjoy! :clap:
Reply
:icongillianivy:
GillianIvy Featured By Owner Sep 5, 2013  Hobbyist General Artist
;D  Great skin.  Love this.  Those check boxes look fantastic.  Very clean design, I'm sure would be loved and useful to the community at large.
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 5, 2013  Student Interface Designer
Thanks! :hug:
Reply
:iconfearthebed:
FearTheBed Featured By Owner Sep 5, 2013  Hobbyist General Artist
that haiku is my favorite part
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 5, 2013  Student Interface Designer
:dummy:
Reply
:iconcelvas:
Celvas Featured By Owner Sep 4, 2013
Aww-mazement achieved. This is one clever skin. Thank you for making it. :aww:
Reply
:iconlablayers:
LabLayers Featured By Owner Sep 5, 2013  Student Interface Designer
Enjoy! :squee:
Reply
Add a Comment:
 
×




Details

Submitted on
September 4, 2013
File Size
4.8 KB
Link
Thumb
Embed

Stats

Views
6,407
Favourites
223 (who?)
Comments
53
Installs
172
×