Shop Mobile More Submit  Join Login
Tropical Fruit CSS by SimplySilent Tropical Fruit CSS by SimplySilent
:points: Commission Me | Journal Skins | Gallery Skins | Make a Journal Skin!

Please add this skin to your favorites if you install. :+fav:


live preview

how to use

features
  • 4 different accent colors: yellow (default), pink, green, and brown
  • Mini Thumb Gallery: All thumbs become 100x100 and display fully on hover.
  • Big Thumb Gallery: All bigthumbs become 200x200.
  • 4 colors for headings and subheadings
  • Styled blockquotes and lists
  • Styled mood list

credits
Add a Comment:
 
:iconzichee:
For the color choices, I must say: I loved it - It sure looks tropical indeed. It's a good choice that you've used brown for the subhead so it doesn't look "too bright". Simple layout of course but at the same time, it looks beautifully well done and attracting to the eye. This will also give a higher chance of the audience to go read your journal mainly because of the layout.

The background: I like the grain you added, so it doesn't look too plain and static.

The thumbnails: Love the boarder you put so we know where to click. Nothing more. =)

The fonts: good choice of fonts I must say, especially the sizes. They definitely fit the layout and they are easily legible. And very clean.

I don't really see anything that needs tweaking - I just love how you put things altogether overall. Good work!
What do you think?
The Artist thought this was FAIR
22 out of 24 deviants thought this was fair.

:iconcrowelsh:
How To Begin:
This journal skin design falls beautifully on the eye of the viewer as a result of the very clean looking, non over-powering colour scheme chosen. The overall design has, in my view, a minimalist feel to it, but is enhanced by the introduction of the Tropical Fruit colouring.

Main Journal Structure:
The large top/header and slimmer bottom/footer block areas command and hold the overall journal together. It's balanced well by the differences in the block sizes and the brown colour used. You clearly see where to begin and any information within is prominent as a result. The slimmer bottom/footer block gives the journal a foundation and it's end point and again any information within is not lost or cramped.

The subtle pattern effect in the main journal background dampens down the some times harshness of a pure white backdrop. Since it is a subtle effect, it thus results in any text being much more comfortable to read so the viewers eyes are not strained.

Journal Sections:
The layout has been structured attractively, being well balanced and comfortable for the viewer to scan where the use of the brighter coloured sub-sections are bringing these different areas to the viewers attention.
This, obviously, emphasizes these sub-sections individually but at the same time are not over-powering each other, or one is not so over-powering that other sub-sections become lost and possibly seen as insignificant. The colours are brighter than the brown used, standing out off the subtle pattern background, but are not overly sharp or harsh on the eye.

Using the orange colour and spreading this across most of the top area of the journal is definitely a good move as it brings the viewer down into the journal but doesn't overload at the beginning. Splitting into 2 columns after this and the use of the red and green balances and allows the viewer to choose where to go.

Bringing in the Mini Gallery and separating this out from the main sub-sections (coloured) by using the brown (as in the header and footer blocks) closes off the journal nicely. This is also the same by having the Mini Gallery spreading across most of the journal area (as with the Normal Thumbs section or mini-header), creating a mini-foundation (mini-footer) for the sub-sections within the whole journal space.

How To End:
Or is this supposed to be called a Conclusion?
Whatever you want to call it, I can simply finish with a :+fav: .. since I personally found this design, layout and colour scheme extremely pleasing to view, well thought out and very user-friendly.
I also wanted to make a comment, but out of appreciation for the work, time and effort put in to bring this to the page (screen .. ;P), I decided that I should, at least, make some effort myself by trying to write a critique instead of just chucking in a quick 'I love this ..' type comment ...

There may be some little things that could be done to alter, enhance or improve bits 'n' pieces ... but hey, who am I to criticize by telling the creator, this or that is wrong, bla .. bla!
Overall, it's a fine piece of work ... :thumbsup:

Anyway, time me thinks to .. chuck up this .. comment .. ;)
:coffeecup::smoking:
What do you think?
The Artist thought this was FAIR
24 out of 25 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconpojopojoko:
pojopojoko Featured By Owner Jan 5, 2015  Student Digital Artist
i was wondering... how does one but the two headers side-by-side like the pink "left column" and green "big thumbs" are? //
Reply
:iconsonyaism:
sonyaism Featured By Owner Mar 22, 2015  Student General Artist
There is a link above that tells you how to use the HTML to make that stuff. :D!
Reply
:iconpojopojoko:
pojopojoko Featured By Owner Mar 22, 2015  Student Digital Artist
thank you! <3 i managed to figure it out with the help of the link haha
Reply
:iconroouii:
Roouii Featured By Owner Oct 22, 2014
This is my latest journal skin I've used and I love it so much ;;
I'm a big user of your journal skins and whenever I find myself bored of one, I always find more to keep me going of yours! Very stylish and beautiful. Thank you for providing this! :D
Reply
:iconriasuki:
riasuki Featured By Owner Sep 14, 2014  Hobbyist Digital Artist
Finding this skin everywhere.. glad i've found it!
Reply
:iconstefany-sama:
Stefany-Sama Featured By Owner Jul 30, 2014  Hobbyist Digital Artist
Awesome!! ;A;
thank you very much!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Aug 2, 2014
:heart:
Reply
:icontarovan:
TaroVan Featured By Owner Jun 22, 2014  Student Interface Designer
I'm jealous! The colors and design of this skin are remarkable. 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 23, 2014
Aww, thank you very much. :blush:
Reply
:iconmanouilidis:
Manouilidis Featured By Owner Jun 3, 2014   General Artist
thank you for making this one!! it is soooo pretty I love the colors so very much!!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 3, 2014
You're very welcome! The color scheme here is one of my favorite ones. I think it also goes great with summer time. :D
Reply
:iconmanouilidis:
Manouilidis Featured By Owner Jun 4, 2014   General Artist
It does indeed. It is all happy :D Love it!!
Reply
:iconriemea:
Riemea Featured By Owner May 28, 2014  Hobbyist General Artist
This skin is awesome, I absolutely love the colours! :love:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 3, 2014
Thanks, Rie. :D
Reply
:iconriemea:
Riemea Featured By Owner Jun 3, 2014  Hobbyist General Artist
You're welcome. ^^
Reply
:iconsynchrosen:
synchrosen Featured By Owner May 16, 2014  Hobbyist Digital Artist
thanks a lot for uploading this!
I actually understood html coding better while working with this skin :)
the colors and formating possibilities are great :D
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 16, 2014
Awesome, glad you like it! :highfive: It was one I put in a ton of time for to make it as customizable as possible, so I'm glad to see people using it. :D
Reply
:iconsynchrosen:
synchrosen Featured By Owner May 17, 2014  Hobbyist Digital Artist
very welcome :meow:
yes, the effort was worth it! ^^
Reply
:iconfeif-chan:
Feif-chan Featured By Owner May 4, 2014  Student General Artist
All your skins are so beautiful and I really look forward to use them someday.
Thank you for making these!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 16, 2014
Thank you so much. :D This one is my personal favorite, and I love seeing people use it. :aww:
Reply
:iconmangobutta:
MangoButta Featured By Owner Apr 16, 2014  Hobbyist General Artist
I'm so sorry, I didn't even see that the skin is supposed to be able to show it anyway!
And ironically enough, I figured out how to do it and the mistake I had been making all along was that I left everything on the list blank. oTL
But thank you for making sure a wonderful skin! Sorry if I wasted your time!~ >_<
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Apr 16, 2014
Haha, no worries. I usually don't allow the mood list to be displayed, but this is one of the few skins that actually has it styled. :P
Reply
:iconmangobutta:
MangoButta Featured By Owner Apr 16, 2014  Hobbyist General Artist
Adore this skin, redesigned my page for it (I'm in love with all your graphics <3)~

Question though, is there a way to make the .list "Mood", "Music", etc. blurb to show up? :?
Reply
:iconboo-tay:
Boo-Tay Featured By Owner Apr 7, 2014
Lovely skin, although, I am having an issue with the column layout like a few others have had (I'm also using HTML layout).

Screenshot - sta.sh/04nyroksjk
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Apr 7, 2014
Hmm, I installed the skin and put in the exact code that you have there, and it's working for me.

Double check that you actually are in HTML mode instead of Rich Text Editing, because your issue was what I got when I was in the wrong mode. Press CTRL + E to switch between the modes, and try the preview again. :)
Reply
:iconboo-tay:
Boo-Tay Featured By Owner Apr 7, 2014
Ok it worked thanks! It probably wasn't picking up that I was in HTML, switching must have detected it. c:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Apr 7, 2014
Great, glad it worked out. :D
Reply
:iconpassion-aesthete:
passion-aesthete Featured By Owner Apr 7, 2014  Hobbyist General Artist
oooh it is so beautiful !!! love it !
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Apr 7, 2014
Thank you! :aww:
Reply
:iconangiewaiwai:
angiewaiwai Featured By Owner Mar 23, 2014  Hobbyist Digital Artist
installed, thanks , your journal skin so pro
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 24, 2014
Aww, thank you! Glad you like it. :D
Reply
:iconultralithematic:
UltraLiThematic Featured By Owner Mar 12, 2014  Hobbyist Digital Artist
Uhm. The how to use guide redirects to the "Fade Journal Skin HTML Guide". 
Otherwise beautiful design and would love to use it. 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 12, 2014
Ahh, my bad. I was fixing several of my skins today, and I just knew I was going to forget to change a link somewhere. :P
Reply
:iconemberblue:
Emberblue Featured By Owner Mar 4, 2014  Professional Digital Artist
I love this.  Thank you for providing such a beautiful resource for us to use!!!  :tighthug:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 4, 2014
No problem at all! :la: This design was really for me to use, but I decided to share because why not? :XD:
Reply
:iconpoisons-kiss:
Poisons-Kiss Featured By Owner Mar 2, 2014  Hobbyist Digital Artist
this is an incredible skin!
though I am having somewhat of an issue. Whenever I try to paste the codes in they show up only as code? and also when I try to line up a few normal thumbs it jumps all about 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 2, 2014
Make sure that you are in HTML Mode, not Rich Editing Mode. You can press CTRL + E to toggle between the two. :)

If that's not fixing things, you should publish your journal in Sta.sh and let me take a look. Hopefully I'll be able to see what's up.
Reply
:iconshiro-ni-iro:
Shiro-Ni-Iro Featured By Owner Feb 23, 2014  Hobbyist General Artist
this journal is awesome! the design of it is so clean and beautiful! but i havea little problem ^^" its that i don't know where to put the rectangular headings sorry i'm just a noob so i was wondering if you could say me in what part of the HTML code i have to put it
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Feb 23, 2014
Thank you! :aww: I did spend quite a bit of time working on it.

The headings go wherever you want them to go. So when you write your journal, copy and paste the code for the headings and place them within your regular text. :)
Reply
:iconshiro-ni-iro:
Shiro-Ni-Iro Featured By Owner Feb 23, 2014  Hobbyist General Artist
oh thanks!
Reply
:iconccquinn:
ccquinn Featured By Owner Feb 2, 2014  Hobbyist Artist
oh wait I got it never mind :)
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Feb 4, 2014
Awesome. :D
Reply
:iconccquinn:
ccquinn Featured By Owner Feb 2, 2014  Hobbyist Artist
Um... excuse me could you please tell me the code for how to put thumbs in the mini gallery thing? I don't understand the turorial. :(
Reply
:iconexotiiiic:
Exotiiiic Featured By Owner Jan 14, 2014  Hobbyist Digital Artist
D: How do you add the headings?? I can't...! It keeps it like in the code form <h1>Title here</h1> I am a fail :(
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 14, 2014
If you type that into your journal while it's in HTML mode, you should get a yellow header. :)
Reply
:iconexotiiiic:
Exotiiiic Featured By Owner Jan 18, 2014  Hobbyist Digital Artist
I already tried... It just appears as the code itself :(.
Reply
:iconemmahl:
Emmahl Featured By Owner Jan 7, 2014  Hobbyist
I love this! It looks amazing! Simple yet complicated somehow.. :) And the colors are really pretty, too!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 12, 2014
Thank you for your kind words. :aww: I added a lot of features into this one because I intended to use it a lot as my own journal as well. :D
Reply
:iconblazinq:
blazinq Featured By Owner Jan 5, 2014  Hobbyist Digital Artist
Hi! I'm just having a few problems with using the pink and green headings? I've out in the code for the pink on but it isn't working?...
gingerblazee.deviantart.com/jo… If you scroll down to underneath the journal skins bit you can see I've tried to make the Pixel Art heading pink~
Reply
:iconrashuvast:
rashuvast Featured By Owner Dec 25, 2013  Hobbyist Digital Artist
It's okay I just figured out my mistake :D

Love this journal :love:

Thanks for making it available :thumbsup:
Reply
Add a Comment:
 
×




Details

Submitted on
October 2, 2013
File Size
5.2 KB
Link
Thumb
Embed

Stats

Views
8,432 (1 today)
Favourites
757 (who?)
Comments
128
Installs
1,541
×