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
Thanks for being so fast to jump on this, I haven't even looked at it yet
👍: 0 ⏩: 1
No problem. But there's still lot of problems in them. I went mad trying to figure it out in the afternoon. There are 2 more classes involved to customize the thumbs.
But what I figured out while digging is that DA has defined different classes (may be) for different sizes of thumbs...
1) which has a grey background and has higher width
2) which has no background and is square in size
3) which has a small cut-out background at the bottom shown and has less width
👍: 0 ⏩: 2
question:
how do i make the thumbnails square in size
it just makes it look so much neater and i'm not good with css so i'd appreciate the help! ;u;
👍: 0 ⏩: 1
You can try this:
a.thumb img
{
width:250px;
height:250px;
}
This might squeeze or elongate your deviations
👍: 0 ⏩: 0
I bet they were not considering CSS skins at all when they were doing this. I feel it would be better on just the main DA one, featured and browse, which cannot be skinned anyway. I like the size but not the layout. When I am on the big computer, I will delve into it more. I'm new to making galleries, so it is not too much extra for me to learn. I had actually noticed these .tt and etc divs when I was fiddling around about a month or so ago. Maybe it was due to them already working on these changes in the background. Of course, I did not know what it was effecting at the time.
👍: 0 ⏩: 1
Yeah! I like the bigger view and the layout also but inconsistency in each display style for those deviations is what pisses me off. Earlier I wasn't much into gallery CSS too. But the day I thought of coding my gallery CSS to make them good looking (and I even did that) the same day DA fucked my gallery! Curse you DA!! For this reason, I sucked out all the juice of CSS classes out of DA in the gallery!
👍: 0 ⏩: 1
Now where did you come from? With this kinda stuff? lol!
👍: 0 ⏩: 0
Man...this is going to be a pain...
So...
Does this mean I can now make the white-gray bow thing transparent or something?
👍: 0 ⏩: 1
May I ask another question?
So, I figured out how to change the color of the background using "background-color:"
But I still don't know how to make it transparent...
👍: 0 ⏩: 1
Well, its background:transparent;
but it doesn't seems to be working. I am looking into it.
👍: 0 ⏩: 2
So...I tried a few other things to see what would happen, so I tried this:
opacity: 0.4;
I noticed that this only worked on the deviation image, not the background box.
Also, when I set it to hover, such as:
span.shadow:hover
{
background: transparent;
opacity: 0.4;
}
On larger deviations, this weird DA "empty thumbnail" logo appears in the background. I think you should try it out yourself to know what I mean.
P.S. I use Google Chrome, in case that makes a difference. (I'm not too good with this stuff, LOL)
👍: 0 ⏩: 2
Okay you can get rid of the grey background using this
.tt-bb
{
background:transparent;
}
👍: 0 ⏩: 2
Yes, it worked! Thank you!
👍: 0 ⏩: 0
Thanks, that is my exact issue.
👍: 0 ⏩: 1
There are more classes involved in it. They need to be redefined I suppose. I am exploring them atm.
👍: 0 ⏩: 1
Alright, thank you! I actually tried that first but nothing happened, LOL
👍: 0 ⏩: 0
<= Prev |