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:
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
59 out of 62 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
44 out of 47 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconcupric:
Cupric Featured By Owner Jul 6, 2017  Hobbyist Digital Artist
thanks a big bunch!^^
Reply
:icontopcat20:
TopCat20 Featured By Owner Jun 7, 2017  Hobbyist General Artist
Thank you, using.:)
Nice.Heart 
Reply
:iconkaskomni:
Kaskomni Featured By Owner Apr 18, 2017   Digital Artist
I'm a bit confused on how to change to the color pink? : O
Reply
:iconvixenkiba:
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?
Reply
:iconniti-pon:
Niti-Pon Featured By Owner Jul 18, 2016
super awesome
Reply
:iconstygma:
Stygma Featured By Owner May 3, 2016  Hobbyist General Artist
I'm playing around with this one! What an amazing fun skin!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 6, 2016  Hobbyist Interface Designer
This one is one of my favorites. :D
Reply
:iconmsaishakristine:
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?
Reply
:iconsundox:
sunDox Featured By Owner Mar 22, 2016  Hobbyist Digital Artist
Love it.
Reply
:iconscourgemangastudios:
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
Reply
:iconcynthistic:
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.
Reply
:iconcynthistic:
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!
Reply
:iconinvokersama:
InvokerSama Featured By Owner Dec 1, 2015  Hobbyist Digital Artist
me too.. i am really bad at codes.. :(
Reply
:iconguns-for-stars:
guns-for-stars Featured By Owner Aug 31, 2015  Hobbyist Digital Artist
I wanted to test this skin!TESTING
Reply
:iconshackledmuse:
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? 
Reply
:iconshackledmuse:
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:
Reply
:iconfehnryr:
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
Reply
Hidden by Commenter
: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
:iconnaturaee:
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
Reply
:iconriasuki:
riasuki Featured By Owner Sep 14, 2014  Hobbyist Digital Artist
Finding this skin everywhere.. glad i've found it!
Reply
:iconstefany-desu:
Stefany-Desu Featured By Owner Jul 30, 2014  Hobbyist Digital Artist
Awesome!! ;A;
thank you very much!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Aug 2, 2014  Hobbyist Interface Designer
: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  Hobbyist Interface Designer
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  Hobbyist Interface Designer
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  Hobbyist Interface Designer
Thanks, Rie. :D
Reply
:iconriemea:
Riemea Featured By Owner Jun 3, 2014  Hobbyist General Artist
You're welcome. ^^
Reply
:iconastranavis:
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
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 16, 2014  Hobbyist Interface Designer
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
:iconastranavis:
AstraNavis Featured By Owner May 17, 2014  Hobbyist General 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  Hobbyist Interface Designer
Thank you so much. :D This one is my personal favorite, and I love seeing people use it. :aww:
Reply
:icondoodlebug-tori:
doodlebug-tori 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  Hobbyist Interface Designer
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
:icondoodlebug-tori:
doodlebug-tori 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  Hobbyist Interface Designer
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  Hobbyist Interface Designer
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  Hobbyist Interface Designer
Thank you! :aww:
Reply
:iconangiewaiwai:
angiewaiwai Featured By Owner Mar 23, 2014  Hobbyist Digital Artist
installed, thanks , your journal skin so pro
Reply
Add a Comment:
 
×




Details

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

Stats

Views
17,326 (7 today)
Favourites
1,481 (who?)
Comments
148
Installs
3,561 (2 today)
×