HOME | DD

#clean #css #customization #design #light #minimalistic #profile #skin #web #website #blackandwhite #darelated
Published: 2013-12-05 05:37:55 +0000 UTC; Views: 28998; Favourites: 516; Downloads: 2289
Redirect to original
Description
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: 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;}
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;} Hidden Stuff: Print icons, feed buttons, and the "More Like This" link are hidden for a cleaner look
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
Related content
Comments: 99
SimplySilent In reply to ??? [2014-01-20 20:47:52 +0000 UTC]
I thought I had replied to this a while back, but I guess my comment didn't save correctly.
Thank you very much for taking the time to leave a critique! I'm glad you like the way it's been organized, since I did my best to make it as clean and professional as I could.
👍: 0 ⏩: 1
Zichee In reply to SimplySilent [2014-01-20 23:09:50 +0000 UTC]
Aww don't worry hun, it happens.
Thanks a lot for your quick reply! Glad you took your time to read my critiques. I try hard to make it reasonable with my honest answer.
Your work always look fresh! Again if I had the points to buy your CSS work, I would definitely support your work!
👍: 0 ⏩: 1
Geonetique [2018-02-22 09:31:06 +0000 UTC]
can't download, says the page i am looking for doesn't exist
👍: 0 ⏩: 0
Shinerai [2015-09-06 05:56:57 +0000 UTC]
Hello!
Is this skin free? I really love your amazing CSS work and I need a place to start with skinning my gallery. This section of your gallery says it costs 60 points to download the skins, but I was able to download it without paying anything. How do I compensate you?
👍: 0 ⏩: 0
MarcoEmma [2015-04-17 00:56:19 +0000 UTC]
Love it! It goes really well with my custom box skin.
👍: 0 ⏩: 0
JEricaM [2015-03-08 17:18:13 +0000 UTC]
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!
👍: 0 ⏩: 0
Poichanchan [2015-01-08 09:27:17 +0000 UTC]
this is wonderful! is there anyway to change the background color from that whitish color?
👍: 0 ⏩: 0
stellartcorsica [2014-10-04 12:14:50 +0000 UTC]
thank you it is beautiful and very elegant <3
👍: 0 ⏩: 0
Litavismindartist [2014-06-13 08:00:00 +0000 UTC]
Love it,it looks so elegant,thanks for sharing
👍: 0 ⏩: 1
JeanneyLost [2014-06-04 14:03:08 +0000 UTC]
Really like this one, I´m using it for my literature section both in my gallery and favorites Looks awesome!
👍: 0 ⏩: 1
ResolutionDesigns [2014-04-09 19:07:47 +0000 UTC]
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.
👍: 0 ⏩: 2
SimplySilent In reply to ResolutionDesigns [2014-04-10 03:15:49 +0000 UTC]
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.
👍: 0 ⏩: 1
ResolutionDesigns In reply to SimplySilent [2014-04-10 03:17:20 +0000 UTC]
Awesome. Thank you thank you thank you
👍: 0 ⏩: 0
ResolutionDesigns In reply to ResolutionDesigns [2014-04-09 19:27:53 +0000 UTC]
One more question... can I change the background color overall. To use a light grey rather than the white?
👍: 0 ⏩: 0
ResolutionDesigns [2014-04-09 18:55:32 +0000 UTC]
This is ridiculously fantastic. I love it!
👍: 0 ⏩: 1
SimplySilent In reply to ResolutionDesigns [2014-04-10 03:15:54 +0000 UTC]
Glad you like it!
👍: 0 ⏩: 0
Dakotava [2014-03-19 05:00:32 +0000 UTC]
This is a great skin! Using it and wow it looks amazing. Thank you for providing it!
👍: 0 ⏩: 1
SimplySilent In reply to ANGELICA-LILY [2014-03-12 03:13:25 +0000 UTC]
Aren't you so sweet? Thank you~
👍: 0 ⏩: 1
ANGELICA-LILY In reply to SimplySilent [2014-03-12 06:07:57 +0000 UTC]
You absolutely deserve all of the
accolades you get , on all your
wonderful work.
You're welcome and I thank you.
👍: 0 ⏩: 0
ArtByCher [2014-03-07 13:10:23 +0000 UTC]
I love how clean and minimal this is. Oh how I wish we could use these in our own galleries.
👍: 0 ⏩: 1
SimplySilent In reply to ArtByCher [2014-03-09 00:14:22 +0000 UTC]
Thank you! And I'm not quite sure what you mean..?
You can use these in your own gallery.
👍: 0 ⏩: 1
ArtByCher In reply to SimplySilent [2014-03-09 13:07:15 +0000 UTC]
I thought we could only use them in the subfolders. Where have I been?
👍: 0 ⏩: 1
SimplySilent In reply to ArtByCher [2014-03-09 21:19:15 +0000 UTC]
Ah, well you can't use them in your main Featured gallery folder. But in your subfolders, you can.
👍: 0 ⏩: 0
EnsoDancer [2014-03-03 08:27:05 +0000 UTC]
Using this now and loving it. Thanks for providing such great free content!
👍: 0 ⏩: 1
Forty-Fathoms [2014-01-20 06:14:23 +0000 UTC]
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.
👍: 0 ⏩: 1
SimplySilent In reply to Forty-Fathoms [2014-01-20 06:31:55 +0000 UTC]
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.
👍: 0 ⏩: 0
SerenadeNoire [2014-01-06 07:03:26 +0000 UTC]
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
👍: 0 ⏩: 1
SimplySilent In reply to SerenadeNoire [2014-01-08 04:08:43 +0000 UTC]
Thank you, just got around to fixing it up.
👍: 0 ⏩: 0
| Next =>