SimplySilent on DeviantArthttps://www.deviantart.com/simplysilent/art/Tropical-Fruit-CSS-404814616SimplySilent

Deviation Actions

SimplySilent's avatar

Tropical Fruit CSS

By
Published:
33K Views

Description

: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
© 2013 - 2024 SimplySilent
Comments164
Join the community to add your comment. Already a deviant? Log In
CroWelsh's avatar
:star::star::star::star::star-half: Overall
:star::star::star::star::star: Vision
:star::star::star::star::star-half: Originality
:star::star::star::star::star: Technique
:star::star::star::star::star: Impact

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 <img src="e.deviantart.net/emoticons/p/p…" width="15" height="16" alt=":+fav:" data-embed-type="emoticon" data-embed-id="194" title="+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 .. <img src="e.deviantart.net/emoticons/w/w…" width="15" height="15" alt=";P" data-embed-type="emoticon" data-embed-id="454" title="Wink/Razz"/>), 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 ... <img src="e.deviantart.net/emoticons/t/t…" width="15" height="15" alt=":thumbsup:" data-embed-type="emoticon" data-embed-id="262" title="Thumbs Up"/>

Anyway, time me thinks to .. chuck up this .. comment .. <img src="e.deviantart.net/emoticons/w/w…" width="15" height="15" alt=";)" data-embed-type="emoticon" data-embed-id="387" title=";) (Wink)"/>
<img src="e.deviantart.net/emoticons/c/c…" width="16" height="20" alt=":coffeecup:" data-embed-type="emoticon" data-embed-id="221" title="Coffeecup"/><img src="e.deviantart.net/emoticons/s/s…" width="24" height="20" alt=":smoking:" data-embed-type="emoticon" data-embed-id="580" title="Smoking"/>