HOME | DD
CypherVisor β Gallery CSS thumbnail classes
by-nc-nd
Published: 2012-04-27 06:25:40 +0000 UTC; Views: 11715; Favourites: 127; Downloads: 69
Redirect to original
Description
New DA gallery thumbnail classes to customize your CSS.Each of the classes are visually represented by its color in the demo thumbnail preview.
Gallery thumbnail classes:
.tt-fh or .tt-a
{
}
span.shadow
{
}
span.shadow img
{
}
.tt-w
{
}
.commentcount a
{
}
.t
{
}
.tt-bb
{
}
I'll update with more when I find out.
Related content
Comments: 74
Actually, never mind my previous comment! Β I just figured it out. Β Sorry about that! Β 
π: 0 β©: 0
Hey, I love your resources. Β It continues to amaze me that you take so much time to figure things out and teach others the tricks. Β You're a good man. Β
I was wondering if you figured something out that I've been struggling with. Β I would really like to eliminate the styling that renders when a narrow thumbnail has been cropped. Β I discovered some classes that seem to be relevant but thus far I haven't been able to make any changes to the thumbnails.Β
tt-a tt-fh crop-w
tt-bookendw
tt-bookendw-side tt-bookendw-t
tt-bookendw-side tt-bookendw-t ::after
tt-bookendw-side tt-bookendw-b
tt-bookendw-side tt-bookendw-b::after
I haven't explored a vertically cropped thumbnail yet, but I assume there's an analogue (tt-a tt-fh crop-h -->Β tt-bookendh perhaps?). Β
If you haven't sorted out a way to do that, that's all right. Β Thanks!
π: 0 β©: 0
I'm currently stuck on getting the titles of my thumbnails to be any color but the default teal color when you hover over the link. I have the comments and image hovering to work correctly, but not the title.
I've changed the color of my title with theΒ .details .tΒ {} code, but I can't seem to find the correct CSS coding to change it.Β
My CSS dummy testing page: guardian-of-moon.deviantart.coβ¦
π: 0 β©: 1
Seems like you have got it done now?
π: 0 β©: 1
Oh yes, sorry. 
π: 0 β©: 0
Uhmm.. what do I do with them?
or better question: What can I do with this code?
π: 0 β©: 1
Hahaha...
Well, these are classes for CSS coders. One can customize the look of a thumbnail by changing the properties of these classes.
π: 0 β©: 0
Quesstion, do you know a css to make the thumbnails smaller in the gallery?
π: 0 β©: 1
Thumbnail smaller huh! Umm.. I have code in my mind but I got check if that works!
π: 0 β©: 1
Yes~ <3
The bigger thumbnails just don't look very good in galleries like mine. Like, with this css , when I used it everything was aligned so much better, but that's a different code.
π: 0 β©: 1
Hmm... I can understand.
π: 0 β©: 0
These are classes that are used to code gallery CSS. The classes listed here are only for the thumbnails of gallery.
π: 0 β©: 1
ahh, so is a class almost a "certain section" of a journal that you can customize? Like a header would be a class and then the "writing section" would be a class?
π: 0 β©: 1
Okay, awesome! thanks so much!
π: 0 β©: 1
How about line By =CypherVisor in favorites? What code for that line color change?
π: 0 β©: 1
Its...
.details small
and
.details small a
I'm going to make a complete gallery CSS tutorials on its classes. I shall show all the available classes of DA there. Watch out for that!
π: 0 β©: 2
And you should do not just like here is .details small, but you should write what you can do with that like color it or hide etc.
π: 0 β©: 1
That would be a very painful job actually...
I am not sure whether I can explain every detail of coding of each classes.
π: 0 β©: 1
Yes I know it would be, but many, many people just need that help.
π: 0 β©: 1
Hmm.. I can't promise but I'll try.
π: 0 β©: 0
I'll have to keep an eye on this one- I'm new to CSS, and I've been working on learning how to do this stuff on my own, from tutorials other users have submitted and experimenting on my own profile/gallery.
...these changes rather explain why I've been having so much difficulty browsing deviantART the past couple of days- I bet I've been logging on when they've been working.
π: 0 β©: 1
Yeah sure. Keep coding!
π: 0 β©: 0
This is so amazing. I am amazed. It's amazing.
π: 0 β©: 1
Fuck yourself! You idiot bot!
π: 0 β©: 1
<3333 Is that youuu? Who is that girl?
π: 0 β©: 2
Lol. I am guy!
And the girl I dunno. Its a stock image that I found in DA which I had taken for photomanipulation.
π: 0 β©: 1
xD Oh. c: That's cool, she's pretty.
π: 0 β©: 1
This is the deviation btw. [link]
π: 0 β©: 1
<33 It's pretty! Thanks for telling me Mr.
π: 0 β©: 1
No problem!
Btw I am Shivadeep or just Sid in short!
π: 0 β©: 1
c: Hi Sid. My name is Jerilyn, but you can call me Jay.
π: 0 β©: 1
Okay.
Nice to meet you Jay!
π: 0 β©: 1
Nice to meet you too!
π: 0 β©: 1
He probably just found a random deviation.
π: 0 β©: 2
Ohh.. o - o; Nice
π: 0 β©: 0
| Next =>