Shop More Submit  Join Login
×




Details

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

Stats

Views
4,237 (9 today)
Favourites
251 (who?)
Comments
78
Downloads
675 (2 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.

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