Shop Mobile More Submit  Join Login
×




Details

Submitted on
May 29, 2009
File Size
3.6 KB
Thumb

Stats

Views
26,441
Favourites
581 (who?)
Comments
140
Installs
5,242
×
Keep Dreaming by LifesDestiny Keep Dreaming by LifesDestiny
Please Read Instructions to get full advantage of this skin.

About the Skin Design
I wanted to try more with vectors and a journal skin gave me the push and idea of what I wanted. Everything in the design was draw using the pen tool in fireworks except from the tree itself. I used a stock image to use as a guide. I am pretty proud of the design, considering how much work I put into it and since it's the first time I drew all the vectors myself.

Stock Image: [link] by ~Its-Only-Stock


----------

Live Version : [link]

How to use the skin
I tried to make this as customizable as possible to there are a lot of extras that you can add or change.



:bulletblack: Main Content
This wraps your content. Use this if you want to add the side bar.
code:
< div class="maincontent">Your Content Here</div >
Remember to keep that < /div> at the end of all your content..


:bulletblack: thead
This is the header above the text.
Blue header code:
< div class="thead">Your Title Here</div >
Black header code:
< div class="thead2">Your Title Here</div >

:bulletblack: textbox
This is where you put all your text
code:
< div class="textbox">Your Text Here</div >

:bulletblack: textb
This is the bar below the text. *
Blue bottom bar code:
< div class="textb2"></div >
Black bottom bar code:
< div class="textb"></div >

:bulletblack: Side Bar
This adds that black side bar.**
code:
< div class="sidemenu">Your Text Here</div >
Side Bar Title code:
< div class="shead">Your Title Here</div >

:bulletblack: Line Divider
This adds the line divider that's visible in the side bar.***
code:
< div class="line"></div >

:bulletblack: Scroll Box
This adds within your text boxes. Preview in the image above.
code:
< div class="textscroll"></div >

Just remember to take the spaces out the <div= and the </div

* Don't add any text to the textb. It wasn't coded for text and it will mess up the skin.
** If your going to use the side bar please remember to add the main content div class.
*** Again don't add any text to the line. It wasn't coded for text either.


---------

I realize that the instructions might be hard to follow so if you have any questions about how to add the sections then please don't hesitate to note me, I'd be more than happy to help.

When I originally designed and coded the CSS the side bar fitted perfectly but now the copyright has been added to it, the bottom of the side bar slightly covers the button at the bottom. I have already deleted the first version and re submitted it. It's better than it was but it's not perfect. I'm not re doing it all over again, I'll just be more careful with the side bars in future.

Well I hope you like it, and please leave comments, they will help in me improving my future journal skins.

:iconjournalskins: has my permission to upload this to their gallery
Add a Comment:
 
:iconjournalskins:
First impressions
:bulletyellow: Loving the header image!
:bulletyellow: Looks clean and is easy to read

Visual aspects
Visually this Journal Skins is a really pleasure to look at.
With a consistent style and colour scheme it doesn't have any elements that look misplaced or draw unwanted attention.
Using window like blocks of text the reader will know just where to read.

User experience
The guide as show in the artist comments look very confusing at first.
But after some copy pasting and shifting some HTML around it was not that hard to figure out.
It took me just a minute or two to set up a testing journal using all features.
To improve here I would suggest to make use of some more markup in the artist comments to make the code explenation a bit more comprehensive.

One other thing is that you're not making use of the skin header or footer options.
A perfect thing to put in there would be the .maincontent class.
This is required to be around all of your content.
So why not put it in the header and footer to let it be done automatically on install?

Technical aspects
There are a few technical flaws to this Journal Skin.
In my opinion a quite important one is its compatibility with other browsers. Making use of the border radius options in CSS this Journal Skin will look very different in for instance Internet Explorer.
Try to test your journals at least in FireFox and Internet Explorer to cover for the majority of the viewers.

Another issue is the small size of the scrolling box.
With the tiny size of 100px it will not fit a vertical thumb (Thumb size limits are 150px width or height whichever is reached first).
For that I would suggest optional sizes.
Something like:
.scrollsmall ~ 200px
.scrollmedium ~ 400px
.scrolllarge ~ 600px

Conclusion
If you're not afraid of HTML.
Don't mind that your IE visitors will see a different skin.
And don't intend to use the scrolling boxes for thumbs...
This skin is a very good looking choice!

Liked this critique?
:pointr: Click here to find more or request your own
What do you think?
The Artist thought this was FAIR
51 out of 61 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconradiolanguage:
radiolanguage Featured By Owner Aug 7, 2012  Hobbyist Traditional Artist
Oh I love this! So pretty, thanks for making this!
Reply
:iconatros17:
ATROS17 Featured By Owner Oct 19, 2011  Hobbyist General Artist
Im kind of new here and I would like to use this amazing skin.. but when I try to edited I dont know where I should put all that codes... maybe in Skin header..skin CSS or skin footer... Sorry if I butters you
Reply
:iconazeeratheninja:
AzeeraTheNinja Featured By Owner Aug 16, 2011  Student Interface Designer
I absolutely adore your coding!!!

I'm totally going to use this! And thanks so much for making it so easy to customize! :love::huggle:
Reply
:iconthetvamtturi:
ThetVamtturi Featured By Owner Jul 11, 2011
Love this! Thanks for sharing
Reply
:iconkiatography:
Kiatography Featured By Owner Jun 29, 2011
<3 I love this!
Reply
:icongunrave71:
GunRave71 Featured By Owner Mar 25, 2011  Student Traditional Artist
thanks
Reply
:iconcarcar1994:
carcar1994 Featured By Owner Nov 22, 2010  Student General Artist
I really love this journal skin. I'm thinking of using it on my journal =D Just thought I'd let ya know before I did so =P
Reply
:iconchaman:
chaman Featured By Owner Jul 21, 2010
Wow I did not know we could make our own journal skins, how does that work?
Reply
:iconluhi:
Luhi Featured By Owner Jul 15, 2010
I love it :D
Reply
:icontifachan13:
TifaChan13 Featured By Owner Jun 27, 2010
thanks 4 the Skin ^^
Reply
:iconrobigus:
Robigus Featured By Owner Jun 24, 2010  Student Interface Designer
Your journal skin is amazing, I just wanted you to know. I found it elsewhere in use and had to tell you.
Reply
:icontaylortachyon:
TaylorTachyon Featured By Owner Jun 8, 2010
love this and using it. (:
Reply
:icononceeverybluemoon:
onceeverybluemoon Featured By Owner Jun 8, 2010
Wow this skin looks so amazing, I love the colour scheme.
Reply
:iconrestubaiirose:
RestubaiiRose Featured By Owner Jun 7, 2010
I used this, but I couldn't get the black sidebar working. I didn't know where to put it and it said that it was always in the wrong place...
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Jun 8, 2010
What do you mean you don't know where to put it?

<div class="sidemenu">Your Text Here</div>

Place that anywhere in your text box and edit "Your Text Here". That will add a side bar. If it still doesn't work, let me know.
Reply
:iconsilversymphony:
SilverSymphony Featured By Owner Nov 6, 2011  Hobbyist General Artist
it didn't work.. I placed it in where my writing goes then I tried putting it in the header part then the footer part and then in the CSS part and none of them work... Help me out please?
Reply
:iconrestubaiirose:
RestubaiiRose Featured By Owner Jun 8, 2010
Okay, thanx!
Reply
:iconemtay96:
emtay96 Featured By Owner Jun 6, 2010
Sweet! I love this one, its so pretty! ^_^ I'm glad i figured out how to use them xD
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Jun 10, 2010
Can I ask how you managed to use the skin? Im just wondering as your a non subscriber, I didn't think there would be anyway around not having to subscribe to use skins.

Glad you like.
Reply
:iconemtay96:
emtay96 Featured By Owner Jun 11, 2010
oh, i just clicked browse skins, (when looking under journal skins after typing up a journal) and then when i saw yours i clicked install skins, and then going back to my journal i just selected yours in the list of available skins.
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Jun 11, 2010
Ah I see, well I'm glad you can use it, I'm just surprised is all. Thanks for using it though :)
Reply
:iconjadie-jade-plz:
Jadie-Jade-plz Featured By Owner Jun 23, 2010  Hobbyist Digital Artist
I'm just going to explain why us non subby peeps get skins for now, The Sims 3 is launching a promotion thing and trying to get us non subby people to buy The Sims 3 by giving us free skins for a 'limited time only' (it's been almost a month)

So yea, we get free skins till Sims takes 'em back
Reply
:iconemtay96:
emtay96 Featured By Owner Jun 11, 2010
yeah ok! ^_^
Reply
:iconxxspongyxx:
xXspongyXx Featured By Owner Jun 1, 2010
ABSOLUTELY AWESOME. Dude I'm using it. ^^
Reply
:iconimp-creations:
Imp-Creations Featured By Owner May 29, 2010   Photographer
I so totally love your free dreaming desgin. It literally makes me grin from ear to ear when I log into my deviant page. It is akin to what I love in imagination and imagery brought to life for all the world to enjoy, though I doubt any, enjoy it as much as I do. I could not have designed a more perfect image for my journal if I tried :w00t!:
Reply
:icontrock:
trock Featured By Owner May 9, 2010
thank you for the skin, it makes my journal look great!!
Reply
:iconladyscarring:
LadyScarring Featured By Owner Apr 8, 2010  Hobbyist General Artist
GORGEOUS!! I love it!
Reply
:iconanhpho:
AnhPho Featured By Owner Feb 22, 2010  Hobbyist Traditional Artist
I am using it right now, as my current journal skin, but I'm trying to get the extra sidebar into it as well,
but the links and whatnot are giving me some trouble...
I'm getting a little unsure if I'm even going to use it anymore,
but for now,
I just want to use the sidebar for my collection of stamps in my journal,
that's all.
Reply
:iconcrazedjacksparrowfan:
crazedjacksparrowfan Featured By Owner Feb 2, 2010
This skin is goreous, and I'd really love to use it. But, I'm unsure of how to add the headers and sidebar etc. The codes seem to be giving me trouble. And help would be greatly appreciated :)
Reply
:iconinfinitefruit:
InfiniteFruit Featured By Owner Jan 22, 2010  Hobbyist General Artist
THAT is awesome!!! :dance: I'm using it fo sho!! :D
Reply
:iconemerii:
Emerii Featured By Owner Jan 19, 2010  Hobbyist Digital Artist
Nice, but too bad doesn't work with IE8. :( Which is probably the problem with half of the comments below.
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Jan 23, 2010
I realize that now with new releases of new versions of browsers that the skin wont be completely compatible. Considering this was one of the first that I coded and tried to make it browser friendly there was only so much I could do. If I get a chance I might try and update it to a newer version but it's not at the top of my list. Thanks for the feedback though.
Reply
:iconblueseanfoste:
blueseanfoste Featured By Owner Jan 19, 2010  Student Digital Artist
how do you apply it on your journal?
Reply
:iconcontestsdirectory:
ContestsDirectory Featured By Owner Dec 24, 2009
Hello,

I'm sorry to bother you, but could you please help me ?
I really want the design to look just the same like the image, but I can't do it. If you could please put it together for me, I would be very thankfull.
Reply
:iconbroken2nite:
BrOkEn2NiTe Featured By Owner Dec 24, 2009  Hobbyist Writer
i love this, and I really wanna use it, but i cant figure out where to put the rest of the codes to make it look like this lmao im hopeless at technology
Reply
:iconjamoluvsart:
Jamoluvsart Featured By Owner Dec 17, 2009   Traditional Artist
Love it! Will use.
Reply
:iconrogue-angel:
rogue-angel Featured By Owner Dec 8, 2009  Student Artist
Hi LifesDestiny, thanks for the cool skin. But I was wondering if you could help me, I'm having a few problems. I went through and applied the skin. However the background for the first stationary text box is bleeding out around the scroll box. Instead of ending at the first bottom bar.

I tried switching the bars (between the blue and black). Changing the location where the code was entered for the scroll/side bar etc. I checked the Div's, but I can't seam to find the problem.

Also, do you know how I can get my Mood box to be listed at the bottom of the page?

Thanks for the help ^^.
Reply
:iconmtani:
mtani Featured By Owner Nov 15, 2009
Great skin! And I LOVE that you left room for so much customizing! Thanks a lot! ^_^
Reply
:iconsukaiboo:
SukaiBoo Featured By Owner Nov 14, 2009   Photographer
Used: [link] ty :)
Reply
:iconlaylatheblackcheetah:
Awesome journal skin :D
Reply
:iconfauxonym7:
fauxonym7 Featured By Owner Nov 11, 2009  Hobbyist General Artist
this journal skin is awesome! :D I tried it(i'm no premium member though...) and it's awesome! good work!
Reply
:iconafke11:
afke11 Featured By Owner Nov 10, 2009   Traditional Artist
I really like this skin and would like to use it (for the time us nonsubscribers are allowed to), but I'm missing the box with the info about what I'm reading, playing, etc. What code do I add for that?
Reply
:iconvanillacoke-disney:
vanillacoke-disney Featured By Owner Nov 9, 2009  Hobbyist
I added this to my journal and it looks great!!! Keep up the great work!
Reply
:iconmegomyeggo:
megomyeggo Featured By Owner Nov 9, 2009
Really awesome!! I love the color scheme and I ADORE the tree at the top ^_^
Reply
:iconengeline:
Engeline Featured By Owner Nov 9, 2009
I'm using it : )
Reply
:iconunmerwe:
unmerwe Featured By Owner Nov 6, 2009  Hobbyist General Artist
thanks for the journal skin..wish I knew more about personalizing it but I like it just the way it is too! :)!
Reply
:iconfay-freyja:
fay-freyja Featured By Owner Nov 4, 2009
thanks for this magnifique journal skin!!
Reply
:iconiitoxic-candii:
iiToxic-Candii Featured By Owner Oct 24, 2009
nice ^^
Reply
:iconpencil-sketch:
Pencil-Sketch Featured By Owner Oct 11, 2009   Writer
Gorgeous. I'm using <3
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Oct 12, 2009
Thanks for your support. Enjoy the skin. :)
Reply
Add a Comment: