Deviant Login Shop
 Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
3,231 (11 today)
Favourites
206 (who?)
Comments
73
Downloads
531 (3 today)
×
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.

: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
Add a Comment: