Was changing my anime list style and I was wondering if there is a way to turn these circles into squares! Like this!:  (Also in a way it fits inside of this border! :D )  The theme is called GochiUsa Refresh and is by Takana no Hana if that helps! Thanks for any help! :D |
   |
To square them .list-table .list-table-data .data.image .image{
border-radius: 0 !important;
}
To resize them into a rectangle (pick the width or height px you want) .list-table .list-table-data .data.image .image {
width: 64px;
height: 100px;
}
|
You can also fix that annoying jitter when you point to a cover pic with this. You should add this AFTER the stuff from above is confirmed to be working normally..list-table .list-table-data .data.image:before {
background: red;
content: "";
height: 50px;
width: 50px;
margin-left: 30px;
margin-top: -10px;
display: block;
position: absolute;
}
The height and width numbers might have to be increased. Basically the red part is covering the part that flickers when you point to it and the red space needs to be adjusted to cover the whole flickering area. The area that flickers will probably increase if you adjust the anime thumbnail size with the codes from earlier. You have to change the background from red to transparent when you're done editing your list (so it won't be a red block anymore). |
Reply to Shishio-kun
You can also fix that annoying jitter when you point to a cover pic with this. You should add this AFTER the stuff from above is confirmed to be working normally.
The height and width numbers might have to be increased. Basically the red part is covering the part that flickers when you point to it and the red space needs to be adjusted to cover the whole flickering area. The area that flickers will probably increase if you adjust the anime thumbnail size with the codes from earlier.
You have to change the background from red to transparent when you're done editing your list (so it won't be a red block anymore).
.list-table .list-table-data .data.image:before {
background: red;
content: "";
height: 50px;
width: 50px;
margin-left: 30px;
margin-top: -10px;
display: block;
position: absolute;
}
The height and width numbers might have to be increased. Basically the red part is covering the part that flickers when you point to it and the red space needs to be adjusted to cover the whole flickering area. The area that flickers will probably increase if you adjust the anime thumbnail size with the codes from earlier.
You have to change the background from red to transparent when you're done editing your list (so it won't be a red block anymore).
| @Shishio-kun I'll put in the code when I have time :D Thank you so much!! ^v^ |
| |
Reply to Serlei
@Shishio-kun I'll put in the code when I have time :D Thank you so much!! ^v^
| @Serlei You can also remove that temporary afterimage with this (you might not even have noticed it)
.list-table .list-table-data .data.image .link.sort::after{
opacity: 0;
margin-top: -70px !important;
height:220px;
}
This would be the proper code to remove the flickering, with the sizes of the covers now .list-table .list-table-data .data.image:before {
content: "";
height: 230px;
width: 80px;
margin-left: 100px;
margin-top: -10px;
display: block;
position: absolute;
} |
Reply to Shishio-kun
@Serlei
You can also remove that temporary afterimage with this (you might not even have noticed it)
This would be the proper code to remove the flickering, with the sizes of the covers now
You can also remove that temporary afterimage with this (you might not even have noticed it)
.list-table .list-table-data .data.image .link.sort::after{
opacity: 0;
margin-top: -70px !important;
height:220px;
}
This would be the proper code to remove the flickering, with the sizes of the covers now
.list-table .list-table-data .data.image:before {
content: "";
height: 230px;
width: 80px;
margin-left: 100px;
margin-top: -10px;
display: block;
position: absolute;
}| @Shishio-kun Thank you once again!! I was looking for a way to get rid of the flickering and the afterimage so this helps a lot! :D |
| |
More topics from this board
» wrong voice actor name on tsukimichi S2marcor3 - 11 hours ago |
0 |
by marcor3
»»
11 hours ago |
|
Sticky: » Club President Request Thread ( 1 2 3 4 5 ... Last Page )Kineta - Aug 7, 2010 |
782 |
by ZuttoSuki
»»
Yesterday, 5:08 PM |
|
» guidelinesGinIonSui - Sep 23 |
9 |
by GinIonSui
»»
Yesterday, 8:01 AM |
|
» Which cookies store website preferences?tr25a3 - Sep 22 |
1 |
by Charlotte_Dean2
»»
Yesterday, 4:25 AM |
|
» Is there anyway to delete private messages from recipient side?NuclearSorrow - Sep 20 |
5 |
by NuclearSorrow
»»
Sep 24, 10:43 AM |