Shop Mobile More Submit  Join Login
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
23 out of 26 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
28 out of 30 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconerika-diaz:
Erika-Diaz Featured By Owner Feb 18, 2015
100? es muchoo
Reply
:iconpoke-chann:
Poke-chann Featured By Owner Feb 4, 2015  Hobbyist Artist
never mind i fixed it.... but i had to delete the thumbnail codes
Reply
:iconpoke-chann:
Poke-chann Featured By Owner Feb 4, 2015  Hobbyist Artist
umm i have a problem.... the thumbs are turning out really weird-


poke-chann.deviantart.com/gall…
Reply
:icon2oliizzle:
2oliizzle Featured By Owner Jan 24, 2015  Hobbyist Digital Artist
for some reason my gallery is doing this
Untitled by 2oliizzle

any idea how to fix it
Reply
: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
:iconparagonduloc:
ParagonDuloc Featured By Owner Jun 6, 2014  Hobbyist
Hey there, these are so beautiful <3 i had to buy! but it isn't working :/
i added a description and all its saying is "the css provided was invailed (array)"
do u know why its saying this?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 7, 2014
Can you note me with the CSS code? Not quite sure why it's doing that. :confused:
Reply
:iconparagonduloc:
ParagonDuloc Featured By Owner Jun 7, 2014  Hobbyist
sorry i got it i think i just didnt copy the whole code
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 8, 2014
Alrighty. :D
Reply
:iconparagonduloc:
ParagonDuloc Featured By Owner Jun 6, 2014  Hobbyist
nvm i seem to got the red on working i guess its just the blue giving me troubles
im happy its working thank u for these <3
Reply
:iconedris-kingfisher:
Edris-Kingfisher Featured By Owner May 26, 2014  Hobbyist General Artist
It is not working right for me! There is no text beneath the images with the title and number of comments Llama Emoji-08 (Crying) [V1]  regretting the use of my precious 100 pts. Llama Emoji-66 (Angry) [V3] 
Reply
:iconedris-kingfisher:
Edris-Kingfisher Featured By Owner May 26, 2014  Hobbyist General Artist
Reply
:iconedris-kingfisher:
Edris-Kingfisher Featured By Owner May 26, 2014  Hobbyist General Artist
nvm......it seems i should have checked the live preview...it's not working for you there either :(........k......i guess i'm going to get your Clean Gallery CSS v.3<font size="1"> but it would be really kind of you if i could have my points back.... though of course it's not required. i know....i was dumb. sigh.</font>
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 27, 2014
That's the default setting of the skin. :) There should be an instructions text document for each gallery skin which you can look at, or you can look at the artwork description on this page that lets you know how to feature different parts of the thumb. For example, if you want the title, author, and comments shown, you can delete the first three lines in the Vivacious skin code. :D
Reply
:iconedris-kingfisher:
Edris-Kingfisher Featured By Owner May 27, 2014  Hobbyist General Artist
Thank you!
Reply
:iconmiyuberry:
Miyuberry Featured By Owner May 14, 2014  Hobbyist Digital Artist
Uhm sorry to bother but, I used it and I didnt change any here but it seems that the pictures isnt fitted perfectly on the thumbboxes. 
Like this miyuberry.deviantart.com/galle…
>n< or is it really like that? </3
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 15, 2014
Hmm, that's odd. O.o

See if this part is there at the beginning of the CSS code:

.tt-w, .tt-fh-tc, a.thumb.lit{width: 150px!important;}
.shadow{width:150px!important;}

The width (shown as 150 here) is what your thumbs should be getting limited too.
Reply
:iconthe-tiger-thief:
The-Tiger-Thief Featured By Owner May 3, 2014  Student Writer
Love it! These are so pretty, thanks so much! :)
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 3, 2014
Glad you like it. :D
Reply
:iconmishkuu:
mishkuu Featured By Owner Apr 27, 2014  Hobbyist Photographer
thank you!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 2, 2014
Not a problem. :huggle:
Reply
:iconmishkuu:
mishkuu Featured By Owner Apr 28, 2014  Hobbyist Photographer
i cannot figure out how to remove the "Gallery Subfolders" section, or at least to edit it.
Thank you!
Reply
:iconzerolr-rm:
Zerolr-RM Featured By Owner Mar 20, 2014  Hobbyist General Artist
I couldn't decide on which one, so I got them both x3 thanks <3
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 21, 2014
Haha, alrighty! :huggle:
Reply
:iconzara115:
Zara115 Featured By Owner Mar 10, 2014  Hobbyist General Artist
How do you use them??
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 10, 2014
If you go into one of your gallery subfolders, you'll see a button in the top right that says something like "Folder Options". Click the CSS link, and you can paste your gallery CSS in there. :)
Reply
:iconzara115:
Zara115 Featured By Owner Mar 10, 2014  Hobbyist General Artist
Thanks!
Reply
:iconaoki-kimi:
Aoki-kimi Featured By Owner Jan 22, 2014  Hobbyist Traditional Artist
Pretty!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 29, 2014
:D
Reply
:iconlautte:
lautte Featured By Owner Jan 16, 2014
asdfghjkl this is just so beautiful thank you so much qwq
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 17, 2014
Awesome, glad you like it!
Reply
:iconravyre:
Ravyre Featured By Owner Jan 6, 2014  Hobbyist General Artist
Heya~
In your previews the headings rest on top of the gallery (why have deviantART change it like that? Goodnes!). Is this an issue that's been fixed now or still in the queue?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 6, 2014
Still have to get to it, sorry about that! Was preoccupied recently with some urgent things for groups, so I shall do my best to get to this as soon as I can.
Reply
:iconravyre:
Ravyre Featured By Owner Jan 7, 2014  Hobbyist General Artist
It's fine. I understand that all sorts of things pop up and require our immediate attention. :) (Smile) 
If you could give me a shout when it's all done and sorted, I'd be more than happy to pay and download this. Love 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 11, 2014
Should be fixed now. The headings have been moved to the side again. :)
Reply
:iconravyre:
Ravyre Featured By Owner Jan 14, 2014  Hobbyist General Artist
Thank you ever so much! Heart 
On first appearances this looked like a gallery skin I would really love, but now I am able to get my hands stuck in and experience how truly easy it is to customise it all to suit my gallery taste; I can honestly say I absolutely adore this CSS! More than happy that I paid 60 points for it. :) Points 
I have no idea what I am doing when it comes to coding. I reply on other people to direct me an awful lot.

Being able to change something as simple as the colour has made this immensely useful for me. My own gallery and both my groups ( ILoveJapanese and EverythingPagan ) are all customisedLove 
I'm going to go back over each folder now and add in all the information I wanted in the descriptive sections. OMG MOAR POEMS! 


So easy to custimise, yet entirely appealing to look at and very effective! One happy customer here! :happybounce: 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 17, 2014
Awesome, I'm glad you've found it so useful! :la: I did my best to make it as easy as possible for people to customize, so it's great that everything worked out for you. :aww:
Reply
:iconjellybeanbullet:
JellyBeanBullet Featured By Owner Jan 3, 2014  Hobbyist General Artist
very cool! just purchased hope it works!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 11, 2014
Hey there! I just got around to fixing the skin after dA's new update, so it should work as it's supposed to now.
Reply
:iconjellybeanbullet:
JellyBeanBullet Featured By Owner Jan 11, 2014  Hobbyist General Artist
hey again! um I followed the instructions and this is the result--->no-face181.deviantart.com/favo…

is there anything i did wrong? sorry to bug you again Sweating a little... 
Reply
Add a Comment:
 
×
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
8,776
Favourites
486 (who?)
Comments
180
Downloads
162
×