New
Sep 28, 2014 11:32 PM
#151
| It doesn't seem like any of the cover import urls are working anymore, at least not for anime. :x They all say they're missing when I try to go to them. |
Sep 29, 2014 8:47 AM
#152
purohime said: It doesn't seem like any of the cover import urls are working anymore, at least not for anime. :x They all say they're missing when I try to go to them. I see covers on your anime list.. you don't? And you're not using the same manga cover import from step 1 in this import |
Oct 2, 2014 6:56 AM
#153
| It just says error if I click on the link for anime lists :/ |
 |
Oct 2, 2014 10:31 AM
#154
Lichtspiel said: It just says error if I click on the link for anime lists :/ But did you actually try the step- you and I are using that cover link right now and can see the covers... http://myanimelist.net/animelist/Shishio-kun http://myanimelist.net/animelist/Lichtspiel And just cuz you click a link you see in the forum and don't see what you want doesn't mean it won't work. The layout reads the import differently than you see it here on the forum. Try the step before reporting assumed problems |
Oct 2, 2014 3:49 PM
#155
| Hey, I've been trying all day to fix my list with a Custom CSS Generator (Blink!) I've gotten the cover images to show up, but like this: http://imgur.com/KttjIDg Any help? My list: http://myanimelist.net/animelist/Kygies27 |
Oct 2, 2014 11:38 PM
#156
Kygies27 said: you generated the wrong kind of cover code. I can't say for sure, but I think you should use #more codeHey, I've been trying all day to fix my list with a Custom CSS Generator (Blink!) I've gotten the cover images to show up, but like this: http://imgur.com/KttjIDg Any help? My list: http://myanimelist.net/animelist/Kygies27 |
         |
Oct 3, 2014 5:22 PM
#157
| Didn't work, so I switched it back to Animetitle P.s: I noticed that the end of my CSS url contains a '?' after the .css @import "https://dl.dropboxusercontent.com/s/horocq7tlje8qnn/Style.css?"; If I remove the '?', then the page shows no covers (on either Animetitle or #More), add it, and it went back to http://imgur.com/KttjIDg I don't understand how that works but ok... Any way to get the full cover pic? |
Kygies27Oct 3, 2014 5:30 PM
Oct 3, 2014 5:31 PM
#158
Kygies27 said: Didn't work, so I switched it back to Animetitle P.s: I noticed that the end of my CSS url contains a '?' after the .css @import "https://dl.dropboxusercontent.com/s/horocq7tlje8qnn/Style.css?"; If I remove the '?', then the page shows no covers, add it, and it went back to http://imgur.com/KttjIDg I don't understand how that works but ok... Any way to get the full cover pic? This topic is a different one than what you're using on your list atm.. you're using the animetitle sliding covers style, which had a crucial import that crashed after the MAL hacking and I haven't gotten around to updating yet, maybe later tho |
Oct 4, 2014 5:48 AM
#159
Shishio-kun said: This topic is a different one than what you're using on your list atm.. you're using the animetitle sliding covers style, which had a crucial import that crashed after the MAL hacking and I haven't gotten around to updating yet, maybe later tho Thanks, let us know if you fix it! |
Oct 4, 2014 9:53 PM
#160
Kygies27 said: Shishio-kun said: This topic is a different one than what you're using on your list atm.. you're using the animetitle sliding covers style, which had a crucial import that crashed after the MAL hacking and I haven't gotten around to updating yet, maybe later tho Thanks, let us know if you fix it! Yeah i would really like to use this for the No Game No life thing i'm trying to fix ^.^ |
Oct 4, 2014 10:39 PM
#161
ZmBzRALIVE said: Kygies27 said: Shishio-kun said: This topic is a different one than what you're using on your list atm.. you're using the animetitle sliding covers style, which had a crucial import that crashed after the MAL hacking and I haven't gotten around to updating yet, maybe later tho Thanks, let us know if you fix it! Yeah i would really like to use this for the No Game No life thing i'm trying to fix ^.^ I'll see about it tomorrow, fixing the icon bars lately which are completely updated with new features like custom color (will be made in full on front page, um, eventually). |
Oct 26, 2014 1:33 PM
#162
| Thanks a lot man, I really appreciate it. I was a complete noob with CSS and BB codes a couple of days ago and then I watched your youtube vid and read some of your tutorials. This is what I managed to come up with: http://myanimelist.net/profile/J-YO http://myanimelist.net/animelist/J-YO |
Oct 26, 2014 2:11 PM
#163
J-YO said: Thanks a lot man, I really appreciate it. I was a complete noob with CSS and BB codes a couple of days ago and then I watched your youtube vid and read some of your tutorials. This is what I managed to come up with: http://myanimelist.net/profile/J-YO http://myanimelist.net/animelist/J-YO Very good, thanks for sharing with me! Your list is very pleasant to look through and you have good taste in images all around. |
Oct 27, 2014 12:34 AM
#164
Shishio-kun said: J-YO said: Thanks a lot man, I really appreciate it. I was a complete noob with CSS and BB codes a couple of days ago and then I watched your youtube vid and read some of your tutorials. This is what I managed to come up with: http://myanimelist.net/profile/J-YO http://myanimelist.net/animelist/J-YO Very good, thanks for sharing with me! Your list is very pleasant to look through and you have good taste in images all around. Thanks, that means a lot :) |
Oct 31, 2014 2:36 PM
#165
| My list doesn't have the progress column anymore and I can't seem to get it back. Can someone help me out? http://myanimelist.net/animelist/Satiriques |
 |
Oct 31, 2014 2:52 PM
#166
Satiriques said: fixedMy list doesn't have the progress column anymore and I can't seem to get it back. Can someone help me out? http://myanimelist.net/animelist/Satiriques @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);
html {
background: #FFFFFF url('http://i.imgur.com/mutaOPc.png') repeat-y center;
}
#mal_control_strip a {
text-decoration: none !important;
color: #ccc !important;
}
#mal_control_strip a:hover {
color: #fff !important;
}
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
border: 0 !important;
}
body {
color: #dbb909;
font-size: 14px;
font-family: arial;
background: url('http://i.imgur.com/KcMIdOZ.png') no-repeat top center;
}
#list_surround {
width: 960px;
margin: 580px auto 20px auto;
padding: 20px;
background: #983d46;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
}
.status_selected, .status_not_selected {
font-size: 1.5em;
border-bottom: 1px dashed #555;
margin: 0;
padding: 0 0 25px 0;
}
.status_selected:hover, .status_not_selected:hover {
text-shadow: #aaa 0px 0px 30px;
}
.status_selected a, .status_not_selected a{
color: #ccc;
font-family: arial;
font-size: 20px;
}
a{
color: #ccc;
text-decoration: none;
}
a:hover {
color: #fff;
}
.header_title {
padding: 10px;
background: #222;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.category_totals {
padding: 20px 10px 10px 10px;
text-align: center;
background: #222;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.header_title {
color: #fff;
font-size: 1.2em;
border-bottom: 1px solid #333;
}
.td1, .td2, .table_header {
padding: 1px 10px;
background: #222;
border-bottom: 1px solid #222;
}
.td1:hover, .td2:hover {
border-bottom: 1px dashed #555;
}
.table_header {
padding-top: 10px;
}
#grand_totals{
color: #333;
text-align: center;
}
/* COVER AREA
The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS).
Left and top adjust the position it appears on screen.
Control the height and width of the pic with height and width.
Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
Increase height and width to make the pics bigger.
Delete border-style: solid; to remove the border.
*/
.hide {
background-color: rgba(0, 0, 0, 0.85);
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
display: block !important;
height: 350px;
left: 8%;
position: fixed;
top: 25%;
width: 234px;
padding: 79px 40px 10px 10px;
background-size: 250px !important;
visibility: hidden;
opacity: 0;
}
/*
MINI REVIEW (HOVER TAG)
Move the area around with the left and top codes.
Adjust the surrounding area of the tags by adjusting the padding.
Control the height and width of the section with the height and width codes.
If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial:
http://myanimelist.net/forum/?topicid=563993
*/
td[class^='td']:nth-of-type(6) {
visibility: hidden;
opacity: 0;
position: fixed;
top: 70%;
left: 8%;
background-color: rgba(0, 0, 0, 0.85) !important;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
font-size: 12px;
height: 145px;
width: 250px;
padding: 10px 10px 0px 24px;
color: white !important;
z-index: 1;
text-align: center;
}
/* TAG TEXT COLOR*/
tr:hover td[class^='td']:nth-of-type(6) a {
color: white !important;
}
/* OTHER SETTINGS */
:hover + .hide , tr:hover td[class^='td']:nth-of-type(6){
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
}
/* REMOVE HEADER
Deletes the header Tags which isn't necessary.
*/
.table_header:nth-of-type(6) {
display: none;
}
/* REMOVE TAG EDIT BUTTON
Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags.
*/
td:nth-of-type(6) small {
display: none;
}
/* GOOGLE CHROME FIX
Adjust this amount 50px at a time if your columns are uneven in Chrome.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
td[class^='td']:nth-of-type(2) {
width: 570px !important;}
}
#copyright{
color: #333;
padding-top: 6px;
text-align: center;
margin: 0 auto;
}
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(3),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(4),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(5),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(6),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(7),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) {
display: table-cell;
}
#list_surround small a:last-of-type {
display: none !important;
}
.animetitle + small {
visibility: visible !important;
}
#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="],
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
visibility: visible !important;
margin-right: 10px
}
.td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
.td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
.td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
visibility: visible !important;
}
.td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
.td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
.td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
text-decoration: underline;
}
/* shadows */
.hide{
box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
}
td[class^='td']:nth-of-type(6) {
box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
}
|
|
Oct 31, 2014 3:44 PM
#167
Oiomi-chan said: Satiriques said: fixedMy list doesn't have the progress column anymore and I can't seem to get it back. Can someone help me out? http://myanimelist.net/animelist/Satiriques @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);
html {
background: #FFFFFF url('http://i.imgur.com/mutaOPc.png') repeat-y center;
}
#mal_control_strip a {
text-decoration: none !important;
color: #ccc !important;
}
#mal_control_strip a:hover {
color: #fff !important;
}
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
border: 0 !important;
}
body {
color: #dbb909;
font-size: 14px;
font-family: arial;
background: url('http://i.imgur.com/KcMIdOZ.png') no-repeat top center;
}
#list_surround {
width: 960px;
margin: 580px auto 20px auto;
padding: 20px;
background: #983d46;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
}
.status_selected, .status_not_selected {
font-size: 1.5em;
border-bottom: 1px dashed #555;
margin: 0;
padding: 0 0 25px 0;
}
.status_selected:hover, .status_not_selected:hover {
text-shadow: #aaa 0px 0px 30px;
}
.status_selected a, .status_not_selected a{
color: #ccc;
font-family: arial;
font-size: 20px;
}
a{
color: #ccc;
text-decoration: none;
}
a:hover {
color: #fff;
}
.header_title {
padding: 10px;
background: #222;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.category_totals {
padding: 20px 10px 10px 10px;
text-align: center;
background: #222;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.header_title {
color: #fff;
font-size: 1.2em;
border-bottom: 1px solid #333;
}
.td1, .td2, .table_header {
padding: 1px 10px;
background: #222;
border-bottom: 1px solid #222;
}
.td1:hover, .td2:hover {
border-bottom: 1px dashed #555;
}
.table_header {
padding-top: 10px;
}
#grand_totals{
color: #333;
text-align: center;
}
/* COVER AREA
The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS).
Left and top adjust the position it appears on screen.
Control the height and width of the pic with height and width.
Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
Increase height and width to make the pics bigger.
Delete border-style: solid; to remove the border.
*/
.hide {
background-color: rgba(0, 0, 0, 0.85);
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
display: block !important;
height: 350px;
left: 8%;
position: fixed;
top: 25%;
width: 234px;
padding: 79px 40px 10px 10px;
background-size: 250px !important;
visibility: hidden;
opacity: 0;
}
/*
MINI REVIEW (HOVER TAG)
Move the area around with the left and top codes.
Adjust the surrounding area of the tags by adjusting the padding.
Control the height and width of the section with the height and width codes.
If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial:
http://myanimelist.net/forum/?topicid=563993
*/
td[class^='td']:nth-of-type(6) {
visibility: hidden;
opacity: 0;
position: fixed;
top: 70%;
left: 8%;
background-color: rgba(0, 0, 0, 0.85) !important;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
font-size: 12px;
height: 145px;
width: 250px;
padding: 10px 10px 0px 24px;
color: white !important;
z-index: 1;
text-align: center;
}
/* TAG TEXT COLOR*/
tr:hover td[class^='td']:nth-of-type(6) a {
color: white !important;
}
/* OTHER SETTINGS */
:hover + .hide , tr:hover td[class^='td']:nth-of-type(6){
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
}
/* REMOVE HEADER
Deletes the header Tags which isn't necessary.
*/
.table_header:nth-of-type(6) {
display: none;
}
/* REMOVE TAG EDIT BUTTON
Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags.
*/
td:nth-of-type(6) small {
display: none;
}
/* GOOGLE CHROME FIX
Adjust this amount 50px at a time if your columns are uneven in Chrome.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
td[class^='td']:nth-of-type(2) {
width: 570px !important;}
}
#copyright{
color: #333;
padding-top: 6px;
text-align: center;
margin: 0 auto;
}
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(3),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(4),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(5),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(6),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(7),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) {
display: table-cell;
}
#list_surround small a:last-of-type {
display: none !important;
}
.animetitle + small {
visibility: visible !important;
}
#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="],
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
visibility: visible !important;
margin-right: 10px
}
.td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
.td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
.td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
visibility: visible !important;
}
.td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
.td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
.td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
text-decoration: underline;
}
/* shadows */
.hide{
box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
}
td[class^='td']:nth-of-type(6) {
box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
}
That was pretty quick, thank you. |
|
Oct 31, 2014 4:15 PM
#168
Satiriques said: well you simply had one more column than this dessign was made for, so it was just a quick change of a few numbers :pOiomi-chan said: Satiriques said: My list doesn't have the progress column anymore and I can't seem to get it back. Can someone help me out? http://myanimelist.net/animelist/Satiriques @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);
html {
background: #FFFFFF url('http://i.imgur.com/mutaOPc.png') repeat-y center;
}
#mal_control_strip a {
text-decoration: none !important;
color: #ccc !important;
}
#mal_control_strip a:hover {
color: #fff !important;
}
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
border: 0 !important;
}
body {
color: #dbb909;
font-size: 14px;
font-family: arial;
background: url('http://i.imgur.com/KcMIdOZ.png') no-repeat top center;
}
#list_surround {
width: 960px;
margin: 580px auto 20px auto;
padding: 20px;
background: #983d46;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
box-shadow:0 0 20px rgba(0, 0, 0, 0.7);
}
.status_selected, .status_not_selected {
font-size: 1.5em;
border-bottom: 1px dashed #555;
margin: 0;
padding: 0 0 25px 0;
}
.status_selected:hover, .status_not_selected:hover {
text-shadow: #aaa 0px 0px 30px;
}
.status_selected a, .status_not_selected a{
color: #ccc;
font-family: arial;
font-size: 20px;
}
a{
color: #ccc;
text-decoration: none;
}
a:hover {
color: #fff;
}
.header_title {
padding: 10px;
background: #222;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.category_totals {
padding: 20px 10px 10px 10px;
text-align: center;
background: #222;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.header_title {
color: #fff;
font-size: 1.2em;
border-bottom: 1px solid #333;
}
.td1, .td2, .table_header {
padding: 1px 10px;
background: #222;
border-bottom: 1px solid #222;
}
.td1:hover, .td2:hover {
border-bottom: 1px dashed #555;
}
.table_header {
padding-top: 10px;
}
#grand_totals{
color: #333;
text-align: center;
}
/* COVER AREA
The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS).
Left and top adjust the position it appears on screen.
Control the height and width of the pic with height and width.
Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
Increase height and width to make the pics bigger.
Delete border-style: solid; to remove the border.
*/
.hide {
background-color: rgba(0, 0, 0, 0.85);
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
display: block !important;
height: 350px;
left: 8%;
position: fixed;
top: 25%;
width: 234px;
padding: 79px 40px 10px 10px;
background-size: 250px !important;
visibility: hidden;
opacity: 0;
}
/*
MINI REVIEW (HOVER TAG)
Move the area around with the left and top codes.
Adjust the surrounding area of the tags by adjusting the padding.
Control the height and width of the section with the height and width codes.
If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial:
http://myanimelist.net/forum/?topicid=563993
*/
td[class^='td']:nth-of-type(6) {
visibility: hidden;
opacity: 0;
position: fixed;
top: 70%;
left: 8%;
background-color: rgba(0, 0, 0, 0.85) !important;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
font-size: 12px;
height: 145px;
width: 250px;
padding: 10px 10px 0px 24px;
color: white !important;
z-index: 1;
text-align: center;
}
/* TAG TEXT COLOR*/
tr:hover td[class^='td']:nth-of-type(6) a {
color: white !important;
}
/* OTHER SETTINGS */
:hover + .hide , tr:hover td[class^='td']:nth-of-type(6){
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
}
/* REMOVE HEADER
Deletes the header Tags which isn't necessary.
*/
.table_header:nth-of-type(6) {
display: none;
}
/* REMOVE TAG EDIT BUTTON
Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags.
*/
td:nth-of-type(6) small {
display: none;
}
/* GOOGLE CHROME FIX
Adjust this amount 50px at a time if your columns are uneven in Chrome.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
td[class^='td']:nth-of-type(2) {
width: 570px !important;}
}
#copyright{
color: #333;
padding-top: 6px;
text-align: center;
margin: 0 auto;
}
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(3),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(4),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(5),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(6),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(7),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) {
display: table-cell;
}
#list_surround small a:last-of-type {
display: none !important;
}
.animetitle + small {
visibility: visible !important;
}
#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="],
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
visibility: visible !important;
margin-right: 10px
}
.td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
.td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
.td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
visibility: visible !important;
}
.td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
.td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
.td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
text-decoration: underline;
}
/* shadows */
.hide{
box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
}
td[class^='td']:nth-of-type(6) {
box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.65);
}
That was pretty quick, thank you. |
|
Dec 9, 2014 2:28 PM
#169
| Could someone please help me?:,< I found a really great layout, I used it, but it doesn't matter how hard I try to make this "Cover pic with area and tags in area"-kind of effect, it just doesn't work, and my list is really strange this way. T3T http://myanimelist.net/animelist/Jigokuchan Here is the code of my list in the current situation: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aWFrYzJjVnpoVVE); @import "http://dl.dropbox.com/u/78340470/Past%20Stuff/bottommenuimport.css"; /*thin top bar*/ @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /*Fonts*/ @import url("http://fonts.googleapis.com/css?family=Tangerine"); @import url("http://fonts.googleapis.com/css?family=Lemon"); @import url("http://fonts.googleapis.com/css?family=Nova+Slim"); @import url(http://fonts.googleapis.com/css?family=Handlee); /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* Theme for Suzune-chan by Al_eXs */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ body { background-image: url(https://farm9.staticflickr.com/8669/15966101982_fcf228f2ae_o.jpg); background-attachment: fixed; background-size: cover; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). */ .header_title { background-color: rgba(14, 18, 29, 0.450); color: #FFFFFF; font-family: 'Handlee', cursive; font-size:20px; border-radius: 20px 20px 0px 0px; font-weight: 700; text-align: center; text-shadow: 3px -1px 5px #0C0C0C; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color: rgba(14, 18, 29, 0.450); } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family: "Nova Slim"; font-size:14px; text-shadow: 4px -1px 5px #0C0C0C; } .animetitle + small { color:#B6B6C5; font-family: "Nova Slim"; font-size:12px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-size:13px; font-family: "Nova Slim"; text-shadow: 4px -1px 5px #0C0C0C; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { margin: -25px auto 0; width:800px; } /* LIST POSITION Change "left" to "right" to switch the list side, or vice versa. */ #list_surround { position: relative; } /*OTHER CODES Important codes for the layout's setup. Please don't mess with these unless you know what you're doing. If you want to customize more on the page, use the link at the top of this CSS or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: #FFFFFF; } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:#A6A6C7; text-decoration:none; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-color: rgba(14, 18, 29, 0.500); border-width:0; transition: all .8s ease 0s;/* CSS3 reference */ -o-transition: all .8s ease 0s; /* for Opera compatibility */ -ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */ -moz-transition: all .8s ease 0s; /* for Firefox compatibility */ -webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */ } .category_totals a, .td1 a, .td2 a, #grand_totals a, #copyright a { transition: all .8s ease 0s;/* CSS3 reference */ -o-transition: all .8s ease 0s; /* for Opera compatibility */ -ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */ -moz-transition: all .8s ease 0s; /* for Firefox compatibility */ -webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */ } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:rgba(14, 18, 29, 0.700); border-width:0; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by Al_eXs."; } #copyright { margin-bottom: 30px !important; border-radius: 20px; padding: 10px; } .status_selected { background-color:black; padding:2px; color:white; text-decoration: blink; } .status_not_selected { background-color:black; padding:2px; color:white; } .status_selected a{ color:blue; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { border-radius: 0px 0px 20px 20px; height: 40px; text-align: center; } #grand_totals { text-align: center; margin:0 auto; border-radius: 20px; padding: 10px 20px; width: 600px; } Read more at http://myanimelist.net/forum/?topicid=393503&show=40#GGr2iVsW6KeGRbGH.99 /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(200, 5, 200, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(5) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } /* GOOGLE CHROME FIX Adjust this amount 50px at a time (more or less) if your columns are uneven in Chrome, until your columns are even. */ @media screen and (-webkit-min-device-pixel-ratio:0) { td[class^='td']:nth-of-type(2) { width: 380px !important;} } Read more at http://myanimelist.net/forum/?topicid=563993#ehg7XbHwbzA3vZvf.99 Thank you in advance!^^ |
JigoKuuDec 9, 2014 2:32 PM
Dec 10, 2014 1:30 AM
#170
| Try to remove the entire Read more at http://myanimelist.net/forum/?topicid=393503&show=40#GGr2iVsW6KeGRbGH.99 save and see what happens after. it might be blocking the hover code below it. the one I'm talking about is above COVER AREA |
Dec 10, 2014 2:17 AM
#171
| Thank you really much for your help, your advice worked! I'm soo happy!!>3< |
Apr 5, 2015 10:59 PM
#172
| I've got it all working, and I'm really happy with the results. The one thing I wish I could do is move the comments/synopsis that was originally under "more" and put it where the tags are. I know it was quickly discussed earlier in this thread, and I guess it was ultimately decided that it would be too difficult to implement. Unfortunately there is a character limit in the "tags" area, so I'm restricted on how much I can write. It would be really cool to have the comments/synopsis displayed rather than tags. Another smaller issue I'm having is the "-" that appears after "add" or "edit". This is a very small issue that I almost don't care about. I'm mainly focused on the first issue I stated. |
CallMePickleApr 6, 2015 3:08 PM
Apr 15, 2015 3:49 PM
#173
| hello, On my list I use "Started Date" and "Finished Date" too and this makes the collumn not right in the "plan to watch" section(http://myanimelist.net/animelist/schoefel). It is not fixable at the "GOOGLE CHROME FIX" as far as I know. How could I fix this? I would appreciate the help. |
Jul 24, 2015 11:56 AM
#174
| I followed the instructions for the "Cover pic with area and tags in area" previews, but when I updated my editor, it deleted all of the code in the editor except for the .jpg list from the first step. Help please? Thanks! Figured it out. |
Doomcat55Jul 24, 2015 1:08 PM
 |
Aug 21, 2015 11:16 AM
#175
| can I change the font of the text in hover? I tried added font family but it won't change at all. |
Aug 21, 2015 4:46 PM
#176
| Have you tried font-family: "Your Font" !important;? |
Aug 27, 2015 4:41 AM
#177
| Is there a way I can use this "hover" feature in squared style list layouts like mine? Or is there another way of showing my mini review more prominently while still retaining my current layout? Sorry,if its been asked before. |
 |
Sep 4, 2015 12:01 PM
#178
| hi ehm so im new to all this ^^ and wanted this but i followed the steps right. (i think) and they dont show up at all. please help. :D Link To AnimeList: http://myanimelist.net/animelist/Jipjanus My Full CSS Code: http://pasted.co/15fdc036 |
Sep 25, 2015 7:11 AM
#179
| Regarding the more button being unusable... Well you can still use it if you do the following steps (code made by dzikibambus;I noticed it still works as a more button) : (or just copy paste the full code from bellow) 1.do what dzikibambus said (page 2 comment #51) or copy paste it from spoiler:My code is like this 2.download the covers from https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM (select all and copy paste in notepad) 3.replace all #more with #xmenu (is also faster) 4.upload the txt to dropbox and import it in your list 5.see the rest of the code you need below The full code you can try out (with the import) @import "https://dl.dropboxusercontent.com/s/4uzvef7rlr149tp/Covers.css?dl=0"; /*at the top*/ .td1 div small a[title*="View"], .td2 div small a[title*="View"] {display:none;color:transparent;font-size:0px;} .td1 div small, .td2 div small {visibility: hidden;} .td1 div small a, .td2 div small a {visibility: visible !important;} /*Code made by dzikibambus. Thank you! */ #list_surround table:hover small a:last-of-type { background-size: 200px; margin-left:-653px; margin-top:-170px; height: 340px; width: 200px; padding-bottom: 0px; border-style: solid; border-color: transparent; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 15px solid transparent; border-bottom: 1px solid transparent; background-color: transparent !important; background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: absolute; visibility: hidden; opacity: 0; } @media screen and (max-width:1400px) {#list_surround table:hover small a:last-of-type {margin-left:-50;}} /*added this; change the value to adjust position on lower resolutions*/ /*Add text above the cover*/ #list_surround small a:last-of-type:before { color: white; text-decoration: none !important; Content: "Click on the cover for more"; font-size:11px; } /*Make the cover clickable even if you don't hover it*/ #list_surround small a:last-of-type:after {content:""; position:fixed; top:0; right:50%; width:50%; margin-right:460px; height:100%; background-color:rgba(255,255,255,.5); } /* OTHER SETTINGS */ #list_surround table:hover small a:last-of-type { visibility: visible; opacity: 1; } For adding text,at best I was able to do this ,but it has some problems (for example if your links underline on hover this text will too): /*Add text above the cover*/ #list_surround small a:last-of-type:before { color: white; text-decoration: none !important; Content: "Click on the cover for more"; font-size:11px; } Oh and there is http://myanimelist.net/forum/?topicid=551625 comment 12 for something different. The problem in his case is that you see the comments all the time and not just the cover. |
removed-userSep 30, 2015 5:05 AM
Sep 29, 2015 12:09 PM
#180
| Is there a tutorial for creating your own #more list? I remember seeing one before but I can't seem to find it, so I don't know if it's been removed or not ^^; |
Sep 30, 2015 5:16 AM
#181
Xatzu said: Is there a tutorial for creating your own #more list? I remember seeing one before but I can't seem to find it, so I don't know if it's been removed or not ^^; You mean this [CSS] How to fill in the missing or broken covers on your layout (updated)? Look for "Generate your own CSS covers (how to)". EDIT: Glad I helped you. |
removed-userSep 30, 2015 10:38 AM
Sep 30, 2015 7:56 AM
#182
RaitaroHikami said: Omg thank you!Xatzu said: Is there a tutorial for creating your own #more list? I remember seeing one before but I can't seem to find it, so I don't know if it's been removed or not ^^; You mean this [CSS] How to fill in the missing or broken covers on your layout (updated)? Look for "Generate your own CSS covers (how to)". |
Nov 13, 2015 10:40 AM
#183
| Hello! I dont know if it's possible but I have a lot of animes in my Plan to Watch list and I was wondering if it's possible to add the Global Score and the Popularity Rank of the anime in the table ? Thank you! |
Dec 24, 2015 8:18 AM
#184
| Is there a way to make the comments show up in the box that currently shows the show&#039;s MPAA film-ratings? Something like this:  Here's the code:
@import url("https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM");
@import url("http://assets.winneon.moe/css/mal.css");
* { }
a.animetitle[href*="/anime/"]:after {
content: "";
}
|
midnighttensionDec 24, 2015 8:45 AM
Feb 1, 2016 2:55 PM
#185
| I'm totally clueless here, i think I followed the steps properly but nothing at all shows up? Code: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ body { background-image: url(http://i67.tinypic.com/4l698o.png); background-attachment: fixed; background-size: 100% 100%; background-size: cover; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { background-color:transparent; color:FireBrick; font-family:Lucida Calligraphy; font-size:27px; font-style: italic; font-weight: 800; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:DarkSlateBlue; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:cyan; font-family:comic Sans MS; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:50%; } #list_surround { position: absolute !important; right: 1px !important;} /* LIST COLOR The numbers in parenthesis below control the color of your list background itself. The first number is the amount of red, the second amount of green, third blue, and each can be set to a maximum of 255 and minimum of 0. The 4th number in parenthesis is the opacity amount, which can be set from .0 (invisible) to 1 (completely opaque). For more info on RGBA color see this tutorial: http://myanimelist.net/forum/?topicid=440525 */ .category_totals, .td1, .td2, #grand_totals, #copyright { background-color: rgba(55,55,55,.5); } /* ROW HOVER COLOR Change the color you see on a row only when you put your cursor over it with this code, you use the same color change style as in the above code. */ tr:hover [class^=td] { background-color: rgba(80, 50, 225, 0.9) !important; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background- position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:red; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { border-width:0; padding:2px; } } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info."; } .status_not_selected { } .status_not_selected:hover { background-color: #8A2BE2; color: transparent; transition: all 0.4s ease 0s; } .status_selected:hover a, .status_not_selected:hover a { text-decoration: underline; } .status_not_selected a { } .status_selected a { color: #DAA520 !important; display: block; height: 50px; padding-right: 0; width: 139px; } .status_selected { background-color: ##8A2BE2 !important; color: #DAA520 !important; } .status_not_selected { display: block; } .status_selected, .status_not_selected { background: none repeat scroll 0 0 rgba(94, 211, 229, 0.9); border-right: 2px solid white; border-top: 2px solid white; border-top-right-radius: 91px; height: 36px; left: 0; margin-top: 317px; padding-left: 0; padding-top: 21px; position: fixed; } .status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color white -moz-use-text-color -moz-use-text-color; border-image: none; border-radius: 0 0 0 0; border-style: none solid none none; border-width: medium 2px medium medium; height: 33px; left: 0; margin-top: 375px; padding-top: 9px; position: fixed; width: 165px; } .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 417px; position: fixed; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 459px; position: fixed; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 501px; position: fixed; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { border-bottom: 2px solid white; border-bottom-right-radius: 91px; height: 33px; left: 0; margin-top: 543px; padding-bottom: 10px; position: fixed; } .thickbox { color:DarkRed; font-family:fantasy; font-size:12px; } .header_title { height:28px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } tr:hover [class^=td] { -moz-transition: .2s linear; -webkit-transition: .2s linear; -o-transition: .2s linear; .animetitle:before { content: ""; height: 0px; width: 0px; margin-left:0; margin-top:10px; display:inline-block !important; position: absolute; background-size: contain; transition: all 0.4s ease-in-out; } /* Will round the headers */ .header_title{ border-radius: 25px 25px 25px 25px; } #list_surround { position: absolute !important; right: 1px !important;} /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 830px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } MAL : http://myanimelist.net/animelist/Vencedor |
 |
Feb 1, 2016 5:14 PM
#186
Vencedor said: You have an extra semicolon here:I'm totally clueless here, i think I followed the steps properly but nothing at all shows up? Code: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ body { background-image: url(http://i67.tinypic.com/4l698o.png); background-attachment: fixed; background-size: 100% 100%; background-size: cover; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { background-color:transparent; color:FireBrick; font-family:Lucida Calligraphy; font-size:27px; font-style: italic; font-weight: 800; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:DarkSlateBlue; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:cyan; font-family:comic Sans MS; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:50%; } #list_surround { position: absolute !important; right: 1px !important;} /* LIST COLOR The numbers in parenthesis below control the color of your list background itself. The first number is the amount of red, the second amount of green, third blue, and each can be set to a maximum of 255 and minimum of 0. The 4th number in parenthesis is the opacity amount, which can be set from .0 (invisible) to 1 (completely opaque). For more info on RGBA color see this tutorial: http://myanimelist.net/forum/?topicid=440525 */ .category_totals, .td1, .td2, #grand_totals, #copyright { background-color: rgba(55,55,55,.5); } /* ROW HOVER COLOR Change the color you see on a row only when you put your cursor over it with this code, you use the same color change style as in the above code. */ tr:hover [class^=td] { background-color: rgba(80, 50, 225, 0.9) !important; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background- position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:red; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { border-width:0; padding:2px; } } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info."; } .status_not_selected { } .status_not_selected:hover { background-color: #8A2BE2; color: transparent; transition: all 0.4s ease 0s; } .status_selected:hover a, .status_not_selected:hover a { text-decoration: underline; } .status_not_selected a { } .status_selected a { color: #DAA520 !important; display: block; height: 50px; padding-right: 0; width: 139px; } .status_selected { background-color: ##8A2BE2 !important; color: #DAA520 !important; } .status_not_selected { display: block; } .status_selected, .status_not_selected { background: none repeat scroll 0 0 rgba(94, 211, 229, 0.9); border-right: 2px solid white; border-top: 2px solid white; border-top-right-radius: 91px; height: 36px; left: 0; margin-top: 317px; padding-left: 0; padding-top: 21px; position: fixed; } .status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color white -moz-use-text-color -moz-use-text-color; border-image: none; border-radius: 0 0 0 0; border-style: none solid none none; border-width: medium 2px medium medium; height: 33px; left: 0; margin-top: 375px; padding-top: 9px; position: fixed; width: 165px; } .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 417px; position: fixed; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 459px; position: fixed; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 501px; position: fixed; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { border-bottom: 2px solid white; border-bottom-right-radius: 91px; height: 33px; left: 0; margin-top: 543px; padding-bottom: 10px; position: fixed; } .thickbox { color:DarkRed; font-family:fantasy; font-size:12px; } .header_title { height:28px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } tr:hover [class^=td] { -moz-transition: .2s linear; -webkit-transition: .2s linear; -o-transition: .2s linear; .animetitle:before { content: ""; height: 0px; width: 0px; margin-left:0; margin-top:10px; display:inline-block !important; position: absolute; background-size: contain; transition: all 0.4s ease-in-out; } /* Will round the headers */ .header_title{ border-radius: 25px 25px 25px 25px; } #list_surround { position: absolute !important; right: 1px !important;} /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 830px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } MAL : http://myanimelist.net/animelist/Vencedor .hide { Try removing that.etc... border-top: 1px solid white;; |
|
Feb 1, 2016 8:29 PM
#187
Doomcat55 said: Vencedor said: You have an extra semicolon here:I'm totally clueless here, i think I followed the steps properly but nothing at all shows up? Code: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ body { background-image: url(http://i67.tinypic.com/4l698o.png); background-attachment: fixed; background-size: 100% 100%; background-size: cover; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { background-color:transparent; color:FireBrick; font-family:Lucida Calligraphy; font-size:27px; font-style: italic; font-weight: 800; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:DarkSlateBlue; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:cyan; font-family:comic Sans MS; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:50%; } #list_surround { position: absolute !important; right: 1px !important;} /* LIST COLOR The numbers in parenthesis below control the color of your list background itself. The first number is the amount of red, the second amount of green, third blue, and each can be set to a maximum of 255 and minimum of 0. The 4th number in parenthesis is the opacity amount, which can be set from .0 (invisible) to 1 (completely opaque). For more info on RGBA color see this tutorial: http://myanimelist.net/forum/?topicid=440525 */ .category_totals, .td1, .td2, #grand_totals, #copyright { background-color: rgba(55,55,55,.5); } /* ROW HOVER COLOR Change the color you see on a row only when you put your cursor over it with this code, you use the same color change style as in the above code. */ tr:hover [class^=td] { background-color: rgba(80, 50, 225, 0.9) !important; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background- position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:red; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { border-width:0; padding:2px; } } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info."; } .status_not_selected { } .status_not_selected:hover { background-color: #8A2BE2; color: transparent; transition: all 0.4s ease 0s; } .status_selected:hover a, .status_not_selected:hover a { text-decoration: underline; } .status_not_selected a { } .status_selected a { color: #DAA520 !important; display: block; height: 50px; padding-right: 0; width: 139px; } .status_selected { background-color: ##8A2BE2 !important; color: #DAA520 !important; } .status_not_selected { display: block; } .status_selected, .status_not_selected { background: none repeat scroll 0 0 rgba(94, 211, 229, 0.9); border-right: 2px solid white; border-top: 2px solid white; border-top-right-radius: 91px; height: 36px; left: 0; margin-top: 317px; padding-left: 0; padding-top: 21px; position: fixed; } .status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color white -moz-use-text-color -moz-use-text-color; border-image: none; border-radius: 0 0 0 0; border-style: none solid none none; border-width: medium 2px medium medium; height: 33px; left: 0; margin-top: 375px; padding-top: 9px; position: fixed; width: 165px; } .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 417px; position: fixed; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 459px; position: fixed; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { height: 33px; left: 0; margin-top: 501px; position: fixed; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { border-bottom: 2px solid white; border-bottom-right-radius: 91px; height: 33px; left: 0; margin-top: 543px; padding-bottom: 10px; position: fixed; } .thickbox { color:DarkRed; font-family:fantasy; font-size:12px; } .header_title { height:28px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } tr:hover [class^=td] { -moz-transition: .2s linear; -webkit-transition: .2s linear; -o-transition: .2s linear; .animetitle:before { content: ""; height: 0px; width: 0px; margin-left:0; margin-top:10px; display:inline-block !important; position: absolute; background-size: contain; transition: all 0.4s ease-in-out; } /* Will round the headers */ .header_title{ border-radius: 25px 25px 25px 25px; } #list_surround { position: absolute !important; right: 1px !important;} /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 830px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } MAL : http://myanimelist.net/animelist/Vencedor .hide { Try removing that.etc... border-top: 1px solid white;; I did so, however nothing is showing up still also thanks! |
|
Feb 1, 2016 9:09 PM
#188
| @Vencedor Here goes... Within your CSS: Remove the second bracket at the end: #copyright {
border-width:0;
padding:2px;
}
}.status_selected {
background-color: ##8A2BE2 !important;
color: #DAA520 !important;
}tr:hover [class^=td] {
-moz-transition: .2s linear;
-webkit-transition: .2s linear;
-o-transition: .2s linear;-o-transition: .2s linear; } |
|
Feb 2, 2016 1:30 PM
#189
Doomcat55 said: @Vencedor Here goes... Within your CSS: Remove the second bracket at the end: #copyright {
border-width:0;
padding:2px;
}
}.status_selected {
background-color: ##8A2BE2 !important;
color: #DAA520 !important;
}tr:hover [class^=td] {
-moz-transition: .2s linear;
-webkit-transition: .2s linear;
-o-transition: .2s linear;-o-transition: .2s linear; } You sir are a god, it works now thankyou! |
|
Apr 12, 2016 8:50 PM
#190
| Pretty sure I did all the steps right but not seeing anything. Can anyone help? @import "http://fonts.googleapis.com/css?family=Snowburst+One"; @import "https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM"; body { background-attachment: fixed !important; background-color: white !important; background-image: url("http://4.bp.blogspot.com/-wEFTDY-Zkec/Ue0jByWb0FI/AAAAAAAAEb8/-LNNkHgaHjc/s2560/kuroko+no+basket+kuroko+tetsuya+%5Bwww.animefullfights.com%5D+(3).jpg") !important; background-repeat: no-repeat !important; background-position: top left; } body { background-size: 100% 100%; } #list_surround { position: absolute !important; right: 60px !important; } body { color: #FFFFFF; font-family: Verdana,Arial; font-size: 12px; } #inlineContent { display: inline-block !important; height: 362px !important; left: 0 !important; position: absolute !important; top: 0 !important; width: 605px !important; z-index: -1 !important; } #grand_totals { background-color: rgba(135,120,129,0.8); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; text-align: center; transition: all 0.25s ease-in-out 0s; vertical-align: middle; } a { color: #FFFFFF; text-decoration: none; } a:visited { color: #FFFFFF; text-decoration: none; } a:hover { color: #800000; text-decoration: none; } small { color: #b33953; font-size: 8px !important; text-decoration: none; } #list_surround { background-color: transparent; background: transparent; background-position: center top; background-repeat: no-repeat; margin-left: 5px; padding-top: 50px; text-transform: none; width: 600px; } #list_surround tbody tr:hover { } #list_surround tr:hover .category_totals, #list_surround[align="center"] tbody tr:hover td, #list_surround[align="center"] + tbody tr:hover { background-color: rgba(135,120,129,0.8); } .td1, .td2 { background: rgba(135,120,129,0.8); background-position: center center; border-style: hidden; color: white; padding: 3px; } .table_header { background: rgba(135,120,129,0.8); border-style: hidden; color: #b33953 !important; padding: 3px; } .td1[width="125"] { font-size: 11px; padding: 1px 20px 0px 1px; width: 200px; } .td1[width="45"] { font-size: 11px; font-weight: bold; } .td1[width="70"] { font-size: 11px; font-weight: bold; } .td2[width="125"] { font-size: 11px; padding: 1px 20px 1px 1px; width: 200px; } .td2[width="45"] { font-size: 11px; font-weight: bold; } .td2[width="70"] { font-size: 11px; font-weight: bold; } .td1:last-child, .td2:last-child, .table_header:last-child { background-position: right center; } .table_header[width="125"] { padding-left: 1px; padding-right: 20px; width: 200px; } .td1:first-child, .td2:first-child, .table_header:first-child { background-position: left center; padding-left: 10px; text-align: center; width: 20px; } [id^="menu"] .td1 { padding-left: 50px; padding-right: 20px; text-align: left; } [id^="menu"] .td2 { padding-left: 50px; padding-right: 20px; text-align: left; } small *, small { font-size: 11px; } .table_headerLink { color: #b33953; font-weight: normal; } .table_headerLink:visited { color: #000000; font-weight: normal; } .table_headerLink:hover { color: #FFFFFF; font-weight: normal; } .status_selected { color: #FFFFFF; font-family: Century Gothic,Verdana,Arial; font-size: 14px; font-weight: bold; padding: 5px; background: rgba(179,57,83, 0.8); border-bottom-style: solid; border-top-style: solid; border-width: 2px !important; } .status_not_selected { color: #FFFFFF; font-family: Century Gothic,Verdana,Arial; font-size: 12px; font-weight: bold; padding: 5px; background: rgba(135,120,129,0.8); border-bottom-style: solid; border-width: 2px !important; border-top-style: solid; } .header_title { font-size: 40px; font-family: snowburst one; color: #4d3041; margin-top: -20px; margin-bottom: 10px; margin-left: 40px; } .header_cw { margin-top: 25px; background: rgba(135,120,129,0.8); border-radius: 30px 30px 0 0; } .header_completed { margin-top: 25px; background: rgba(135,120,129,0.8); border-radius: 30px 30px 0 0; } .header_onhold { margin-top: 25px; background: rgba(135,120,129,0.8); border-radius: 30px 30px 0 0; } .header_dropped { margin-top: 25px; background: rgba(135,120,129,0.8); border-radius: 30px 30px 0 0; } .header_ptw { margin-top: 25px; background: rgba(135,120,129,0.8); border-radius: 30px 30px 0 0; } .category_totals { background: rgba(135,120,129,0.8); font-size: 10px; color: white; height: 40px; text-align: center; border-radius: 0 0 30px 30px; } #grand_totals { background-position: center top; background-repeat: no-repeat; color: white; font-family: Verdana,Arial; font-size: 10px; height: 25px; padding: 29px; text-align: center; } #copyright { background-image: url("http://i.imgur.com/qisxHj0.png"); background-repeat: no-repeat; color: #fef1f8; font-size: 9px; font-weight: normal; height: 50px; margin: 0 auto; padding-top: 10px; text-align: center; text-shadow: 0 0 0.5em #FFDEEE; width: 475px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 830px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } |
Apr 12, 2016 9:02 PM
#191
| @Lilixtreme Add a curly brace here: #copyright { background-image: url("http://i.imgur.com/qisxHj0.png"); background-repeat: no-repeat; color: #fef1f8; font-size: 9px; font-weight: normal; height: 50px; margin: 0 auto; padding-top: 10px; text-align: center; text-shadow: 0 0 0.5em #FFDEEE; width: 475px; } @import "https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM"; @import "http://mal-image.appspot.com/all/Lilixtreme"; |
|
Apr 14, 2016 10:03 PM
#192
| @Doomcat55 Thank you so much! This completely fixed my problem!! |
Jun 9, 2016 2:18 AM
#193
| My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help |
VilkaTheWolfJun 10, 2016 2:27 AM
Jul 27, 2016 6:01 AM
#194
| I love tags as mini-reviews, but I have one problem: why formatting for tags is not saved? I mean, if I go to edit title, then, for ex., write "test1", then press enter and then space three times and then write "test2", even after saving "test2" will be on new line and after three spaces, but when I am watching mini-reviews, no formatting saved, so text looks like "test1" "test2" - just one space between them and they are on the same line. Is there some way to get to the new line at least for mini-reviews? |
Oct 13, 2016 6:05 AM
#195
VilkaTheWolf said: My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help @Shishio-kun I did what you said. I added all the codes I needed, but it's still doing it. This is my new CSS @import url(https://storage.live.com/items/4A07C1EEED420167%21170); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(24, 24, 24, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(6) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none !important; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } Please help. |
Oct 13, 2016 1:37 PM
#196
VilkaTheWolf said: VilkaTheWolf said: My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help @Shishio-kun I did what you said. I added all the codes I needed, but it's still doing it. This is my new CSS @import url(https://storage.live.com/items/4A07C1EEED420167%21170); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(24, 24, 24, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(6) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none !important; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } Please help. Add a closing bracket } below #copyright. Notice its missing one after its codes unlike the others. Remove these lines (2) filter: alpha(opacity=50; |
ShishiExampleOct 13, 2016 1:40 PM
 |
Oct 13, 2016 3:34 PM
#197
ShishiExample said: Which lines do I remove? "filter: alpha(opacity=50;" appears in my list a lot.VilkaTheWolf said: VilkaTheWolf said: My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help @Shishio-kun I did what you said. I added all the codes I needed, but it's still doing it. This is my new CSS @import url(https://storage.live.com/items/4A07C1EEED420167%21170); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(24, 24, 24, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(6) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none !important; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } Please help. Add a closing bracket } below #copyright. Notice its missing one after its codes unlike the others. Remove these lines (2) filter: alpha(opacity=50; |
Oct 13, 2016 4:40 PM
#198
VilkaTheWolf said: ShishiExample said: Which lines do I remove? "filter: alpha(opacity=50;" appears in my list a lot.VilkaTheWolf said: VilkaTheWolf said: My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help @Shishio-kun I did what you said. I added all the codes I needed, but it's still doing it. This is my new CSS @import url(https://storage.live.com/items/4A07C1EEED420167%21170); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(24, 24, 24, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(6) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none !important; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } Please help. Add a closing bracket } below #copyright. Notice its missing one after its codes unlike the others. Remove these lines (2) filter: alpha(opacity=50; both of them |
Oct 13, 2016 5:16 PM
#199
Shishio-kun said: It seems to be working now. However now all the anime titles in my list are bold like the headers and my tags aren't showing up in the boxes (they were before). Thanks :) you're a big help.VilkaTheWolf said: ShishiExample said: VilkaTheWolf said: VilkaTheWolf said: My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help @Shishio-kun I did what you said. I added all the codes I needed, but it's still doing it. This is my new CSS @import url(https://storage.live.com/items/4A07C1EEED420167%21170); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(24, 24, 24, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(6) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none !important; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } Please help. Add a closing bracket } below #copyright. Notice its missing one after its codes unlike the others. Remove these lines (2) filter: alpha(opacity=50; both of them |
Oct 13, 2016 5:54 PM
#200
VilkaTheWolf said: Shishio-kun said: It seems to be working now. However now all the anime titles in my list are bold like the headers and my tags aren't showing up in the boxes (they were before). Thanks :) you're a big help.VilkaTheWolf said: ShishiExample said: Which lines do I remove? "filter: alpha(opacity=50;" appears in my list a lot.VilkaTheWolf said: VilkaTheWolf said: My anime covers wont appear when I hover over them, but when i click 'more' it shows the covers... @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; } /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) { display: table-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the cover's location around with left and top. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { color: white; background: transparent; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } /* OTHER SETTINGS */ :hover + .hide { visibility: visible; opacity: 1; } please help @Shishio-kun I did what you said. I added all the codes I needed, but it's still doing it. This is my new CSS @import url(https://storage.live.com/items/4A07C1EEED420167%21170); /* // Self-explanatory */ BODY { /* TODO: use SITE_CDNHOST */ background-image: url(http://myanimelist.net/images/userwalls/3283007.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; margin: 0; color: #828282; font-size: 11.00px; font-family: Verdana, Arial; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { margin-left: auto; margin-right: 20px; width: 750px; } /* // All links on your list */ a { color: #FF0000; text-decoration: none; } a:visited { color: #FF0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /* // Alternating row color 1 */ .td1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; color: #000000; border-width: 1px 1px 1px 0px; border-style: transparent; border-color: #000000; background-color: #FFFFFF; padding: 2px; } /* // headerLink represents the color of the links inside the table_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } .status_not_selected { filter: alpha(opacity=50; -moz-opacity: 0.5; opacity: 0.5; color: #000000; border-width: 0px 1px 1px 0px; border-style: transparent; border-color: #000000; padding: 2px; background-color: #FFFFFF; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is the div surrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is the div with your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: 750px; /* CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT) Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. */ #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) { display: tab\le-cell; } #list_surround small a:last-of-type { display: none !important; } .animetitle + small { visibility: visible !important; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { visibility: visible !important; margin-right: 10px } .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small { visibility: visible !important; } .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{ text-decoration: underline; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS). Left and top adjust the position it appears on screen. Control the height and width of the pic with height and width. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. */ .hide { background-color: rgba(24, 24, 24, 0.75); background-position: 50% 20% !important; background-repeat: no-repeat !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 450px; left: 645px; position: fixed; top: 65px; width: 234px; padding: 79px 40px 10px 10px; background-size: 250px !important; visibility: hidden; opacity: 0; } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: transparent; color: white; padding-bottom: 5px; position: absolute; text-align: center; width: 255px; top: 5px; border-radius: 25px 25px 0 0; } /* MINI REVIEW (HOVER TAG) Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993 */ td[class^='td']:nth-of-type(6) { visibility: hidden; opacity: 0; position: fixed; top: 482px; left: 665px; font-size: 12px; width: 245px; color: white !important; z-index: 1; background: transparent !important; } /* TAG TEXT COLOR*/ tr:hover td[class^='td']:nth-of-type(6) a { color: white !important; } /* OTHER SETTINGS */ :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){ visibility: visible; opacity: 1; } /* REMOVE HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { display: none !important; } /* REMOVE TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6) small { display: none; } Please help. Add a closing bracket } below #copyright. Notice its missing one after its codes unlike the others. Remove these lines (2) filter: alpha(opacity=50; both of them It's cuz you're using the version of the CSS that shows tags on hover and it needs to be adjusted; see the opening posts on how to adjust them (or delete the codes added from this topic and start over with one that doesn't show tags on hover but still shows covers). |
More topics from this board
» [CSS - CLASSIC] Wishes of the heart ~ XXXholic layout by HahaidoShishio-kun - Dec 27, 2015 |
8 |
by Valerio_Lyndon
»»
Apr 12, 7:34 PM |
|
» [CSS-MODERN] ⭐️ Takana_No_Hana's LayoutsShishio-kun - Jun 5, 2021 |
6 |
by NemuSanjou
»»
Apr 9, 7:21 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1204 |
by blickrella
»»
Apr 9, 4:55 PM |
|
» [MODERN - CSS] ⭐ Sailor Moon layout by 5cmShishio-kun - Sep 7, 2020 |
34 |
by Y3337
»»
Mar 31, 11:45 PM |
|
» [BBCODE + VIDEO GUIDE] ⭐️ Full list of BBcodes and BBcode setups on MAL ( 1 2 3 4 )Shishio-kun - Feb 3, 2012 |
158 |
by KeyiOs
»»
Mar 28, 8:32 AM |