Shop Mobile More Submit  Join Login
Mini Thumb Gallery Code Snippet by SimplySilent Mini Thumb Gallery Code Snippet by SimplySilent


Live Version



CSS Thumb Snippet for inserting a Mini Thumb Gallery into any journal of your choice. Just add this code to your favorite journals using the steps listed in the image above. Then in the HTML of your journal, type the following to use your Mini Gallery:

<div class="mini"> Put Thumbs Here </div>

Feel free to modify as you wish! Credit is also greatly appreciated. :aww:


Credits:


Inspired by `thespook's Mini-Thumb Tutorial
All artworks can be found in my Favorites Folder


Related Works:


Add a Comment:
 
:iconcd-stock:
CD-STOCK Featured By Owner Aug 13, 2015  Professional Digital Artist
Thanks for sharing!
I used it here TEXTURE MADNESS VOLUME I
Reply
:iconfehnryr:
Fehnryr Featured By Owner Jul 16, 2015
Is there a version of this that shrinks the thumbs to the same size instead of only showing a section of them?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 16, 2015
I don't think that's possible, unfortunately. The images don't scale evenly, so they get distorted when you try to make them all the same size.
Reply
:iconfehnryr:
Fehnryr Featured By Owner Jul 16, 2015
Ah, makes sense. Just wondering, I do occasionally have deviations that don't adjust to the correct size when using mini thumbs. Any idea if there's a fix for that?

I have an example here (excuse the mess, it's a WIP) if you scroll down to "Maya" you'll see that the last picture is shorter than the rest. Miscellaneous OC's
Reply
:iconamjeamjeamje:
AmjeAmjeAmje Featured By Owner Mar 27, 2015  Hobbyist General Artist
Is this can be use at cusotm box?
Reply
:iconnaseki:
Naseki Featured By Owner May 2, 2015  Hobbyist Digital Artist
I'm not the creator of this but I can answer.
No, you cannot use this in a custom box as it doesn't support CSS. Instead, you could install this journal skin, post it and feature it on your profile (just like your Profile Directory).
Hope this helped!
Reply
:iconamjeamjeamje:
AmjeAmjeAmje Featured By Owner Mar 27, 2015  Hobbyist General Artist
can be use on custom box?
Reply
:iconprincecaeruu:
PrinceCaeruu Featured By Owner Jun 24, 2014
This is cool! :D Thanks
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 24, 2014
You're welcome!
Reply
:iconamonkillian:
AmonKillian Featured By Owner Jun 6, 2014  Professional Digital Artist
thank you so much for this. :D
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 19, 2014
:tighthug:
Reply
:iconphilaphobia:
Philaphobia Featured By Owner May 14, 2014  Hobbyist Digital Artist
I copied everuthing in the Skin CSS section but I don't know what to do next :( Help senpai <3
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 15, 2014
You take everything you copied and paste it at the bottom of the CSS of another journal skin. :) That way, the journal skin can now use mini-thumbs.

From there, you can use the code in the "How To Use" section on the deviation to create mini-thumbs in your journal. :D
Reply
:iconphilaphobia:
Philaphobia Featured By Owner May 16, 2014  Hobbyist Digital Artist
Ohhh so how can I put in in my page like pandek0k0? <3
Reply
:iconpastel-bunbun:
Pastel-BunBun Featured By Owner Apr 23, 2014  Hobbyist Digital Artist
Ive seen people use this on there profiles. So I know there is a way, I am just trying to figure it out~
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 2, 2014
You can use a Featured Deviation Widget to make this work. Something like this: www.simplydevio.us/resources/p…
Reply
:iconyeelixir:
Yeelixir Featured By Owner Dec 16, 2013  Hobbyist General Artist
Hi! this is sooo cool!
using!!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 2, 2014
Awesome!
Reply
:iconcelestialcreatures:
CelestialCreatures Featured By Owner Nov 26, 2013  Professional Artisan Crafter
Thank you for putting this together! ^.^
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Dec 2, 2013
No problem at all :aww:
Reply
:iconcaptainmisuzu:
CaptainMisuzu Featured By Owner Nov 25, 2013  Hobbyist Traditional Artist
Oh can i ask you how to do ?
I would like to add it to my box newest gallery: captainmisuzu.deviantart.com/

But didn't work.
Should i have to remove the background for it to work ?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 26, 2013
Ahh, this is actually CSS code for journal skins. It's meant to be added to journal skins, not your profile page widgets. :)
Reply
:iconcaptainmisuzu:
CaptainMisuzu Featured By Owner Nov 26, 2013  Hobbyist Traditional Artist
Oh thank you :3
Reply
:iconcaptainmisuzu:
CaptainMisuzu Featured By Owner Nov 25, 2013  Hobbyist Traditional Artist
#Oh you're very great, i'm not sure i would be able to use it for now, but it would maybe help me for my page ! Thanks for your generosity and sharing your intelligence with us >__<
Reply
:iconalkraas:
Alkraas Featured By Owner Nov 22, 2013  Hobbyist Digital Artist
Hmmm...
Is it possible to make the background like the one in this:

Code Snippet - 2 Column Menu by Gasara
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 22, 2013
Do you mean how the background changes color when hovered over? :confused:
Reply
:iconalkraas:
Alkraas Featured By Owner Nov 23, 2013  Hobbyist Digital Artist
Hmm I have no idea how to explain... :XD:
I meant actually to have it a blank tranparent background behind the thumbs. And not the devious, green journal skin as background there, I know, I am bad at explaining.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 23, 2013
This resource is meant to be added onto other journals, and the green journal skin will disappear when you do so. :)

To get rid of the background formatting though, you can add the following code into the CSS:

*{
background:none;
border:none;
}
Reply
:iconalkraas:
Alkraas Featured By Owner Nov 23, 2013  Hobbyist Digital Artist
Uhh, it worked! Thanks :)
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 23, 2013
Awesome, and no problem!
Reply
:iconscatteredashe:
ScatteredAshe Featured By Owner Nov 17, 2013  Hobbyist Digital Artist
This is freaking great!! Thanks for sharing! :XD:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 18, 2013
My pleasure! :meow:
Reply
:iconastrikos:
Astrikos Featured By Owner Nov 12, 2013   General Artist
This is wonderful!:love:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 13, 2013
:la:
Reply
:iconensodancer:
EnsoDancer Featured By Owner Nov 11, 2013
Thank you, nice resource. Mentioned here fav.me/d6tuzzf
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 11, 2013
How wonderful! Thanks, and no problem! :aww:
Reply
:iconcality:
cality Featured By Owner Nov 11, 2013  Hobbyist Writer
The hover effect is really cool. :love:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 11, 2013
Thanks! :la: It took ages to get it to work properly tho. :D
Reply
:iconcality:
cality Featured By Owner Nov 13, 2013  Hobbyist Writer
You're welcome! :D
Reply
:iconsingingflames:
SingingFlames Featured By Owner Nov 10, 2013  Hobbyist Writer
Excellent idea! Thanks for sharing! :clap:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 11, 2013
No problem!
Reply
:iconjericam:
JEricaM Featured By Owner Nov 10, 2013  Hobbyist General Artist
THIS IS AMAZING!!!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 10, 2013
Haha, thanks! :D
Reply
:iconcinyu:
cinyu Featured By Owner Nov 10, 2013  Hobbyist Digital Artist
Aahh! This CSS is so awsome! ;v;
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 10, 2013
Yesh it is~ :la:
Reply
:iconriniuu:
Riniuu Featured By Owner Nov 10, 2013  Hobbyist
Oh wow, this is great. > v 0
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 10, 2013
Thanks~ :la:
Reply
:iconginryuzaki:
Ginryuzaki Featured By Owner Nov 10, 2013
Awesome! :heart: Thank you very much for sharing! :tighthug:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 10, 2013
My pleasure~ :aww:
Reply
:iconcelvas:
Celvas Featured By Owner Nov 10, 2013
Cool. Thanks for sharing this, Simply. :huggle:
Reply
Add a Comment:
 
×




Details

Submitted on
November 9, 2013
File Size
986 bytes
Link
Thumb
Embed

Stats

Views
6,160 (2 today)
Favourites
434 (who?)
Comments
62
Installs
492
×