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
29 out of 32 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
35 out of 37 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconsashimicake:
SashimiCake Featured By Owner Feb 26, 2016  Hobbyist General Artist
Hi SimplySilent, I recently just bought this, and the white background doesn't seem to be working, I read the instructions and did all that was asked, but it isn't working right, help??
Reply
:iconazuremischief:
AzureMischief Featured By Owner Aug 6, 2015  Hobbyist General Artist
Same thing as here. Must be dA again :( Please let the customers know if and when the code is updated.
Reply
:iconpinkprincesslora:
PinkPrincessLora Featured By Owner Jul 29, 2015  Student General Artist
This is 100 points? Damn, I really wanna use it but I don't spend more than like 10 points in one place, only because all I usually HAVE is 10 points to begin with... :'(
Do you know of any free Gallery Skins? Thanks.
Reply
:iconxenonia:
Xenonia Featured By Owner Sep 17, 2015  Hobbyist General Artist
100 points is worth a bit more than a dollar... not really life savings! I think the price is fair.
Reply
:iconpinkprincesslora:
PinkPrincessLora Featured By Owner Sep 17, 2015  Student General Artist
Oh its just that normally the most I have is 20 points...now I actually have a lot right now, but I don't want to spend them because I'm not gonna get this many points for a really long time if I spend... :(
Reply
:iconxenonia:
Xenonia Featured By Owner Sep 17, 2015  Hobbyist General Artist
I understand that, but either way you look at it, one dollar for an awesome design someone spent time and energy making for you is NOT unfair! It's actually really cheap! Plus, you can always make your own design instead, or find a free or cheaper one.
Reply
:iconerika-diaz:
Erika-Diaz Featured By Owner Feb 18, 2015
100? es muchoo
Reply
:iconpoke-chann:
Poke-Chann Featured By Owner Feb 4, 2015  Student
never mind i fixed it.... but i had to delete the thumbnail codes
Reply
:iconpoke-chann:
Poke-Chann Featured By Owner Feb 4, 2015  Student
umm i have a problem.... the thumbs are turning out really weird-


poke-chann.deviantart.com/gall…
Reply
:iconflltch:
FLlTCH Featured By Owner Jan 24, 2015
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 General 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 General 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 General 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 General 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 Traditional 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 Traditional 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
Add a Comment:
 
×
100 Purchase Purchased Download Purchase Soon
2.9 KB ZIP File. Includes ZIP
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
12,849 (1 today)
Favourites
629 (who?)
Comments
187
Downloads
202
×