HOME | DD
toonham — deviantART Gallery CSS Explanation
by-nc
Published: 2012-04-27 20:46:33 +0000 UTC; Views: 5812; Favourites: 211; Downloads: 118
Redirect to original
Description
Note: This is a work in progress, since it is a tad more complex than a journal layout.I'd love to hear any suggestions or concerns to improve this!
A quick-handy guide to the CSS involved with making a gallery skin. The selectors are listed with a brief explanation of the elements they deal with.
Written in Notepad++ and made presentable via Photoshop.
Journal HTML Guide:
Journal CSS Guide:
Related content
Comments: 18
Thanks 
👍: 0 ⏩: 1
You're welcome! Though, this is a bit outdated. It misses out on a few site updates.
👍: 0 ⏩: 0
You're welcome! I'm hoping to update it since it has been a year and I've gotten better at understanding CSS.
👍: 0 ⏩: 0
This is awesome and very helpful! Thanks for sharing!
I didn't see the .folderview-art span entry, and thought I might let you know that it controls that white box behind the new larger thumbnails.
👍: 0 ⏩: 1
This is really awesome, I'm very glad you made it, however, I would love to be able to just copy paste it so I can get the base code to build my own CSS for my galleries. I've been looking everywhere for one.
👍: 0 ⏩: 1
Sorry about there not being a copy/paste version. I thought about it, but I felt that making the people type out the stuff would be more instructive. D:
👍: 0 ⏩: 1
I can understand that. I have been using it as a reference and just typing up what I need. Thanks again for creating it!
👍: 0 ⏩: 1
Hey I don't know if you know anything about this, but .details does not render in Firefox or Safari. I can't figure it out. Also, google webfonts don't work inside gallery CSS like they do in Journal CSS. Might be worth making a note of.
👍: 0 ⏩: 1
You're welcome. I'm not sure what's wrong with the .details div. It just doesn't appear when you're looking at the code through FF and Safari, and nothing you define in the CSS will render. However, Mobile Safari on my iPad seemed to render it just fine and Chrome does as well. Very weird.
👍: 0 ⏩: 1
Yeah. That is very weird. I guess it may be a difference of engines.
👍: 0 ⏩: 0