Shop Forum 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

  • 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

Add a Comment:
Critique by Zichee Oct 5, 2013, 8:18:05 PM
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
81 out of 85 deviants thought this was fair.

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 .. ;)
What do you think?
The Artist thought this was FAIR
57 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.

RedSashymi Featured By Owner Aug 19, 2018  Hobbyist Digital Artist
Hello! I don't understand how to put the little squares (brown)...I only can put "I'M A SUBHEADING" with the big squares '-' can someone help me?? please
RedSashymi Featured By Owner Aug 19, 2018  Hobbyist Digital Artist
It's ok I found the solution ^^
hazelrebecca Featured By Owner Jun 18, 2018  Professional General Artist
Simple, clean and crisp with lovely colours! 
Thank you for providing such lovely free resources, your skills are immeasurable. :love:
Username-91 Featured By Owner Feb 16, 2018  Hobbyist Filmographer
The Journal skin looks wonderful! Thank you so much for this. :dummy:
KiaraDGPaws Featured By Owner Jan 20, 2018  Student Digital Artist
hey can i ask something?
how did u make this journal skin downloadable? 
craaziifox Featured By Owner Nov 20, 2017  Student Digital Artist
how do i change all the colours to custom ones?
i've seen other do it before and i'd really like to to know!
also, would love to know how to make columned headers and such and how to get the text into the columns ;;
SimplyDefault Featured By Owner Aug 24, 2017
Hi! Im sorry to bother but i really dont get how to put the headings into the right and left columns ; n ;... I've tried inputting the heading codes into the Right/Left Colum code where it says "Left Text" and stuff but it just keeps giving me a big heading!
astrabun Featured By Owner Aug 27, 2017
Hi do you still need help with this? You are doing the code fine, you just have to make sure that you paste it on the journal in the special way so it can paste as basic html

SimplyDefault Featured By Owner Aug 27, 2017
AA TYSM! thats what was missing i weep ; u ;
Cupric Featured By Owner Jul 6, 2017  Hobbyist Digital Artist
thanks a big bunch!^^
TopCat20 Featured By Owner Jun 7, 2017  Hobbyist General Artist
Thank you, using.:)
Kaskomni Featured By Owner Apr 18, 2017   Digital Artist
I'm a bit confused on how to change to the color pink? : O
Vixenkiba Featured By Owner Feb 2, 2017  Hobbyist General Artist
This is still one of my favourite journal skins ever, I love playing around with it :D

I do have one question that I hope you can answer; on full-sized thumbnails, how do I remove the white background (which code line is it), and which code-line changes the colour of the BG when you hover over it?
Niti-Pon Featured By Owner Jul 18, 2016
super awesome
Stygma Featured By Owner May 3, 2016  Hobbyist General Artist
I'm playing around with this one! What an amazing fun skin!
SimplySilent Featured By Owner May 6, 2016
This one is one of my favorites. :D
msaishakristine Featured By Owner Apr 2, 2016
Is there a way to remove the hover or border around the thumbnails when you hover it with mouse?
sunDox Featured By Owner Mar 22, 2016  Hobbyist Digital Artist
Love it.
ScourgeMangaStudios Featured By Owner Oct 14, 2015
I would like to add a left and right column
but I don't get how I can add it
could you help me ??
I've read the HTML thing but it didn't help me
cynthistic Featured By Owner Jun 21, 2016  Hobbyist Digital Artist
Ok so the comment reverted the long block of codes into four words but you get me.
cynthistic Featured By Owner Edited Jun 21, 2016  Hobbyist Digital Artist
Ok, I've just messed around with it and it's quite simple once you get the gist of it.  According to the document, you need to copy this:

   Left Text   /div>
   Right Text    /div>

(Had to alter code for it to show on comment)

to achieve the columns and it states "Left Text" and "Right Text" and this is where you will insert your text.  Everything shows up fine in columns when you revert it back to the editing mode, not html mode.  However, to achieve the headers, you just have to copy and paste the desired header code into the "Left Text" and "Right Text" fields then click enter and start typing away.  For example:

Yellow: <h1>I'm a Heading</h1>

Pink: <h1 class="p1">I'm a Heading</h1>

Brown: <h1 class="b1">I'm a Heading</h1>

Green: <h1 class="g1">I'm a Heading</h1>

I hope this helps!
InvokerSama Featured By Owner Dec 1, 2015  Hobbyist Digital Artist
me too.. i am really bad at codes.. :(
guns-for-stars Featured By Owner Aug 31, 2015  Hobbyist Digital Artist
I wanted to test this skin!TESTING
ShackledMuse Featured By Owner Aug 20, 2015  Hobbyist General Artist
Hi there! I think I'm missing something. The headers and all other codes work, but for some reason the mini thumb gallery doesnt work, it just shows up as normal text. Am I doing something wrong? 
ShackledMuse Featured By Owner Aug 20, 2015  Hobbyist General Artist
Oh never mind! I found my mistake! It's working and it's soooo pretty :excited:
Fehnryr Featured By Owner Jul 8, 2015
Is there a way to change the top title bar? I love this journal skin but pink is my least favorite color o.o
Hidden by Commenter
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? //
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!
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
naturaee 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
riasuki Featured By Owner Sep 14, 2014  Hobbyist Digital Artist
Finding this skin everywhere.. glad i've found it!
Stefany-Desu Featured By Owner Jul 30, 2014  Hobbyist Digital Artist
Awesome!! ;A;
thank you very much!
SimplySilent Featured By Owner Aug 2, 2014
TaroVan Featured By Owner Jun 22, 2014  Student Interface Designer
I'm jealous! The colors and design of this skin are remarkable. 
SimplySilent Featured By Owner Jun 23, 2014
Aww, thank you very much. :blush:
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!!
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
Manouilidis Featured By Owner Jun 4, 2014   General Artist
It does indeed. It is all happy :D Love it!!
Riemea Featured By Owner May 28, 2014  Hobbyist General Artist
This skin is awesome, I absolutely love the colours! :love:
SimplySilent Featured By Owner Jun 3, 2014
Thanks, Rie. :D
Riemea Featured By Owner Jun 3, 2014  Hobbyist General Artist
You're welcome. ^^
AstraNavis Featured By Owner May 16, 2014  Hobbyist General 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
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
AstraNavis Featured By Owner May 17, 2014  Hobbyist General Artist
very welcome :meow:
yes, the effort was worth it! ^^
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!
Add a Comment:


Submitted on
October 2, 2013
File Size
5.2 KB


1,816 (who?)