Shop Mobile More Submit  Join Login
Fearless Gallery CSS by SimplySilent Fearless Gallery CSS by SimplySilent
:points: Commission Me | Journal Skins | Gallery Skins | Make a Journal Skin



December 5th entry for the CalendarProject


How To Use:


Premium membership is required!

1. Download the ZIP file by clicking the big Download button on the right -->

2. Extract from the file, open the text file, and copy all of the text.

3. In a Gallery/Favorites Folder (cannot be your main Gallery/Favorites folder), click the button called "Folder Options" or "Collection Options" in the top right hand corner.

4. Enter something into the big Text box (description)

5. Click the link called "CSS", then the link called "Add CSS...", and then click "Ok".

6. Paste the text into the white box and click "Ok" to save.


Features:


:bulletblack: Thumb Width: All thumbs are the same exact width, and this width can easily be customized. The preview shows how the thumbs look at 180px (default). To customize this, change the pixel width in the first two lines of the code:

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


:bulletblack: Colors: The skin comes with a dark gray background that matches with any kind of deviation, but the color can easily be customized! Change the hexadecimal HTML color codes in the third and fourth lines of code:

Description color: .folderview-art .tt-fh.tt-boxed .tt-bb, .tt-w{background:#333;}
Thumb color: .folderview-art{border-right:200px solid #333;}


:bulletblack: Hidden Stuff: Print icons, feed buttons, and the "More Like This" link are hidden for a cleaner look

:bulletblack: Lit/Journal Thumbs: Also styled to match the art thumbs


Updates

  • v2.1 (Jan 7) Now up to date with dA's new gallery format; fixed width for long titles
Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconvanessapadua:
VanessaPadua Featured By Owner Jun 17, 2015  Student Digital Artist
Nice *-* Thank you.
Reply
:iconfleur-de-lis4444:
fleur-de-Lis4444 Featured By Owner May 28, 2015  Hobbyist Photographer
Really great! Thank you so much! Using it.
Reply
:iconpulbern:
pulbern Featured By Owner May 17, 2015  Hobbyist General Artist
This is incredible! :drool:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 19, 2015
Ah, thank you! :love:
Reply
:iconmarcoemma:
MarcoEmma Featured By Owner Apr 16, 2015
Love it! :D It goes really well with my custom box skin.
Reply
:iconujz:
UJz Featured By Owner Mar 14, 2015  Professional Interface Designer
This is beautiful! :D :heart:
Reply
:iconjericam:
JEricaM Featured By Owner Mar 8, 2015  Hobbyist General Artist
Amazing skin! Thank you! Is it possible to change the height of the deviation boxes without losing the name and the number of comments of the deviation? :) I tryed with
.tt-w, .tt-fh-tc, a.thumb.lit{width: 105px!important; height: 105px!important;}
.shadow{width:105px!important; height: 105px!important;}
but all the informations about the deviation disappeared!
Reply
:iconpoichanchan:
Poichanchan Featured By Owner Jan 8, 2015  Student Digital Artist
this is wonderful! is there anyway to change the background color from that whitish color?
Reply
:iconmacaronowl:
MacaronOwl Featured By Owner Dec 29, 2014  Hobbyist General Artist
this is awesome, I'm definitely using it! ^^
Reply
:iconnicholas-mark-amos:
NICHOLAS-MARK-AMOS Featured By Owner Nov 13, 2014  Hobbyist General Artist
Brilliant. Functional.

I'll take it.
Reply
:iconstellartcorsica:
stellartcorsica Featured By Owner Oct 4, 2014  Professional Digital Artist
thank you it is beautiful and very elegant <3
Reply
:iconhexe78:
Hexe78 Featured By Owner Sep 10, 2014  Professional Interface Designer
thanks for sharing :)
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 11, 2014
:heart:
Reply
:iconladyeloise:
LadyEloise Featured By Owner Sep 3, 2014  Hobbyist General Artist
thank you so much for sharing <3
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 11, 2014
Glad you like it!
Reply
:iconlitavismindartist:
Litavismindartist Featured By Owner Jun 13, 2014   Digital Artist
Love it,it looks so elegant,thanks for sharing :aww:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 19, 2014
:thumbsup: :huggle:
Reply
:iconjeanneylost:
JeanneyLost Featured By Owner Jun 4, 2014  Student General Artist
Really like this one, Im using it for my literature section both in my gallery and favorites :) Looks awesome!a sparkle night 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 5, 2014
Awesome! :la:
Reply
:iconresolutiondesigns:
ResolutionDesigns Featured By Owner Apr 9, 2014  Hobbyist Interface Designer
I do have one question for you.


How would I write in some CSS into this to change the opacity when I hover over it. Something like this:
img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
img:hover
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

I'm just not sure how or where to put in your coding.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Apr 9, 2014
You can put that code anywhere in the code, but I would append it to the end just so that it overwrites any existing code. I'm not sure that the filter will work with dA's CSS, but the opacity should work. :)
Reply
:iconresolutiondesigns:
ResolutionDesigns Featured By Owner Apr 9, 2014  Hobbyist Interface Designer
Awesome. Thank you thank you thank you Tard Slide 
Reply
:iconresolutiondesigns:
ResolutionDesigns Featured By Owner Apr 9, 2014  Hobbyist Interface Designer
One more question... can I change the background color overall. To use a light grey rather than the white?
Reply
:iconresolutiondesigns:
ResolutionDesigns Featured By Owner Apr 9, 2014  Hobbyist Interface Designer
This is ridiculously fantastic. I love it!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Apr 9, 2014
Glad you like it! :la:
Reply
:icondakotava:
Dakotava Featured By Owner Mar 18, 2014  Hobbyist Digital Artist
This is a great skin! Using it and wow it looks amazing. Thank you for providing it!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 24, 2014
:la: No problem!
Reply
:iconangelica-lily:
ANGELICA-LILY Featured By Owner Mar 11, 2014
It's Lovely ,
I really like this very much.Thank-you by KmyGraphic  
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 11, 2014
Aren't you so sweet? :tighthug: Thank you~ :heart:
Reply
:iconangelica-lily:
ANGELICA-LILY Featured By Owner Mar 11, 2014
Pink Heart by KmyGraphic  You absolutely deserve all of the
accolades you get , on all your
wonderful work. flower75 by Luckygay         
You're welcome and I thank you. Hug by KmyGraphic  
Reply
:iconartbycher:
ArtByCher Featured By Owner Mar 7, 2014   Traditional Artist
I love how clean and minimal this is. Oh how I wish we could use these in our own galleries. 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 8, 2014
Thank you! :heart: And I'm not quite sure what you mean..? :confused: You can use these in your own gallery.
Reply
:iconartbycher:
ArtByCher Featured By Owner Mar 9, 2014   Traditional Artist
I thought we could only use them in the subfolders. Where have I been? :lol:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 9, 2014
Ah, well you can't use them in your main Featured gallery folder. But in your subfolders, you can. :)
Reply
:iconensodancer:
EnsoDancer Featured By Owner Mar 3, 2014
Using this now and loving it. Thanks for providing such great free content!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 8, 2014
No problem! :la:
Reply
:iconforty-fathoms:
Forty-Fathoms Featured By Owner Jan 19, 2014  Professional General Artist
Is there a way to change the description side color to a background custom url? When I try to make it a background instead of just a color (the black area), it doesn't show up at all, background or color.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 19, 2014
I think I actually made that black area into a giant border. Which means that you wouldn't be able to put a background img on it without editing some of the other parts. :hmm:
Reply
:iconmizunoserenade:
MizunoSerenade Featured By Owner Jan 5, 2014
I added width: 160px; right under .folderview-top h2{ and now is all ok

Thank you for sharing this great gallery skin. I love it :heart:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 7, 2014
Thank you, just got around to fixing it up. :aww:
Reply
:icon3rdeye88:
3rdeye88 Featured By Owner Dec 31, 2013  Hobbyist Traditional Artist
This is a wonderful gallery skin, very easily customizable and you explain how to do it very well. Thank you for this.

However, I don't think there's an option to move the text to the right anymore, at least I'm not seeing a button to do that. Is this due to a change DA has made in the gallery layouts?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 2, 2014
Apparently it's one of the recent changes. :shakefish:

Updated the code so that the description is on the left now. X.x
Reply
:icon3rdeye88:
3rdeye88 Featured By Owner Jan 3, 2014  Hobbyist Traditional Artist
Isn't that so annoying? I think that's the biggest reason why I try not to get into this stuff, the rules are always changing.

I don't mean to nitpick, but now the heading hangs off. 3rdeye88.deviantart.com/galler… On your gallery its not a problem since the heading is short. Is there a quick formatting fix for that? If not then I would say its not a big issue. Maybe I just have long gallery titles. ^^;
Reply
:iconmizunoserenade:
MizunoSerenade Featured By Owner Jan 5, 2014
width: 160px;

Add this line right under .folderview-top h2{
Reply
:icon3rdeye88:
3rdeye88 Featured By Owner Jan 5, 2014  Hobbyist Traditional Artist
Oh wow that fixed it right up! You should let SS know about this. :happybounce: I don't know what that changed but its all better now. Thanks so much. :hug:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 7, 2014
Yep, got around to fixing it now. :aww:

Sorry I haven't replied back to your note yet! :ohnoes: I need to find some time to sit down and really read through it all, but I promise I'll get to it as soon as possible.
Reply
:icon3rdeye88:
3rdeye88 Featured By Owner Jan 8, 2014  Hobbyist Traditional Artist
Yay!

oh that's alright. I know its long so you don't have to reply to all of it or what ever. :) I'm :typerhappy: I talk a lot. :P
Reply
:iconmizunoserenade:
MizunoSerenade Featured By Owner Jan 5, 2014
That sets the max width for the title. Np! :hug:
Reply
:icon3rdeye88:
3rdeye88 Featured By Owner Jan 6, 2014  Hobbyist Traditional Artist
Ah I see. :hug:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 4, 2014
It is! :grump: Thankfully journal skins don't change quite as often or as drastically as gallery skins. The last time they updated journal skins, though, they completely changed list formats, which broke all of my profile directories. That was also right after I had created five commissioned directories, which meant that I had to go back and fix them all up again. :shakefist:

Ooh, awkward. :B There should be an easy fix, I'll see what I can do.
Reply
Add a Comment:
 
×
Download ZIP download, 912 bytes




Details

Submitted on
December 4, 2013
File Size
912 bytes
Link
Thumb
Embed

Stats

Views
6,315 (10 today)
Favourites
341 (who?)
Comments
88
Downloads
1,098 (5 today)
×