New
This topic has been locked and is no longer available for discussion.
Nov 18, 2021 1:53 AM
#451
Zangif said: Hey Umm so my animelist layout used to be pretty awesome,but now all of a sudden something has happened. here take a look:https://i.imgur.com/PiLTcWE.png the search option suddenly decided to fly and the stats option isn't there. So could you take a look at my profile and help me. Also this:https://i.imgur.com/FwOW6N8.png if you see the back of the anime cover there are three boxes below,which used to be the about,edit and tag options,but now they are ..well they're just boxes. I'd really appreciate if someone could help.Thanks! Emanon30 said: Hey, I have an issue with my lists that worked flawlessly up today. As you can see in the linked picuture the top bar is all wrong. Instead of the usual symbols you get a Sigma, a Quantifier etc. https://i.imgur.com/Ivvi3yR.png Can somebody help me? The same thing is happening with me and a lot of other people too I assume. This will take some time to fix I think. |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
Nov 18, 2021 2:42 AM
#452
LEGENDS_OF_ANIME said: Zangif said: Hey Umm so my animelist layout used to be pretty awesome,but now all of a sudden something has happened. here take a look:https://i.imgur.com/PiLTcWE.png the search option suddenly decided to fly and the stats option isn't there. So could you take a look at my profile and help me. Also this:https://i.imgur.com/FwOW6N8.png if you see the back of the anime cover there are three boxes below,which used to be the about,edit and tag options,but now they are ..well they're just boxes. I'd really appreciate if someone could help.Thanks! Emanon30 said: Hey, I have an issue with my lists that worked flawlessly up today. As you can see in the linked picuture the top bar is all wrong. Instead of the usual symbols you get a Sigma, a Quantifier etc. https://i.imgur.com/Ivvi3yR.png Can somebody help me? The same thing is happening with me and a lot of other people too I assume. This will take some time to fix I think. I guess you're right. Same issue on your lists. Do you know where a fix will be posted? |
Nov 18, 2021 3:59 AM
#453
Emanon30 said: I guess you're right. Same issue on your lists. Do you know where a fix will be posted? No but Shishio will probably reply to people who said they are having to problem. Also I will try to remember inform you if I get any info on it. |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
Nov 18, 2021 4:13 AM
#454
So Idk what happened but my list is back to normal.Maybe it was something that everyone on Mal was facing. |
Nov 18, 2021 4:44 AM
#455
LEGENDS_OF_ANIME said: Emanon30 said: I guess you're right. Same issue on your lists. Do you know where a fix will be posted? No but Shishio will probably reply to people who said they are having to problem. Also I will try to remember inform you if I get any info on it. Thank you very much :D I just hope Zangif is right and this issue will fix itself soon. My Topbar is still broken. |
Nov 18, 2021 7:45 AM
#456
@Zangif @Emanon30 @LEGENDS_OF_ANIME The problem is related to Font Awesome and Shishio-kun is trying to find the answer now. https://myanimelist.net/forum/?topicid=1973079 |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Nov 18, 2021 8:05 AM
#457
Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved. |
Nov 18, 2021 8:15 AM
#458
ShaggyZE said: @Zangif @Emanon30 @LEGENDS_OF_ANIME The problem is related to Font Awesome and Shishio-kun is trying to find the answer now. https://myanimelist.net/forum/?topicid=1973079 Thank you very much. Seems like this will be the important thread for our issue. |
Nov 18, 2021 11:49 AM
#459
@Shishio-kun It works, the symbols are correct. But it kills my colour settings and my wallpaper for some reason. https://i.imgur.com/7Mg4gia.png |
Nov 18, 2021 11:53 AM
#460
Emanon30 said: @Shishio-kun It works, the symbols are correct. But it kills my colour settings and my wallpaper for some reason. https://i.imgur.com/7Mg4gia.png Yeah u need to probably find the right place for it and paste it somewhere else. At least it works, that's great so far! I need to convert it and move it to an import so everyone can just add it to the top as a simpler fix, unless devs use the fix and repair the site. You can try this instead and paste it to a different spot although under the imports should be where /* FONT FIX */ @font-face{ font-display:block; font-family:'FontAwesome'; src:url(/fonts/fa6/fa-regular-400.woff2) format("woff2"),url(/fonts/fa6/fa-regular-400.ttf) format("truetype")} /* */ |
Nov 18, 2021 12:06 PM
#461
Shishio-kun said: Emanon30 said: @Shishio-kun It works, the symbols are correct. But it kills my colour settings and my wallpaper for some reason. https://i.imgur.com/7Mg4gia.png Yeah u need to probably find the right place for it and paste it somewhere else. At least it works, that's great so far! I need to convert it and move it to an import so everyone can just add it to the top as a simpler fix, unless devs use the fix and repair the site. You can try this instead and paste it to a different spot although under the imports should be where /* FONT FIX */ @font-face{ font-display:block; font-family:'FontAwesome'; src:url(/fonts/fa6/fa-regular-400.woff2) format("woff2"),url(/fonts/fa6/fa-regular-400.ttf) format("truetype")} /* */ I tried a couple of random spots under the imports but no luck so far. I'll let you know if I find the one that leaves my colours and my wallpaper intact. Thank you for your hard work :) |
Nov 18, 2021 7:32 PM
#462
Emanon30 said: I tried a couple of random spots under the imports but no luck so far. I'll let you know if I find the one that leaves my colours and my wallpaper intact. Thank you for your hard work :) not sure what your colors and wallpapers have to do with it since that code doesn't affect any of that, but MAL has updated to fix most of the icons so your list should be fine now. |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Nov 18, 2021 7:39 PM
#463
Zangif said: Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved. okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that. |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Nov 18, 2021 8:45 PM
#464
ShaggyZE said: Zangif said: Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved. okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that. He has already taken care of that lol |
Nov 18, 2021 8:58 PM
#465
Zangif said: ShaggyZE said: Zangif said: Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved. okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that. He has already taken care of that lol He changed the codes from FontAwesome to Font Awesome 6 Pro, he doesn't need to do that now that MAL fixed it and he can change them back to FontAwesome, and as I said your quick add icon is still broken, the square box with an x through it should be a + icon or similar, hope you understand now. that particular icon doesn't even need to be FontAwesome as we could just use + |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Nov 18, 2021 9:06 PM
#466
ShaggyZE said: Zangif said: ShaggyZE said: Zangif said: Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved. okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that. He has already taken care of that lol He changed the codes from FontAwesome to Font Awesome 6 Pro, he doesn't need to do that now that MAL fixed it and he can change them back to FontAwesome, and as I said your quick add icon is still broken, the square box with an x through it should be a + icon or similar, hope you understand now. that particular icon doesn't even need to be FontAwesome as we could just use + Umm okay I'll tell him.Thanks |
Nov 18, 2021 10:10 PM
#467
@Emanon30 @LEGENDS_OF_ANIME MAL devs tried to fix things on their side, so you don't need a patch anymore and can probably delete it if added. Are the icons repaired for you? |
Nov 18, 2021 10:14 PM
#468
ShaggyZE said: Emanon30 said: I tried a couple of random spots under the imports but no luck so far. I'll let you know if I find the one that leaves my colours and my wallpaper intact. Thank you for your hard work :) not sure what your colors and wallpapers have to do with it since that code doesn't affect any of that, but MAL has updated to fix most of the icons so your list should be fine now. It's because for some reason the font face code would cut off codes under it when not placed in the perfect spot, so it cuts off crucial wallpaper and color codes, couldn't figure out why tho but because of that I would need to convert it to an import and host the patch on onedrive. Probably don't need to do that now tho thankfully |
Nov 18, 2021 10:31 PM
#469
Shishio-kun said: It's because for some reason the font face code would cut off codes under it when not placed in the perfect spot, so it cuts off crucial wallpaper and color codes, couldn't figure out why tho but because of that I would need to convert it to an import and host the patch on onedrive. Probably don't need to do that now tho thankfully ah, I see, must be something to do with how they handle @ codes now and basically/possibly ignoring everything after. |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Nov 18, 2021 10:50 PM
#470
ShaggyZE said: Shishio-kun said: It's because for some reason the font face code would cut off codes under it when not placed in the perfect spot, so it cuts off crucial wallpaper and color codes, couldn't figure out why tho but because of that I would need to convert it to an import and host the patch on onedrive. Probably don't need to do that now tho thankfully ah, I see, must be something to do with how they handle @ codes now and basically/possibly ignoring everything after. I think probably the brackets and lines/semi-colons after font face have weird rules or need to be more closely paid attention to and thus delicately ordered, so that codes under dont count as part of the font face's brackets and the selectors would be ignored since the page thinks its part of the font face brackets and therefore null On top of that font face doesn't seem to work for anyone but the owner... the backslash trick doesn't work either in this case so it must be imported |
Nov 18, 2021 10:59 PM
#471
Shishio-kun said: On top of that font face doesn't seem to work for anyone but the owner... the backslash trick doesn't work either in this case so it must be imported yea, I figured that from you're previous posts, so it's a good thing they changed the FontAwesome set to fa-solid or whatever else locally, still not sure how that worked out since they still seem to be using 'Font Awesome 6 Pro', but whatever works. |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Nov 19, 2021 12:47 AM
#472
@Shishio-kun @ShaggyZE Everything looks normal now on both lists. Thank you very much :) |
Dec 3, 2021 9:39 PM
#473
Umm everything is okay with my layout I just wish for one modification.Look at this this is before I click on the anime's banner, as you can see the edges are perfectly sharp,but after that the banner's edge becomes curved.Like this:- I don't want this to happen.Can I somehow change this? |
Dec 4, 2021 12:37 AM
#474
Zangif said: Umm everything is okay with my layout I just wish for one modification.Look at this this is before I click on the anime's banner, as you can see the edges are perfectly sharp,but after that the banner's edge becomes curved.Like this:- I don't want this to happen.Can I somehow change this? Your images are broken/no longer exists etc |
Dec 10, 2021 8:19 AM
#475
@Shishio-kun Hey! I would like to know how to change the status button "On Hold" to Specials instead. |
死神 ❝What do you think are the most important things in life? Money, dreams, sympathy towards others... Yes, they're all important things as well... But the most important thing is responsibility for your own actions.❞ - Yuichi |
Dec 15, 2021 7:57 PM
#476
good night/good morning. I was trying to fix the problem with the cover images of animes that stopped appearing. Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect. If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance. |
Jan 7, 2022 9:34 AM
#477
Hello, this is my first time posting, but I wanted to know if anybody knows how to fix this issue that I'm having here I'm using the first layout under the "Fully Customized Layouts" header in this thread here https://myanimelist.net/forum/?topicid=1499058 And for some reason the textures/posters for the anime on my list aren't loading as you can see in the screenshot that I posted above Would greatly appreciate it if someone can help me out because I tried the usual solutions that I saw in the other thread but nothing worked....If need be I'll just use another layout, but if I can fix this one then that'll make the time I spent customizing it worth while in the end Thanks in advance! |
Jan 7, 2022 10:31 AM
#478
Tokoya said: Hello, this is my first time posting, but I wanted to know if anybody knows how to fix this issue that I'm having here I'm using the first layout under the "Fully Customized Layouts" header in this thread here https://myanimelist.net/forum/?topicid=1499058 And for some reason the textures/posters for the anime on my list aren't loading as you can see in the screenshot that I posted above Would greatly appreciate it if someone can help me out because I tried the usual solutions that I saw in the other thread but nothing worked....If need be I'll just use another layout, but if I can fix this one then that'll make the time I spent customizing it worth while in the end Thanks in advance! See Part B in the opening post, its for fixing this issue, turn images on as it tells you https://imgur.com/XsKW6lc please read the whole thing to answer if there's any more problems because you also need the correct import for cover pics (you changed it from the default which currently works from what I see). |
Jan 7, 2022 10:34 AM
#479
VitorZ7 said: good night/good morning. I was trying to fix the problem with the cover images of animes that stopped appearing. Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect. If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance. Your manga list is private, see part B, some solutions won't work for you, so use a solution for private layouts like solution #1 or #4 |
Jan 7, 2022 12:08 PM
#480
Shishio-kun said: Everything worked just like you directedTokoya said: Hello, this is my first time posting, but I wanted to know if anybody knows how to fix this issue that I'm having here I'm using the first layout under the "Fully Customized Layouts" header in this thread here https://myanimelist.net/forum/?topicid=1499058 And for some reason the textures/posters for the anime on my list aren't loading as you can see in the screenshot that I posted above Would greatly appreciate it if someone can help me out because I tried the usual solutions that I saw in the other thread but nothing worked....If need be I'll just use another layout, but if I can fix this one then that'll make the time I spent customizing it worth while in the end Thanks in advance! See Part B in the opening post, its for fixing this issue, turn images on as it tells you https://imgur.com/XsKW6lc please read the whole thing to answer if there's any more problems because you also need the correct import for cover pics (you changed it from the default which currently works from what I see). Thank you SOOOOOOOOO much for helping! |
Jan 8, 2022 6:11 AM
#481
Shishio-kun said: VitorZ7 said: good night/good morning. I was trying to fix the problem with the cover images of animes that stopped appearing. Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect. If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance. Your manga list is private, see part B, some solutions won't work for you, so use a solution for private layouts like solution #1 or #4 is public now. I will try a few things again. |
Jan 11, 2022 2:51 AM
#482
VitorZ7 said: Shishio-kun said: VitorZ7 said: good night/good morning. I was trying to fix the problem with the cover images of animes that stopped appearing. Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect. If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance. Your manga list is private, see part B, some solutions won't work for you, so use a solution for private layouts like solution #1 or #4 is public now. I will try a few things again. It's missing pics and broken more in chrome type browsers, you can use the fix in Part B (you can also change the dateyutaka to your username, but the default should prevent more missing recent adds). May also want to remove current cover imports if they are not working fully for you |
Shishio-kunJan 11, 2022 5:24 AM
Jan 14, 2022 10:15 AM
#483
thank you so much; I am going to try. If it works or I don't get it, I'll report back here. |
Jan 14, 2022 10:31 AM
#484
so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure? |
Jan 15, 2022 5:40 AM
#485
VitorZ7 said: so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure? Which ones? Also Shishio-kun said: May also want to remove current cover imports if they are not working fully for you |
Jan 17, 2022 7:20 AM
#486
Shishio-kun said: VitorZ7 said: so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure? Which ones? Also Shishio-kun said: May also want to remove current cover imports if they are not working fully for you actually, I deleted some imports that were in the code; apparently it all worked out! thanks again for the help. helped a lot. |
Jan 17, 2022 8:10 AM
#487
VitorZ7 said: Shishio-kun said: VitorZ7 said: so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure? Which ones? Also Shishio-kun said: May also want to remove current cover imports if they are not working fully for you actually, I deleted some imports that were in the code; apparently it all worked out! thanks again for the help. helped a lot. Yes I told you originally you should probably delete the current cover imports you were using at the time because you really only want the one working import as the others can conflict or have out-of-date covers. Currently in your anime list it seems you have some extra cover imports too, you only really want the spacecowboy one for the same reasons. You also may want to change spacecowboy and dateyutaka in those imports to your username for reasons I mentioned in part B of the opening post but its not absolutely necessary |
Feb 5, 2022 7:20 AM
#489
Feb 5, 2022 11:00 AM
#490
maurorr said: Heyy I wanted to ask if you already made the patch for the start and end dates. I would really like to know how to move them back up. Thx for helping me the last times btw. I would like to have them back up there (but aired and started dates were switched) No I hadn't made it yet, but I made it just now for you, should look like the screenshot. Let me know if it works fine, its made to work with all list collumns used but should be fine with less. /* CLASSIC START/END DATES*/ .list-table .list-table-data .data.started { position: absolute !important; margin-top: 150px !important;; left: 4px !important;; } .list-table .list-table-data .data.finished { position: absolute !important; margin-top: 165px !important;; left: 4px !important;; width: 140px !important; text-align: left; } .list-table .list-table-data .data.days { position: absolute !important; margin-top: -14px !important; left: -18px !important;; width: 100px !important;; z-index: 10 !important;; pointer-events: none !important; font-size: 11px !important; } .data.days::after { content: "" !important; } .data.days::before { content: "Days:" !important; } .list-table .list-table-data .data.finished::before { content: "Finished:" !important; font-size: 10px !important; } .list-table .list-table-data .data.started::before { content: "Started:" !important; font-size: 10px !important; } .list-table .list-table-data .data.licensor, .list-table .list-table-data .data.magazine{ top: 48px; font-size: 9px; z-index: 100; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } .list-table .list-table-data a[href*="&demographic"] { margin-top: 15px !important; } |
Feb 5, 2022 11:02 AM
#491
Shishio-kun said: maurorr said: Heyy I wanted to ask if you already made the patch for the start and end dates. I would really like to know how to move them back up. Thx for helping me the last times btw. I would like to have them back up there (but aired and started dates were switched) No I hadn't made it yet, but I made it just now for you, should look like the screenshot. Let me know if it works fine, its made to work with all list collumns used but should be fine with less. /* CLASSIC START/END DATES*/ .list-table .list-table-data .data.started { position: absolute !important; margin-top: 150px !important;; left: 4px !important;; } .list-table .list-table-data .data.finished { position: absolute !important; margin-top: 165px !important;; left: 4px !important;; width: 140px !important; text-align: left; } .list-table .list-table-data .data.days { position: absolute !important; margin-top: -14px !important; left: -18px !important;; width: 100px !important;; z-index: 10 !important;; pointer-events: none !important; font-size: 11px !important; } .data.days::after { content: "" !important; } .data.days::before { content: "Days:" !important; } .list-table .list-table-data .data.finished::before { content: "Finished:" !important; font-size: 10px !important; } .list-table .list-table-data .data.started::before { content: "Started:" !important; font-size: 10px !important; } .list-table .list-table-data .data.licensor, .list-table .list-table-data .data.magazine{ top: 48px; font-size: 9px; z-index: 100; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } .list-table .list-table-data a[href*="&demographic"] { margin-top: 15px !important; } Thanks a lot. |
Feb 5, 2022 12:36 PM
#492
Hello, i got a problem with layout (Violet Evergarden Grid-Style) problem occurs only on manga list (anime works well), images on top bars overlap one of another. preview of problem: https://ibb.co/64zM0Tr code: https://pastebin.com/raw/FPDYhacr |
Feb 5, 2022 1:04 PM
#493
Zawaka said: Hello, i got a problem with layout (Violet Evergarden Grid-Style) problem occurs only on manga list (anime works well), images on top bars overlap one of another. preview of problem: https://ibb.co/64zM0Tr code: https://pastebin.com/raw/FPDYhacr the problem is the "left" code added to your status buttons in VioletEvergardenCustomadeV1b.css /* status button */ /* all_anime */ .status-menu-container .status-menu .status-button.all_anime { background-image:url(http://i.imgur.com/J948M7X.png); left:0px !important; } .status-menu-container .status-menu .status-button.all_anime:hover { background-image:url(http://i.imgur.com/EtJcBLp.gif); } .status-menu-container .status-menu .status-button.all_anime.on { background-image:url(http://i.imgur.com/EtJcBLp.gif); } /* watching */ .status-menu-container .status-menu .status-button.watching { background-image:url(http://i.imgur.com/4lIjnfH.png); left:0px !important; } .status-menu-container .status-menu .status-button.watching:hover { background-image:url(http://i.imgur.com/FxP6Shw.gif); } .status-menu-container .status-menu .status-button.watching.on { background-image:url(http://i.imgur.com/FxP6Shw.gif); } /* completed */ .status-menu-container .status-menu .status-button.completed { background-image:url(http://i.imgur.com/ig9avfe.png); left:0px !important; } .status-menu-container .status-menu .status-button.completed:hover { background-image:url(http://i.imgur.com/lsSov86.gif); } .status-menu-container .status-menu .status-button.completed.on { background-image:url(http://i.imgur.com/lsSov86.gif); } /* on-hold */ .status-menu-container .status-menu .status-button.onhold { background-image:url(http://i.imgur.com/8UTci5J.png); left:0px !important; } .status-menu-container .status-menu .status-button.onhold:hover { background-image:url(http://i.imgur.com/IP3n4Ab.gif); } .status-menu-container .status-menu .status-button.onhold.on { background-image:url(http://i.imgur.com/IP3n4Ab.gif); } /*dropped */ .status-menu-container .status-menu .status-button.dropped { background-image:url(http://i.imgur.com/VNXW5lR.png); left:0px !important; } .status-menu-container .status-menu .status-button.dropped:hover { background-image:url(http://i.imgur.com/7uWoqYr.gif); } .status-menu-container .status-menu .status-button.dropped.on { background-image:url(http://i.imgur.com/7uWoqYr.gif); } /* plan to watch */ .status-menu-container .status-menu .status-button.plantowatch { background-image:url(http://i.imgur.com/fYvwBVQ.png); left:0px !important; } .status-menu-container .status-menu .status-button.plantowatch:hover { background-image:url(http://i.imgur.com/cqaTtlb.gif); } .status-menu-container .status-menu .status-button.plantowatch.on { background-image:url(http://i.imgur.com/cqaTtlb.gif); } your also missing /* reading */ .status-menu-container .status-menu .status-button.reading { background-image:url(http://i.imgur.com/4lIjnfH.png); left:0px !important; } .status-menu-container .status-menu .status-button.reading:hover { background-image:url(http://i.imgur.com/FxP6Shw.gif); } .status-menu-container .status-menu .status-button.reading.on { background-image:url(http://i.imgur.com/FxP6Shw.gif); } /* plan to read */ .status-menu-container .status-menu .status-button.plantoread { background-image:url(http://i.imgur.com/fYvwBVQ.png); left:0px !important; } .status-menu-container .status-menu .status-button.plantoread:hover { background-image:url(http://i.imgur.com/cqaTtlb.gif); } .status-menu-container .status-menu .status-button.plantoread.on { background-image:url(http://i.imgur.com/cqaTtlb.gif); } |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Feb 6, 2022 11:55 AM
#494
ShaggyZE said: Zawaka said: Hello, i got a problem with layout (Violet Evergarden Grid-Style) problem occurs only on manga list (anime works well), images on top bars overlap one of another. preview of problem: https://ibb.co/64zM0Tr code: https://pastebin.com/raw/FPDYhacr the problem is the "left" code added to your status buttons in VioletEvergardenCustomadeV1b.css /* status button */ /* all_anime */ .status-menu-container .status-menu .status-button.all_anime { background-image:url(http://i.imgur.com/J948M7X.png); left:0px !important; } .status-menu-container .status-menu .status-button.all_anime:hover { background-image:url(http://i.imgur.com/EtJcBLp.gif); } .status-menu-container .status-menu .status-button.all_anime.on { background-image:url(http://i.imgur.com/EtJcBLp.gif); } /* watching */ .status-menu-container .status-menu .status-button.watching { background-image:url(http://i.imgur.com/4lIjnfH.png); left:0px !important; } .status-menu-container .status-menu .status-button.watching:hover { background-image:url(http://i.imgur.com/FxP6Shw.gif); } .status-menu-container .status-menu .status-button.watching.on { background-image:url(http://i.imgur.com/FxP6Shw.gif); } /* completed */ .status-menu-container .status-menu .status-button.completed { background-image:url(http://i.imgur.com/ig9avfe.png); left:0px !important; } .status-menu-container .status-menu .status-button.completed:hover { background-image:url(http://i.imgur.com/lsSov86.gif); } .status-menu-container .status-menu .status-button.completed.on { background-image:url(http://i.imgur.com/lsSov86.gif); } /* on-hold */ .status-menu-container .status-menu .status-button.onhold { background-image:url(http://i.imgur.com/8UTci5J.png); left:0px !important; } .status-menu-container .status-menu .status-button.onhold:hover { background-image:url(http://i.imgur.com/IP3n4Ab.gif); } .status-menu-container .status-menu .status-button.onhold.on { background-image:url(http://i.imgur.com/IP3n4Ab.gif); } /*dropped */ .status-menu-container .status-menu .status-button.dropped { background-image:url(http://i.imgur.com/VNXW5lR.png); left:0px !important; } .status-menu-container .status-menu .status-button.dropped:hover { background-image:url(http://i.imgur.com/7uWoqYr.gif); } .status-menu-container .status-menu .status-button.dropped.on { background-image:url(http://i.imgur.com/7uWoqYr.gif); } /* plan to watch */ .status-menu-container .status-menu .status-button.plantowatch { background-image:url(http://i.imgur.com/fYvwBVQ.png); left:0px !important; } .status-menu-container .status-menu .status-button.plantowatch:hover { background-image:url(http://i.imgur.com/cqaTtlb.gif); } .status-menu-container .status-menu .status-button.plantowatch.on { background-image:url(http://i.imgur.com/cqaTtlb.gif); } your also missing /* reading */ .status-menu-container .status-menu .status-button.reading { background-image:url(http://i.imgur.com/4lIjnfH.png); left:0px !important; } .status-menu-container .status-menu .status-button.reading:hover { background-image:url(http://i.imgur.com/FxP6Shw.gif); } .status-menu-container .status-menu .status-button.reading.on { background-image:url(http://i.imgur.com/FxP6Shw.gif); } /* plan to read */ .status-menu-container .status-menu .status-button.plantoread { background-image:url(http://i.imgur.com/fYvwBVQ.png); left:0px !important; } .status-menu-container .status-menu .status-button.plantoread:hover { background-image:url(http://i.imgur.com/cqaTtlb.gif); } .status-menu-container .status-menu .status-button.plantoread.on { background-image:url(http://i.imgur.com/cqaTtlb.gif); } It works, thanks. |
Mar 14, 2022 8:47 AM
#495
Hello! I'm using a Classic AnimeList, but the code for importing the images seems to be broken.@\import "https://malscraper.azurewebsites.net/covers/anime/RayResembool/presets/:more:"; This is what's at the very first line of the CSS code. |
RayResemboolMar 14, 2022 8:52 AM
Mar 15, 2022 2:48 AM
#496
RayResembool said: Hello! I'm using a Classic AnimeList, but the code for importing the images seems to be broken. @\import "https://malscraper.azurewebsites.net/covers/anime/RayResembool/presets/:more:"; This is what's at the very first line of the CSS code. remove the two : https://malscraper.azurewebsites.net/covers/anime/RayResembool/presets/more |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Mar 25, 2022 9:59 PM
#497
Heya, not sure if this is the right place to post but every single style I try to use ends up looking like this (https://i.imgur.com/zwjDlQT.png or https://i.imgur.com/omEv3nS.png). Takana no hana's Shelter V3 is one of my favourites and up until a few weeks ago I've used it without any issues but suddenly it just stopped working. I've tried to find a fix for this, unfortunately to no avail, so I'm hoping someone on here could help? |
Mar 26, 2022 4:06 AM
#498
marloso2 said: Heya, not sure if this is the right place to post but every single style I try to use ends up looking like this (https://i.imgur.com/zwjDlQT.png or https://i.imgur.com/omEv3nS.png). Takana no hana's Shelter V3 is one of my favourites and up until a few weeks ago I've used it without any issues but suddenly it just stopped working. I've tried to find a fix for this, unfortunately to no avail, so I'm hoping someone on here could help? Your list is set to classic style. Those layouts are modern themed and only work on modern style. Switch the list to modern, save, and install the layouts there https://myanimelist.net/ownlist/style The solution is in the first post Part A #3 (#2 is related). |
Mar 26, 2022 6:58 AM
#499
Shishio-kun said: marloso2 said: Heya, not sure if this is the right place to post but every single style I try to use ends up looking like this (https://i.imgur.com/zwjDlQT.png or https://i.imgur.com/omEv3nS.png). Takana no hana's Shelter V3 is one of my favourites and up until a few weeks ago I've used it without any issues but suddenly it just stopped working. I've tried to find a fix for this, unfortunately to no avail, so I'm hoping someone on here could help? Your list is set to classic style. Those layouts are modern themed and only work on modern style. Switch the list to modern, save, and install the layouts there https://myanimelist.net/ownlist/style The solution is in the first post Part A #3 (#2 is related). Right, yes! I had a few issues still after that which is probably why I initially thought that wasn't the problem, but I've managed to fix those up with some tinkering on my end now too. Thanks a lot! |
Mar 29, 2022 10:40 PM
#500
tried fixing error on my own before messaging but i just used the donated layout linked below, and when i attempt to use the original version, the cool box feature that highlight's the anime's cover art does not work. When I use the modified it does but i want less list sections like the original. i am new to this so could be a beginner's error :/ what code section should i be looking for? https://myanimelist.net/forum/?topicid=1933263 curerent css: @import url('https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap'); @\import "https://malscraper.azurewebsites.net/covers/anime/Frajer_9/presets/dataimagelinkafter"; @import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap'); body { margin: 0 0 0 0; text-align: center; font-family: Verdana, Arial; font-size: 11px; background-image: url(https://i.imgur.com/njrKIv2.jpg); background-attachment: fixed; background-size: cover; }.status-menu-container .status-menu { display: table; margin: 0 auto; border-collapse: separate; border-spacing: 40px 0; position: fixed; top: 0px; left: 0px; }.header .header-title { position: absolute; top: 21px; background-image: url(); background-position: left top; background-repeat: no-repeat; background-size: auto 36px; display: block; width: 240px; height: 36px; text-indent: -9999px; overflow: hidden; }.header .header-menu .btn-menu { display: block; color: #2E51A2; text-align: right; font-size: 0px; }.status-menu-container { width: 0px; height: 0px; background-color: #000; border-bottom: #EBEBEB 1px solid; z-index: 1; }.list-container { position: absolute; background-color: #fff0; border: #EBEBEB00 1px solid; width: 1039px; margin-bottom: 0; margin-right: auto; margin-left: auto; text-align: left; left: 865px; color: #ffccff; font-size: 15px; }.list-menu-float .icon-menu.quick-add { position: fixed; top: 0; right: 90px; }.list-menu-float .icon-menu.profile { background-size: cover; position: fixed; top: 0; right: 20px; }.list-menu-float .icon-menu.anime-list { position: fixed; top: 0; right: 160px; }.list-menu-float .icon-menu.manga-list { position: fixed; top: 0; right: 230px; }.list-menu-float .icon-menu.history { position: fixed; top: 0; right: 300px; }.list-menu-float .icon-menu.export { position: fixed; top: 0; right: 370px; }.list-menu-float .icon-menu.setting { position: fixed; top: 0; right: 510px; }.list-menu-float .icon-menu.logout { position: fixed; top: 0; right: 440px; }.list-menu-float .icon-menu { position: relative; background-color: #0000; display: block; width: 50px; height: 50px; opacity: 1; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }#footer-block { padding: 15px 0; background-color: #2E51A200; color: #000; font-family: Avenir, "lucida grande", tahoma, verdana, arial, sans-serif; }.list-table { width: 100%; margin: 0 auto; border-collapse: collapse; border: #EBEBEB00 1px solid; }.list-container { position: relative; background-color: #131949c4; border: #EBEBEB00 1px solid; width: 1039px; margin-bottom: 0; margin-right: auto; margin-left: auto; text-align: left; left: 430px; }.list-table > tbody:nth-of-type(2n+1) { background-color: #0d194900; }a { color: #faacdc; text-decoration: none; }.list-table .list-table-header .header-title { background: #F6F6F600 url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px; display: table-cell; border-bottom: #EBEBEB 1px solid; height: 36px; text-align: center; vertical-align: middle; font-family: 'Shadows Into Light', monospace; font-size: 20px; }.list-menu-float .icon-menu:not(.profile):hover { background-color: #4065BA00; width: 145px; }.list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting { position: absolute; background-color: #4065BA00; display: block; width: 110px; height: 50px; line-height: 50px; text-decoration: none; color: #ffffff; opacity: 1; }.list-table .list-table-data .data { display: table-cell; padding: 4px 0; padding-left: 0px; text-align: center; vertical-align: middle; border-bottom: #EBEBEB00 1px solid; font-family: 'Shadows Into Light'; font-size: 16px; }.status-menu-container a{ font-family: 'Shadows Into Light', monospace!important; }.list-container a{ font-family: 'Shadows Into Light', monospace; font-size: 13px; }.list-table .list-table-header .header-title { background: #F6F6F600 url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px; display: table-cell; border-bottom: #EBEBEB00 1px solid; height: 36px; text-align: center; vertical-align: middle; }.list-table .list-table-header .header-title .link.sort { position: relative; display: inline-block; color: #323232; white-space: nowrap; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; color: #fcf; } .list-table .list-table-header .header-title .link { font-size: 11px; color: #fcf; text-decoration: none; }.list-table .list-table-data .data.image .image { width: 102px; height: 148px; border: #EBEBEB00 1px solid; }.status-menu-container .status-menu .status-button.on { color: #f783f7; font-weight: bold; } .status-menu-container .status-menu .status-button { position: relative; display: table-cell; padding: 12px 0; margin: 0; font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif; text-align: center; vertical-align: middle; font-size: 1.6em; color: #fcf; }/* COVER SIZE */ .data.image a:after{ width: 300px; height: 400px; } /* COVER POSITION */ .data.image a:after{ position: fixed; top: 550px; left: 320px; } /* OTHER CODES */ .data.image a:after {content: ""; display: block !important; background-color: rgba(0,0,0,.3); background-position: center !important; background-repeat: no-repeat !important; background-size: cover; border: 1px solid #ffffff; box-shadow: 0 2px 5px rgba(0,0,0, 0.7); visibility: hidden; opacity: 0; transition: opacity .8s linear, margin-left .5s ease, transform 1s ease-in-out; z-index: 5;} .list-table .list-table-data:hover .data.image a:after { visibility: visible; opacity: 1; transition: .3s ease-out;} .list-menu-float { position: fixed; display: block; top: 20%; width: 50px; border: #EBEBEB00 1px solid; z-index: 2; }.list-unit .list-status-title { position: relative; display: table; background-color: #4065BA00; width: 1024px; height: 38px; }.list-table-data:hover td { background-color: rgba(72, 64, 87, 0.6) !important; -moz-transition: 0s ease; -webkit-transition: 0s ease; -o-transition: 0s ease; font-size: 17px !Important; -moz-transition: .4s ease; -webkit-transition: .4.5s ease; -o-transition: .4s ease; }.list-table .list-table-data .data.tags { word-wrap: break-word; width: 274px; }.list-table .list-table-header .header-title .link { font-size: 20px; color: #fcf; text-decoration: none; }/* CUSTOM CURSOR */ * { cursor: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwLa8FY4y1ricg0oJCSLSM0E), auto !important; }.list-table .list-table-header .header-title .link.sort { position: relative; display: inline-block; color: #323232; white-space: nowrap; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; color: #fcf; font-size: 20px; }.list-container a { font-family: 'Shadows Into Light', monospace; font-size: 16px; }#advanced-options { position: absolute; top: 120px; left: 0; right: 0; background-color: #131949c4; display: none; width: 860px; margin: 0 auto; padding: 25px 0px 30px; border: #ebebeb00 1px solid; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 0%); -o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 0%); color: #faf; text-align: left; font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif; z-index: 1101; }#advanced-options .btn-apply, #advanced-options .btn-clear { background-color: #aa51b5c4; display: inline-block; width: 135px; margin: 0 4px; padding: 6px 0px; border-radius: 2px; font-size: 16px; color: #f9c9f7; text-align: center; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; font-family: 'Shadows Into Light'; }#advanced-options .advanced-options-header { width: 750px; margin: 0px auto; padding-bottom: 4px; border-bottom: 1px solid #BEBEBE; font-size: 30px; font-family: 'Shadows Into Light'; }#advanced-options .advanced-options-header .description { font-size: 20px; font-weight: normal; margin-left: 8px; }#advanced-options .sort-widget .widget-header, #advanced-options .filter-widget .widget-header { display: inline-block; width: 110px; font-size: 23px; font-family: 'Shadows Into Light'; }#advanced-options .filter-widget.aired-date .text, #advanced-options .filter-widget.published-date .text { display: inline-block; margin-right: 4px; font-size: 12px; font-family: 'Shadows Into Light'; font-size: 20px; }.list-unit .list-stats { display: none; background-color: #4065ba00; width: 1024px; height: 30px; line-height: 30px; color: #faf; text-align: center; font-family: 'Shadows Into Light'; font-size: 20px; }.status-menu-container .status-menu .status-button:after { position: absolute; bottom: 12px; left: 0px; background-color: #c642ea; display: block; width: 100%; height: 4px; content: ''; opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }.status-menu-container .status-menu .status-button:after { position: absolute; bottom: 12px; left: 0px; background-color: #d174ea; display: block; width: 100%; height: 4px; content: ''; opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }.status-menu-container .status-menu .status-button.on:after, .status-menu .status-button:hover:after { opacity: 1; }.list-unit .list-status-title .stats a { margin-right: 8px; color: #faf; }.qc-cmp2-persistent-link { cursor: pointer; position: fixed; background-color: #368bd600; padding: 5px 15px; color: #faf; display: flex; align-items: center; max-height: 30px; z-index: 2147483640; bottom: 0; right: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }.status-menu-container .search-container #search-button { display: inline-block; height: 30px; margin-top: 15px; color: #faf; font-size: 1.6em; vertical-align: middle; }.status-menu-container .search-container #search-box input { width: 100%; height: 100%; box-sizing: border-box; color: #faf; font-family: 'Shadows Into Light'; font-size: 15px; } |
This topic has been locked and is no longer available for discussion.
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7918 |
by takkun_
»»
7 hours ago |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
Sep 13, 10:56 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |