Deviant Login Shop  Join deviantART for FREE Take the Tour
×
100 Purchase Purchased Download Purchase Soon
2.9 KB ZIP File. Includes ZIP
View Attachments
Vivacious CSS v3.zip
3.0 KB
Add Your Rating! Thanks for Rating! Change Your Rating
Download PNG 1389 × 1042



Details

Submitted on
June 24, 2013
Image Size
1,013 KB
Resolution
1389×1042
Link
Thumb
Embed

Stats

Views
6,437 (6 today)
Favourites
387 (who?)
Comments
175
Downloads
123
×
Vivacious Gallery CSS by SimplySilent Vivacious Gallery CSS by SimplySilent
:points: Commission Me | Journal Skins | Gallery Skins

:eager: Make Your Own Skins!

how to use

In order to use this gallery skin, please purchase it using the widget on the right.
Premium membership is required!

zip file includes
  • Gallery CSS (Red Version)
  • Gallery CSS (Blue Version)
  • Detailed instructions for adding CSS to folders and for using all the customizable features listed below

features
  • Thumb Width: All thumbs are the same exact width, and this width can easily be customized. The preview image shows how the thumbs look at 150px (default), 100px, and 200px wide.
  • Colors: The skin comes in two default colors, red and blue, but customizing the color is extremely simple.
  • Six Image Options: Pick and choose which of the following you want to display: title, artist, and comments.

    1. Nothing: Default setting
    2. Title only: Delete 1st line in code
    3. Artist only: Delete 2nd line in code
    4. Artist + Comments: Delete 2nd and 3rd lines in code
    5. Title + Artist: Delete 1st and 2nd lines in code
    6. Title + Artists + Comments: Delete the first 3 lines in code

  • Description Headings: Use the h1 tag
  • Hidden Stuff: Print icons, feed buttons, and the "More Like This" link are hidden.
  • Lit/Journal Thumbs: Also styled to match the art thumbs.

updates
- Version 3.0 (Jan 11, 2014) -- Removed thumb shadows for more flat design, description floating fixed :new:
- Version 2.0 (Aug 22, 2013) -- Now compatible with dA's new updates
- Version 1.2 (July 25, 2013) -- Centered thumbs
- Version 1.0 (Jun 27, 2013) -- Added space to make lit thumbs look better

more skins

Petite Gallery Skin by SimplySilent
Add a Comment:
 
:icontowersbeachfairy89:
All of what is here is simply breath taking! I love all the color I see here. It's very simple, clean and well organized. Very abstract too in several ways from what I can see from the photos here. Overall I think your vision was good. This definitely caught my attention first hand. I think its originality here is good too. Your technique is good too. I really like how you set everything up. You seem like the kind of person who is very bold, daring and that speaks to me just by looking at the pictures. Very nice job here with this.
What do you think?
The Artist thought this was FAIR
15 out of 18 deviants thought this was fair.

:iconkimayri-chan:
This is surely one of the best Gallery CSS designs I have ever seen!

So simple yet stunning, this goes to show that you don't need a bunch of frills and ribbons on your gallery for it to look unique.

The colours are pleasing to the eye and they are not too light or too dark. The deviations are arranged neatly, along with the text and headings. It is also very well organised.

There aren't many Gallery CSS out there, but this is the one I will make sure to use when I get a PM! Be sure to make more!
What do you think?
The Artist thought this was FAIR
21 out of 23 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconrennko:
Rennko Featured By Owner Jul 29, 2014
how do i centre the thumbnails? ; v ;//
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Aug 2, 2014
I don't think they can be centered here.
Reply
:iconrennko:
Rennko Featured By Owner Aug 10, 2014
ah i see! thanks anyways!! ; v ;//
Reply
:iconunboundexile:
UnboundExile Featured By Owner Jul 18, 2014  Student Digital Artist
Im having a problem. I don't seem to be able to edit my heading or even use it so. Its just a blank rectangle on the gallery im editing.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 18, 2014
Headings can be added with < h1>Heading< /h1> (without the extra spaces) :)
Reply
:iconunboundexile:
UnboundExile Featured By Owner Jul 18, 2014  Student Digital Artist
I tried. Gives me the error thing. :/
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 19, 2014
Are you adding that where you added your Description text?
Reply
:iconunboundexile:
UnboundExile Featured By Owner Edited Jul 20, 2014  Student Digital Artist
I dunno. On the tutorial it kinda just says <h1 > Heading Here </h1 >
Doesn't say whether or not to place it in the code or if its already there, etc.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 20, 2014
Add it to where you have your description text (ie, that big white box):
fc05.deviantart.net/fs70/f/201…
Reply
:iconunboundexile:
UnboundExile Featured By Owner Jul 20, 2014  Student Digital Artist
Thanks I figured it out! After I had placed the code in display, I had to change the color for it to be visible.
Reply
Add a Comment: