New
May 10, 2012 12:20 AM
#1
Please use the new repair sticky: https://myanimelist.net/forum/?topicid=2130234 Topic is being moved to a new one so that no one thinks the information here is outdated |
Shishio-kunNov 17, 2023 12:53 AM
Aug 22, 2018 5:20 PM
#2
I reinstalled everything, added the textbox on top and now it works! Yeeyy! Thank you so so so much for your quick and detailed answer. You helped me alot, haha. I feel kind of bad for writing such a short feedback, please believe me when I say I fought with this *************** thing for almost two years. Now my daily life has a bit more beauty in it. Thank you :) |
MiinaighterAug 22, 2018 5:37 PM
Aug 22, 2018 7:34 PM
#3
U just save me bae! tanks <333 |
Aug 23, 2018 5:52 PM
#4
Hello, I followed the instructions to fix the previews, but they still don't appear, any suggestions? |
Aug 23, 2018 6:15 PM
#5
Decided to do the same thing with fix like I did with malcat and it works:@\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; |
SViperAug 24, 2018 4:17 PM
[size=0][/size] |
Aug 23, 2018 6:27 PM
#6
TheFermiSolution said: Hello, I followed the instructions to fix the previews, but they still don't appear, any suggestions? Need to take your list off private, I think |
Aug 23, 2018 7:16 PM
#7
Great! That's our goal here! |
Aug 25, 2018 2:49 PM
#9
DENA broke a lot of layouts over the last several months with updates, including shutting down third-party aps |
Aug 25, 2018 4:42 PM
#10
Shishio-kun said: DENA broke a lot of layouts over the last several months with updates, including shutting down third-party aps Yeah I know that. By again I meant today because your solutions were working yesterday but not anymore. |
Aug 25, 2018 4:55 PM
#11
Ulquiorra said: Yeah I know that. By again I meant today because your solutions were working yesterday but not anymore. It still works for me, even logged out... |
Aug 25, 2018 5:00 PM
#12
Ulquiorra said: Shishio-kun said: DENA broke a lot of layouts over the last several months with updates, including shutting down third-party aps Yeah I know that. By again I meant today because your solutions were working yesterday but not anymore. You'd have to post the layout code or put it on your list so we can look at it |
Aug 25, 2018 5:06 PM
#13
Shishio-kun said: Ulquiorra said: Shishio-kun said: DENA broke a lot of layouts over the last several months with updates, including shutting down third-party aps Yeah I know that. By again I meant today because your solutions were working yesterday but not anymore. You'd have to post the layout code or put it on your list so we can look at it Never mind, I fixed it, dunno why I had to redo it again since it was working yesterday, weird. |
Aug 25, 2018 5:12 PM
#14
Ulquiorra said: Shishio-kun said: Ulquiorra said: Shishio-kun said: DENA broke a lot of layouts over the last several months with updates, including shutting down third-party aps Yeah I know that. By again I meant today because your solutions were working yesterday but not anymore. You'd have to post the layout code or put it on your list so we can look at it Never mind, I fixed it, dunno why I had to redo it again since it was working yesterday, weird. Well that's a relief! :D Yeah sometimes Dropbox has downtime so maybe you were using that. And when it had downtown the layout link was down. The latest version I posted doesn't rely on a Dropbox link which will be way more reliable |
Aug 26, 2018 11:38 AM
#15
I hope my solution helped someone. Yesterday I edited it, because edits after adding \ removes \, so. |
[size=0][/size] |
Aug 26, 2018 1:53 PM
#16
SViper said: I hope my solution helped someone. Yesterday I edited it, because edits after adding \ removes \, so. That would be good! Thanks for updating your post. |
Aug 27, 2018 4:46 AM
#17
Ay! Thanks for this. Good to have the styles back. The listed fixes fixed everything. One thing to make sure to fix was that the import statements I had had single quotes in the parenthesis. For example: @import ('https://isaychris.github.io/themes/fundamental/v1.3/light/layout.css'); Those need to be removed. Or, at least have them uniform. It was still broken when I didn't see the quote at the beginning, since it was mixing with the new ". |
Aug 27, 2018 5:13 AM
#18
Aug 27, 2018 5:35 AM
#19
Is there actually any alternative to the default low res cover images with the new modern designs? They are really horrible with my design (that I had to remake to work because no @import support) but the image quality of these covers is really killing me! |
Aug 27, 2018 7:37 AM
#20
Sadly it doesn't really work for me. It shows up like this with the keyword datatitle: (parts of HD pic under the blurred pic) None of the other keywords worked for me. I'm using the Your Name layout with custom ppics/gifs. Think that's the shelter v2.? If i remember correctly, i used some fix weeks/months ago, when the api first broke, dunno if that helps. Has anyone an idea? |
ᗩ ᔕᑌᗷTᒪE ᔕOᒪᗩᑕE TO ᗪEᗰOᒪIᔕᕼ TᕼE TᖇOᑌᗷᒪEᗪ ᑕOᑎᔕᑕIEᑎᑕE Oᖴ ᗩ ᑭOᑭᑌᒪᗩᑕE ᗯITᕼ ᑎO KᑎOᗯᒪEᗪGE ᗩᑎᗪ EᐯEᖇY ᖴᖇEEᗪOᗰ ᗪEᑎIEᗪ |
Aug 27, 2018 7:52 AM
#21
This Solution worked like a charm thank you for your hard work. |
Aug 27, 2018 9:39 AM
#22
Thank you so much for this solution. Finally I got my design back. <3 |
Aug 27, 2018 10:02 AM
#23
The @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkmore"; worked for me, thank you so much <3 |
Aug 27, 2018 10:51 AM
#24
For me, the preview pictures worked when I replaced "dataimagelinkbefore" with "more". Thanks! But when the "WARNING" at the top will be removed definetely? I mean, with no need of Stylus. |
KonoVitoDaAug 27, 2018 10:55 AM
Aug 27, 2018 12:22 PM
#25
DepravedMagi said: Assuming you are okay with your list being public, I would just give it some time. Especially if you tried to generate the list while it was still private. I believe the cooldown on generating is somewhere within 24 hours. Or if you want to keep it private, you could check out some of the more manual options that don't use web services, such as BurntJelly's generator script (requires manual generating every time). https://burntjello.webs.com/m/MyAnimeListTools/It worked for my anime list, but not for my manga list, even after I set it to public. RafaelDeJongh said: There isn't any "built-in" method from MyAnimeList itself yet, unfortunately. Hopefully in the future huh. But for now you should be able to use the @\import hack. So first you would add the image cover import to the top of your CSS:Is there actually any alternative to the default low res cover images with the new modern designs? They are really horrible with my design (that I had to remake to work because no @import support) but the image quality of these covers is really killing me! @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter"; And then add this to the bottom: .data.image .link { position: relative; } .data.image .link:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; } And you should now have functioning covers. _KaWaI_ said: Alright, let's try this.Sadly it doesn't really work for me. It shows up like this with the keyword datatitle: (parts of HD pic under the blurred pic) None of the other keywords worked for me. I'm using the Your Name layout with custom ppics/gifs. Think that's the shelter v2.? If i remember correctly, i used some fix weeks/months ago, when the api first broke, dunno if that helps. Has anyone an idea? First, switch to the dataimagelink preset (put this at the top of your code). @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelink"; Next, apply a negative z-index to the low-rez covers so that they don't cover up the high-rez ones any longer (put at the bottom of the code). .data.image .image { position: relative; z-index: -1; } Let me know if that works for you. Luxaky_ said: It will likely be removed once the MAL devs have got every page back online, I would imagine. But we can't be sure until they remove it themselves. Until then we can just hide it if we don't want it.For me, the preview pictures worked when I replaced "dataimagelinkbefore" with "more". Thanks! But when the "WARNING" at the top will be removed definetely? I mean, with no need of Stylus. |
Aug 27, 2018 2:34 PM
#26
Valerio_Lyndon said: RafaelDeJongh said: There isn't any "built-in" method from MyAnimeList itself yet, unfortunately. Hopefully in the future huh. But for now you should be able to use the @\import hack. So first you would add the image cover import to the top of your CSS:Is there actually any alternative to the default low res cover images with the new modern designs? They are really horrible with my design (that I had to remake to work because no @import support) but the image quality of these covers is really killing me! @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter"; And then add this to the bottom: .data.image .link { position: relative; } .data.image .link:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; } And you should now have functioning covers. Cheers mate, that did the trick! |
Aug 28, 2018 2:31 AM
#28
Valerio_Lyndon said: _KaWaI_ said: Alright, let's try this.Sadly it doesn't really work for me. It shows up like this with the keyword datatitle: (parts of HD pic under the blurred pic) None of the other keywords worked for me. I'm using the Your Name layout with custom ppics/gifs. Think that's the shelter v2.? If i remember correctly, i used some fix weeks/months ago, when the api first broke, dunno if that helps. Has anyone an idea? First, switch to the dataimagelink preset (put this at the top of your code). @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelink"; Next, apply a negative z-index to the low-rez covers so that they don't cover up the high-rez ones any longer (put at the bottom of the code). .data.image .image { position: relative; z-index: -1; } Let me know if that works for you. I love you. That did the magic. Thanky you! |
ᗩ ᔕᑌᗷTᒪE ᔕOᒪᗩᑕE TO ᗪEᗰOᒪIᔕᕼ TᕼE TᖇOᑌᗷᒪEᗪ ᑕOᑎᔕᑕIEᑎᑕE Oᖴ ᗩ ᑭOᑭᑌᒪᗩᑕE ᗯITᕼ ᑎO KᑎOᗯᒪEᗪGE ᗩᑎᗪ EᐯEᖇY ᖴᖇEEᗪOᗰ ᗪEᑎIEᗪ |
Aug 31, 2018 1:45 AM
#29
Hello, I don't know if it's normal but when I put my cursor on an anime in my list, I suppose that it is supposed to show the anime picture, al least that's what I think, but even if I do on my computer, it creates a little Purple square but it doesn't show the anime pic :/ How should I do to fix this? It may just be my computer tho |
Aug 31, 2018 1:52 AM
#30
DarknessPoulet said: Did you try the fix for missing cover pictures from the top post? I tried it on your list and it seems to work with the "more" preset. It goes at the top of your CSS.Hello, I don't know if it's normal but when I put my cursor on an anime in my list, I suppose that it is supposed to show the anime picture, al least that's what I think, but even if I do on my computer, it creates a little Purple square but it doesn't show the anime pic :/ How should I do to fix this? It may just be my computer tho @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; Also, a bit of a side note and not required, but I would recommend removing the MalCat generator for now. Since you're replacing it with this generator there isn't any reason to have two, it will only slow page load times. (If you don't know what one I mean, it's this one: [Image]) |
Aug 31, 2018 2:02 AM
#31
Valerio_Lyndon said: DarknessPoulet said: Did you try the fix for missing cover pictures from the top post? I tried it on your list and it seems to work with the "more" preset. It goes at the top of your CSS.Hello, I don't know if it's normal but when I put my cursor on an anime in my list, I suppose that it is supposed to show the anime picture, al least that's what I think, but even if I do on my computer, it creates a little Purple square but it doesn't show the anime pic :/ How should I do to fix this? It may just be my computer tho @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; Also, a bit of a side note and not required, but I would recommend removing the MalCat generator for now. Since you're replacing it with this generator there isn't any reason to have two, it will only slow page load times. (If you don't know what one I mean, it's this one: [Image]) I put the link on top and it now works, I'll follow your other advice too :) |
Aug 31, 2018 2:04 AM
#32
DarknessPoulet said: Glad to hear. :)Valerio_Lyndon said: DarknessPoulet said: Hello, I don't know if it's normal but when I put my cursor on an anime in my list, I suppose that it is supposed to show the anime picture, al least that's what I think, but even if I do on my computer, it creates a little Purple square but it doesn't show the anime pic :/ How should I do to fix this? It may just be my computer tho @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; Also, a bit of a side note and not required, but I would recommend removing the MalCat generator for now. Since you're replacing it with this generator there isn't any reason to have two, it will only slow page load times. (If you don't know what one I mean, it's this one: [Image]) I put the link on top and it now works, I'll follow your other advice too :) |
Sep 1, 2018 2:36 PM
#33
I'm so... so so so tired of MAL destroying layouts so often T_T I'm so confused with all these repairs that I'm not sure why it's not working again (pictures for anime when I hover a title of it). Can someone tell me if "malcat-gen" is still working or I should take other source for miniatures? |
Sep 1, 2018 2:48 PM
#34
Alextasha said: I'm so... so so so tired of MAL destroying layouts so often T_T I'm so confused with all these repairs that I'm not sure why it's not working again (pictures for anime when I hover a title of it). Can someone tell me if "malcat-gen" is still working or I should take other source for miniatures? I understand the frustration, believe me. Basically: 1. malcat gen is broken for now, since May I think. no idea if it will ever work again 2. you want the solution under "How to fix missing or blurry preview pictures (covers, thumbnails, etc)" that's referring to fixing the pictures you're talking about. You probably need @\import "https://malscraper.azurewebsites.net/covers/auto/presets/animetitlebefore"; at the top of your CSS to see cover pics again. 3. The other solutions on the page are to fix other specific issues like the "Warning/Info" bar you might be seeing. But you don't need those if you dont want them and some don't apply to you. |
Sep 2, 2018 11:47 AM
#35
Hey, I recently a club layout and I'm just getting frustrated over the fact that the BBcode isn't working properly when I post it on the club's main page (like the sliced images aren't lining up) but when I put it on my profile or even a post, its fine. Can someone help? The BBcode is in the spoiler below. [img]https://i.imgur.com/js8WPS0.jpg[/img] [url=https://myanimelist.net/forum/?topicid=1632901][img]https://i.imgur.com/rYDdLux.jpg[/img][/url][url=https://discord.gg/453VYPP][img]https://i.imgur.com/A3vxdPU.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1541855][img]https://i.imgur.com/724gUB0.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1638081][img]https://i.imgur.com/GZ7uPlg.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1638128][img]https://i.imgur.com/1YYpTrA.jpg[/img][/url][img]https://i.imgur.com/WgbMKeQ.jpg[/img] [img]https://i.imgur.com/sWaPGYT.jpg[/img] [img]https://i.imgur.com/zvPg5P0.jpg[/img][yt]CVlyghaNP_g[/yt][img]https://i.imgur.com/wuvUKmt.jpg[/img] [img]https://i.imgur.com/Q0ex272.jpg[/img] |
Forum Set by Me |
Sep 2, 2018 3:23 PM
#36
Kamui1423_Atsuma said: Hey, I recently a club layout and I'm just getting frustrated over the fact that the BBcode isn't working properly when I post it on the club's main page (like the sliced images aren't lining up) but when I put it on my profile or even a post, its fine. Can someone help? The BBcode is in the spoiler below. [img]https://i.imgur.com/js8WPS0.jpg[/img] [url=https://myanimelist.net/forum/?topicid=1632901][img]https://i.imgur.com/rYDdLux.jpg[/img][/url][url=https://discord.gg/453VYPP][img]https://i.imgur.com/A3vxdPU.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1541855][img]https://i.imgur.com/724gUB0.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1638081][img]https://i.imgur.com/GZ7uPlg.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1638128][img]https://i.imgur.com/1YYpTrA.jpg[/img][/url][img]https://i.imgur.com/WgbMKeQ.jpg[/img] [img]https://i.imgur.com/sWaPGYT.jpg[/img] [img]https://i.imgur.com/zvPg5P0.jpg[/img][yt]CVlyghaNP_g[/yt][img]https://i.imgur.com/wuvUKmt.jpg[/img] [img]https://i.imgur.com/Q0ex272.jpg[/img] This would get rid of any glitch gaps (I think) but I also believe the graphic is too wide for the club layout space which is different than profile and post spaces. It has to be under a certain limit (730px I think). I'd edit it and try making it less wide, how about 700-720px wide overall, then see if it works. If I recall correctly, it's a weird situation with club graphics where single pieces will fit if they total 733px, but multiple pieces won't fit even if they total 733px. So you gotta make your overall graphic a little less wide, I think. [img]https://i.imgur.com/js8WPS0.jpg[/img][url=https://myanimelist.net/forum/?topicid=1632901][img]https://i.imgur.com/rYDdLux.jpg[/img][/url][url=https://discord.gg/453VYPP][img]https://i.imgur.com/A3vxdPU.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1541855][img]https://i.imgur.com/724gUB0.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1638081][img]https://i.imgur.com/GZ7uPlg.jpg[/img][/url][url=https://myanimelist.net/forum/?topicid=1638128][img]https://i.imgur.com/1YYpTrA.jpg[/img][/url][img]https://i.imgur.com/WgbMKeQ.jpg[/img][img]https://i.imgur.com/sWaPGYT.jpg[/img][img]https://i.imgur.com/zvPg5P0.jpg[/img][yt]CVlyghaNP_g[/yt][img]https://i.imgur.com/wuvUKmt.jpg[/img][img]https://i.imgur.com/Q0ex272.jpg[/img] |
Sep 3, 2018 12:07 PM
#37
Shishio-kun said: Alextasha said: I'm so... so so so tired of MAL destroying layouts so often T_T I'm so confused with all these repairs that I'm not sure why it's not working again (pictures for anime when I hover a title of it). Can someone tell me if "malcat-gen" is still working or I should take other source for miniatures? I understand the frustration, believe me. Basically: 1. malcat gen is broken for now, since May I think. no idea if it will ever work again 2. you want the solution under "How to fix missing or blurry preview pictures (covers, thumbnails, etc)" that's referring to fixing the pictures you're talking about. You probably need @import "https://malscraper.azurewebsites.net/covers/auto/presets/animetitlebefore"; at the top of your CSS to see cover pics again. 3. The other solutions on the page are to fix other specific issues like the "Warning/Info" bar you might be seeing. But you don't need those if you dont want them and some don't apply to you. Thank you! Covers are back again. Also is there away to get rid of " Warning: The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images." I don't mean to hide that bar. I want to repair it so it won't show again. I tried that @ and " " things but it didn't change anything. I added "s" to all links. Still warning is showing up :/ @\import "https://malscraper.azurewebsites.net/covers/auto/presets/animetitlebefore"; @\import "https://fonts.googleapis.com/css?family=Varela+Round"; @\import "https://fonts.googleapis.com/css?family=Margarine"; @\import "https://dl.dropboxusercontent.com/u/55985962/fora/MAL/Alextashabefore.css"; @\import "https://storage.live.com/items/4A07C1EEED420167%21162"; body { background-attachment: fixed; background-image: url("https://s14.postimg.cc/b6z1tjv35/wallpaper_A1.jpg"); background-size: cover; } body { background-position: 0px 15%; } .table_header { background-color: hsla(0, 0%, 0%, .5); border-width: 0; padding: 2px; } .animetitle, .animetitle:visited { color: white; font-family: 'calibri',sans-serif; font-size: 14px; text-shadow: 0 2px 1px #000000; } .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color: white; font-family: 'calibri',sans-serif; font-size: 12px; text-shadow: 0 2px 1px #000000; } #list_surround { width: 720px; } #list_surround { position: absolute !important; right: 100px !important;} #list_surround { margin: inherit !important; left: inherit !important; } #list_surround { position: absolute !important; top: -30px;} body { background-color: #FBFDE8; background-repeat: no-repeat; } #list_surround { background-image: url(""); left: 2px; position: absolute; } a { text-decoration: none; } a:visited { text-decoration: none; } a:hover, a:visited:hover { color: #D3D3D3; text-decoration: underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-color: hsla(0, 0%, 0%, .5); border-width: 0; padding: 2px; } .category_totals:hover, .td1:hover, .td2:hover, #grand_totals:hover, #copyright:hover { background-color: hsla(0, 0%, 0%, .7); border-width: 0; padding: 2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info."; } .status_selected { background-color: black; color: white; display: none; padding: 2px; text-decoration: blink; } .status_not_selected { background-color: black; color: white; display: none; padding: 2px; } .status_selected a { color: blue; display: none; } .status_not_selected a { color: white; display: none; } .thickbox { color: cyan; font-family: 'Happy Monkey',cursive; font-size: 12px; text-shadow: 2px 2px 2px #000000; } .table_header { border-width: 0; font-weight: bold; padding: 2px; } .category_totals { height: 30px; text-align: center; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } #copyright, #grand_totals { margin: 0 auto; text-align: center; border-radius: 20px; } .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { height: 282px; background-position: center top; background-repeat: no-repeat; } /* Anime List only CURRENTLY WATCHING/READING HEADER This is the header above currently watching/reading. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list. */ .header_cw { background-image:url(https://s14.postimg.cc/imybf7dlt/anime-watching.png); } /* COMPLETED HEADER This is the header above completed animes and manga. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list. */ .header_completed { background-image:url(https://s14.postimg.cc/qfoz75opt/anime-completed.png); } /* ON-HOLD HEADER This is the header above your animes/mangas on-hold. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list. */ .header_onhold { background-image:url(https://s14.postimg.cc/68bjevedt/anime-onhold.png); } /* DROPPED HEADER This is the header above your dropped animes/mangas. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list. */ .header_dropped { background-image:url(https://s14.postimg.cc/au7nn7khd/anime-droped.png); } /* PLAN TO WATCH/READ HEADER This is the header above the anime/manga you plan to see or read on your list. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list. */ .header_ptw { background-image:url(https://s14.postimg.cc/mw31hejg1/anime-plan.png); } /* REMOVE HEADER COLOR You need this code to remove the default background colors from the header and override any related codes. You're supposed to use your own images or the default ones for the header, so this color is set to transparent so it won't get in the way. If you want the color back for some reason, remove this section. */ .header_title { margin-top: 250px; height: 32px; padding: 2px; color: white; font-family: 'calibri',cursive; font-size: 26px; text-align: center; text-shadow: 3px 3px 3px #000000; border-radius: 20px 20px 0 0; background-color: transparent; background-color: hsla(0, 0%, 0%, .5); border-width: 0; padding: 2px; } /* THUMBNAIL SETTINGS Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/ .hide {} /*THUMBNAIL HOVER SETTING This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */ .hide:hover { margin-left:-140px; padding-right:150px; padding-top:220px !important; background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px; position:absolute; z-index:1; } /*THUMBNAIL HOVER FLICKER FIX If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent! */ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } /*ANIMATION FOR ZOOM Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default. */ * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .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; } .animetitle:hover:before { content: ""; margin-left:-250px; margin-top: 10px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px; padding-right:150px; padding-top:220px !important; background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; position:absolute; z-index:1; } body #mal\_cs\_listinfo, body #mal\_cs\_links, body #mal\_cs\_otherlinks, body #mal\_cs\_powered { -moz-box-sizing: border-box; -moz-transition: all 0.4s ease 0s; background: none no-repeat scroll 100% 0 transparent; border: 0 none; height: 0 !important; overflow: hidden; position: absolute; right: 4px; text-align: center; top: 4px; width: 150px; z-index: 10; } body #mal\_cs\_listinfo:hover, body #mal\_cs\_links:hover, body #mal\_cs\_otherlinks:hover, body #mal\_cs\_powered:hover { height: 200px !important; padding-top: 32px; width: 150px; } body #mal\_cs\_listinfo div, body #mal\_cs\_links div, body #mal\_cs\_otherlinks div, body #mal\_cs\_powered div, body #mal\_cs\_powered dd { -moz-transition: opacity 0.4s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.6); border-radius: 3px 0 0 0; font-size: 0 !important; line-height: 0; margin: 0 !important; opacity: 0; padding: 8px 0 0; } body #mal\_cs\_listinfo:hover div, body #mal\_cs\_links:hover div, body #mal\_cs\_otherlinks:hover div, body #mal\_cs\_powered:hover div, body #mal\_cs\_powered:hover dd { opacity: 1; } body #mal\_cs\_listinfo div:nth-of-type(2), body #mal\_cs\_links div:nth-of-type(2), body #mal\_cs\_otherlinks div:nth-of-type(2), body #mal\_cs\_powered div:nth-of-type(2) { border-radius: 0 0 3px 3px; padding: 4px 0 8px; } body #mal\_cs\_listinfo a, body #mal\_cs\_links a, body #mal\_cs\_otherlinks a, body #mal\_cs\_powered a { background-color: rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; display: block; font: 13px/17px arial,sans-serif; margin: 4px 12px 0; padding: 3px 0; text-decoration: none; } body #mal\_cs\_listinfo a:nth-of-type(1), body #mal\_cs\_links a:nth-of-type(1), body #mal\_cs\_otherlinks a:nth-of-type(1), body #mal\_cs\_powered a:nth-of-type(1) { margin-top: 0; } body #mal\_cs\_listinfo a:hover, body #mal\_cs\_links a:hover, body #mal\_cs\_otherlinks a:hover, body #mal\_cs\_powered a:hover { background-color: #403C5A; } body #mal\_cs\_listinfo strong a strong { font-weight: normal; } body #mal\_cs\_otherlinks strong { color: #333333; display: block; font: bold 13px/17px arial,sans-serif !important; padding: 0 4px 4px; text-shadow: 0 1px 1px #FFFFFF; } body #mal\_cs\_otherlinks strong a { background: none repeat scroll 0 0 transparent; border-radius: 0 0 0 0; color: #333333; display: inline; font: bold 13px/17px arial,sans-serif !important; margin: 0; padding: 0; text-shadow: 0 1px 1px #FFFFFF; } body #mal\_cs\_powered a { background-color: rgba(255, 255, 255, 0.6) !important; border-radius: 3px 0 0 0 !important; display: block !important; margin: 0 !important; opacity: 0; padding: 8px 0 0 !important; } body #mal\_cs\_powered:hover a { opacity: 1; } body #mal\_cs\_powered a img { background: url("https://invise.s3.amazonaws.com/mal/mal.png") no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; display: block; height: 0; margin: 0 12px; padding: 23px 0 0 126px; width: 0; } body #mal\_cs\_powered a img:hover { background-color: #403C5A; } body #mal\_cs\_powered #search { border-radius: 0 0 3px 3px; padding: 8px; position: relative; } body #mal\_cs\_powered #search #searchBox { -moz-box-sizing: border-box; border-color: #BCBCBC #D6D6D6 #D6D6D6; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #333333; display: inline-block; font-family: arial,sans-serif; font-size: 13px; height: 28px; padding-left: 6px; padding-right: 24px; vertical-align: top; width: 100%; } body #mal\_cs\_powered #search #searchBox:hover, body #mal\_cs\_powered #search #searchBox:focus { border-color: #ACACAC #C6C6C6 #C6C6C6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } body #mal\_cs\_powered #search #searchListButton { background: url("https://invise.s3.amazonaws.com/mal/icon-go.png") no-repeat scroll 0 0 transparent; border-radius: 3px 3px 3px 3px; height: 0; margin: 0; padding: 16px 0 0 16px; position: absolute; right: 12px; top: 14px; width: 0; } body #mal\_cs\_listinfo { background-image: url("https://invise.s3.amazonaws.com/mal/icon1.png"); right: 106px; } body #mal\_cs\_listinfo:hover { background-image: url("https://invise.s3.amazonaws.com/mal/icon1-over.png"); } body #mal\_cs\_links { background-image: url("https://invise.s3.amazonaws.com/mal/icon2.png"); right: 72px; z-index: 9; } body #mal\_cs\_links:hover { background-image: url("https://invise.s3.amazonaws.com/mal/icon2-over.png"); } body #mal\_cs\_otherlinks { background-image: url("https://invise.s3.amazonaws.com/mal/icon3.png"); right: 38px; z-index: 8; } body #mal\_cs\_otherlinks:hover { background-image: url("https://invise.s3.amazonaws.com/mal/icon3-over.png"); } body #mal\_cs\_powered { background-image: url("https://invise.s3.amazonaws.com/mal/icon4.png"); right: 4px; z-index: 7; } body #mal\_cs\_powered:hover { background-image: url("https://invise.s3.amazonaws.com/mal/icon4-over.png"); } #mal\_control\_strip { position: fixed !important; } td#mal\_cs\_pic a img { display: none; } #mal\_cs\_pic, #mal\_cs\_listinfo, #mal\_cs\_links { border-right: 0 none !important; } body #mal\_cs\_listinfo, body #mal\_cs\_links, body #mal\_cs\_otherlinks, body #mal\_cs\_powered { padding: 32px 0 0; } |
Sep 3, 2018 12:50 PM
#38
Alextasha said: Also is there away to get rid of " Warning: The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images." I don't mean to hide that bar. I want to repair it so it won't show again. I tried that @ and " " things but it didn't change anything. I added "s" to all links. Still warning is showing up :/ You can't "repair" it, it was added by MAL. One solution is the Stylus theme from first post (this only hides the message for yourself). The other is adding the following code after the import lines to hide the bar with css (before the body { tag). But please bear in mind that you'll need to remove it when MAL gets rid of the warning in the future or it may cause problems, so I don't know if you want to use it. .initialize-tutorial { display: none !important; height : 1px!important; } |
Sep 4, 2018 2:43 PM
#39
Hey I've tried tossing the @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkmore"; /*@import "https://dl.dropboxusercontent.com/s/b6tbwsvxl2hucup/animecovers.css";*/ /*@import "http://mal-anime-images.appspot.com/?user=ArbiterofWhim&style=more"; */ @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkmore"; /* fix for list style problems 8/27/14. do not remove */ @import 'http://cdn.rawgit.com/VeriTi/cfc167199f0e60518c4c/raw/5108a26ded514663b042591b3a97f1c8f7f5567e/alpha_geometry.css'; @import 'http://cdn.rawgit.com/VeriTi/060b14917bfd586af951/raw/5cbe2d300c3bc1f269277a7d3f117b6cf8f4b3dd/alpha_topbar_redux.css'; body{ /* Set up a background image: */ background-image: url("http://i.imgur.com/b54J7pP.jpg"); /* Set up a point of transformation. This is the point * of image that should always be at the top and * preserve it's location at these offsets. * If you don't understand how it works, 50% 50% should * be ok in most cases. */ background-position: 60% 18%; /* Set up fonts you want to use and preferred basic size. * It will look for the first font at the list, then for * the second, etc. The last parameter describes a generic * font family, which will be used if none of the fonts are * on the user PC. The size can be also set using keywords * like xx-small, google for font-size if you want more info */ font-family: 'Segoe UI', 'Century Gothic', sans-serif; font-size: 11px; } /*LIST HOVER COLOR This configures the look of the part with sort links: * the border and the background. * Colors are in rgba format which means first three values * define a color in Red-Green-Blue mode and the last one * sets up an opacity of the color: rgba(R,G,B,a) * Use color picker in Photoshop (or other image editor), * Opera Dragonfly or Rainbow Firefox extension to get desired * RGB values and then play with opacity until you get what you * wanted. */ tr:hover [class^=td] { background-color: rgba(4, 150, 100, 0.9) !important; } .table_header{ background-color: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.25); } .table_header, .table_headerLink{ /* Color of the sort links. I used short hex notation here but * you may use whatever you want, rgb, rgba or full-hex. This * won't be mentioned below, the way to change colors is the same */ color: #FFF; /* Remove the following line if you want links to be underlined */ text-decoration: none; } .table_headerLink:hover{ /* This configures a light white glow on hovered links * Changing colors should be enough here so I'll leave it for you. * It's the same rgba we've encountered. */ text-shadow: rgba(255,255,255,0.4) -1px -1px 3px, rgba(255,255,255,0.4) 1px 1px 3px; } /* The look of the rest of the * Configures background, border and text color for non-links * I made it a bit more opaque than sorting headers */ .td1, .td2{ background-color: rgba(0,0,0,0.6); border-color: rgba(255,255,255,0.25); color: #FFF; } /* This is for the links in the rest of the */ .td1 a, .td2 a{ text-decoration: none; /* Removes underline for these */ color: #ffc700; /* Paints links orange */ } /* Glow effect on link hover. The same text-shadow property */ .td1 a:hover, .td2 a:hover{ text-shadow: #9d9d31 -1px -1px 3px, #9d9d31 1px 1px 3px; } /* This makes all text ins bold except for Edit - More */ #list_surround td[class^=td]:first-child, #list_surround td[class^=td]:nth-child(n+3), .animetitle{font-weight:bold} /* CSS sprite for Currently Watching, Completed, Dropped, etc... * Note there is only one image used for all headers. I've made an * inverted version for bright layouts: * [url=http://i.imgur.com/VImNB.png]http://i.imgur.com/VImNB.png * or you can make one yourself. It's not that difficult. */ .header_title{ background-image: url(http://i.imgur.com/VImNB.png); } /* Block displaying category totals * It's redesigned to be the part of the layout * and you've already encountered all the properties here * so it won't be hard for you to customise this. * Note that a different shadow colors used for glow effect */ .category_totals{ background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.25); color: #fff; font-weight: bold; text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px; } /* Text displaying global totals */ #grand_totals{ color: #fff; font-size: larger; font-weight: bold; text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px; /* The following line makes it ALL-CAPS */ text-transform: uppercase; } /* Modifying copyright section. It's designed to look similar * to the whole layout, ok? */ #copyright{ background-color: rgba(0,0,0,0.6); border-color: rgba(255,255,255,0.25); } #copyright:after { content: " Custom CSS by Veriti. Background edit by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info."; } /* Modifying the text color in copyright section */ #copyright, #copyright a{ color: #FFF; } /* Configures a CSS sprite for the bar at the bottom */ .status_not_selected a, .status_selected a{ background-image: url('http://i.imgur.com/rSgqF.png'); } /* 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-size: cover; left: 70px; top: 80px; height: 350px; width: 226px; 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 { background: transparent; color: white; content: ; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; 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: 442px; left: 10px; background-color: rgba(20, 30, 255, 0.85) !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; font-size: 12px; height: 145px; width: 312px; padding: 10px 10px 0px 24px; color: white !important; z-index: 1; } /* 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 if your columns are uneven in Chrome. */ @media screen and (-webkit-min-device-pixel-ratio:0) { td[class^='td']:nth-of-type(2) { width: 547px !important;} .table_header:nth-of-type(6) { display:none; } td[width="80"] { width: 189px; } } #list_surround { position: absolute !important; right: 35px !important;} /*FIX FOR END OF 2015*/ /* ---------- BACKGROUND & GLOBAL TEXT STYLING ---------- */ body{ background-repeat: no-repeat; background-position: 60% 18%; background-attachment: fixed; background-color: black; background-size: cover; color: #000; font-family: 'Segoe UI', 'Century Gothic', sans-serif; font-size: 11px; -moz-background-size: cover; } /* ---------- BLOCK SURROUNDING LIST ---------- */ #list_surround{ margin: -25px auto 0; width: 950px; } /* ---------- LAYOUT ---------- */ /* header & sort links */ .table_header{ background-color: rgba(0,0,0,0.4); border-bottom: 0px !important; border-color: rgba(255,255,255,0.25); border-style: solid; border-width: 1px 1px 0px 0px; color: #FFF; padding: 2px; } .table_headerLink{ color: #FFF; text-decoration: none; } .table_headerLink:visited{ color: #FFF; } .table_headerLink:hover{ text-shadow: rgba(255,255,255,0.4) -1px -1px 3px, rgba(255,255,255,0.4) 1px 1px 3px; } /* List body content (anime titles) */ .td1, .td2{ background-color: rgba(0,0,0,0.6); border-color: rgba(255,255,255,0.25); border-style: solid; border-width: 1px 1px 0 0; color: #FFF; padding: 2px; } /* Links in titles */ .td1 a, .td2 a{ color: #ffc700; text-decoration: none; } /* Glow effect on link hover */ .td1 a:hover, .td2 a:hover{ text-shadow: #9d9d31 -1px -1px 3px, #9d9d31 1px 1px 3px; } /* Highlighting hovered row */ t\d{ -o-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; } /* Brackets for small text like 'rewatching' or 'airing' */ .td1 small:before, .td2 small:before{ content:'('; } .td1 small:after, .td2 small:after{ content:')'; } /* This makes all text in list body bold except for Edit - More */ #list_surround td[class^='td']:first-child, #list_surround td[class^='td']:nth-child(n+3), .animetitle{font-weight:bold} .borderRBL{ border-width: 1px 1px 0 36px !important; } /* Header image for Currently Watching, Completed, Dropped, etc... */ .header_title{ color: transparent; content: none; height: 60px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 25px; width: 520px; } .header_cw di\v{ background-position: 0px 0px; } .header_completed di\v{ background-position: 0px -60px; } .header_onhold di\v{ background-position: 0px -120px; } .header_dropped di\v{ background-position: 0px -240px; } .header_ptw di\v{ background-position: 0px -180px; } /* Block displaying category totals */ .category_totals{ background-color: rgba(0,0,0,0.5); border: solid 1px rgba(255,255,255,0.25); color: #fff; font-weight: bold; padding-left: 37px !important; padding: 2px; text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px; } /* Text displaying global totals */ #grand_totals{ color: #fff; display: block; font-size: larger; font-weight: bold; padding: 5px; text-align: center; text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px; text-transform: uppercase; } /* Modifying copyright section */ #copyright{ background-color: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.25); color: white; margin-bottom: 40px; padding: 2px; } #copyright a{color: #FFF} #copyright br{display:none} /* ---------- BAR AT BOTTOM ---------- */ /* Setting a position */ #list_surround tab\le:first-of-type { bottom: 0; margin-left: -25px; position: fixed; width: 1000px; z-index: 1 !important; } /* Setting elements to display pure image */ #list_surround tab\le:first-of-type t\d { background-color: transparent; border-width: 0 !important; } .status_not_selected, .status_selected{ border-width: 0 !important; padding: 0 !important; width: auto !important; } .status_not_selected a, .status_selected a{ color: transparent !important; content: none; display: block; height: 30px; width: 150px; } /* Override size for wider parts */ .status_not_selected a[href*="status=1"],.status_selected a[href*="status=1"],.status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"]{ width: 200px; } /* Currently watching */ .status_not_selected a[href*="status=1"]{background-position: 0px 0px} .status_not_selected a[href*="status=1"]:hover{background-position: 0px 30px} .status_not_selected a[href*="status=1"]:active, .status_selected a[href*="status=1"]{background-position: 0px 60px} /* Completed */ .status_not_selected a[href*="status=2"]{background-position: -200px 0px} .status_not_selected a[href*="status=2"]:hover{background-position: -200px 30px} .status_not_selected a[href*="status=2"]:active, .status_selected a[href*="status=2"]{background-position: -200px 60px} /* On Hold */ .status_not_selected a[href*="status=3"]{background-position: -350px 0px} .status_not_selected a[href*="status=3"]:hover{background-position: -350px 30px} .status_not_selected a[href*="status=3"]:active, .status_selected a[href*="status=3"]{background-position: -350px 60px} /* Dropped */ .status_not_selected a[href*="status=4"]{background-position: -500px 0px} .status_not_selected a[href*="status=4"]:hover{background-position: -500px 30px} .status_not_selected a[href*="status=4"]:active, .status_selected a[href*="status=4"]{background-position: -500px 60px} /* Plan to watch */ .status_not_selected a[href*="status=6"]{background-position: -650px 0px} .status_not_selected a[href*="status=6"]:hover{background-position: -650px 30px} .status_not_selected a[href*="status=6"]:active, .status_selected a[href*="status=6"]{background-position: -650px 60px} /* All Anime */ .status_not_selected a[href*="status=7"]{background-position: -800px 0px} .status_not_selected a[href*="status=7"]:hover{background-position: -800px 30px} .status_not_selected a[href*="status=7"]:active, .status_selected a[href*="status=7"]{background-position: -800px 60px} .status_not_selected a, .status_selected a{ background-image: url('http://i.imgur.com/rSgqF.png'); } /* TOP BAR SETTINGS the numbers in parenthesis change the color and opacity of the bar. Get a color number easily from this page: http://www.css3maker.com/css-3-rgba. Change position to absolute to make the bar not scroll with the page. Change the background image out with the url in parenthesis. */ #mal\_control\_strip { background-color: rgba(1,1,1,.5) !important; background-image: url('http://i.imgur.com/hzPJrg4.png') !important; position:fixed; } /* OTHER CODES */ #mal\_control\_strip { background-position: bottom !important; top: -16px; height: 1px !important;} #mal\_control\_strip di\v {display:inline} #mal\_cs\_pic img {height: 24px !important; width: auto !important} #mal\_cs\_listinfo { width: 26% !important; height: 0 !important; padding-bottom: 18px !important; padding-top: 27px !important; background: ; position: absolute; top:-5px; border-right-color: rgba(0,0,0,0.8) !important;} #mal\_cs\_listinfo div:first-of-type:before {content:'Logged in as '} #mal\_cs\_listinfo div:last-of-type a {text-decoration: none} #mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline} #mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('} #mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'} #mal\_cs\_links { width: 92px !important; height: 0 !important; padding-bottom: 20px !important; padding-top: 27px !important; left: 28%; top: -7px; position: absolute; border-right-color: rgba(0,0,0,0.8) !important;} #mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;width:16px;height:16px;content:none; display: inline-block !important;color: transparent !important; letter-spacing: -1ex;font-size:xx-small} #mal\_cs\_links div:first-of-type:after {content: '\a0'} #mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px} #mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px} #mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px} #mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px} #mal\_cs\_otherlinks strong{ width: 25% !important; height: 0 !important; padding-bottom: 20px !important; padding-top: 27px !important; left:28%; margin-left: 130px; top: -5px; position: absolute; border-right-color: rgba(0,0,0,0.8) !important;} #mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:150px; margin-top: 19px;} #mal\_cs\_otherlinks div:first-of-type {float:left} #mal\_cs\_powered img {display:none} #searchBox {margin-top: 15px !important; width: 135px !important} #mal\_control\_strip img { margin-top: 15px !important; } #mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;} form[action*="logout"] { display: inline; Here's my CSS code, any thoughts? |
Sep 4, 2018 2:54 PM
#40
ArbiterofWhim said: "dataimagelinkmore" isn't one of the valid presets, try using simply "more" and see if that works, it does for me when applying it on your list.Hey I've tried tossing the @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkmore"; -snip- Here's my CSS code, any thoughts? @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; For a full list of valid presets you can reference the tools' website: [Link]. |
Sep 5, 2018 5:00 AM
#41
Valerio_Lyndon said: "dataimagelinkmore" isn't one of the valid presets, try using simply "more" and see if that works, it does for me when applying it on your list. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; For a full list of valid presets you can reference the tools' website: [Link]. Ah yep I'm an idiot lol. Thanks. |
Sep 5, 2018 7:28 PM
#42
ArbiterofWhim said: Happens to the best of us. :)Valerio_Lyndon said: "dataimagelinkmore" isn't one of the valid presets, try using simply "more" and see if that works, it does for me when applying it on your list. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; For a full list of valid presets you can reference the tools' website: [Link]. Ah yep I'm an idiot lol. Thanks. |
Sep 7, 2018 8:01 AM
#43
Can someone fix this layout for me @import url(https://malcat-gen.appspot.com/series?preset=more); @import url(https://dl.dropboxusercontent.com/s/wggulmz4ngps16c/CategoryMenu.css); @import url(https://dl.dropboxusercontent.com/s/z8gfvfjr518y8io/TabContent.css); @import url(https://dl.dropboxusercontent.com/s/f3lqxgi2ldc3ye5/TopMenu.css); @import url(https://dl.dropboxusercontent.com/s/5zfis6ca44jfhen/Style.css); I tried all the commons fix it works when i check it from my login but fails when i check it out when logged out.Yes i tried adding the \ and the " ". And even in my profile it only loads half of the anime list randomly and the rest continue to load for 15 minutes before they finally appear.Sigh this new cover generator seems to be slow |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
Sep 7, 2018 12:46 PM
#44
Cheers for the fixes. However the API is expected to be repaired in the next month, so I'm going to watch for that to return before making a move. |
Sep 7, 2018 1:11 PM
#45
_EndlessParadox_ said: Can someone fix this layout for me @import url(https://malcat-gen.appspot.com/series?preset=more); @import url(https://dl.dropboxusercontent.com/s/wggulmz4ngps16c/CategoryMenu.css); @import url(https://dl.dropboxusercontent.com/s/z8gfvfjr518y8io/TabContent.css); @import url(https://dl.dropboxusercontent.com/s/f3lqxgi2ldc3ye5/TopMenu.css); @import url(https://dl.dropboxusercontent.com/s/5zfis6ca44jfhen/Style.css); I tried all the commons fix it works when i check it from my login but fails when i check it out when logged out.Yes i tried adding the \ and the " ". And even in my profile it only loads half of the anime list randomly and the rest continue to load for 15 minutes before they finally appear.Sigh this new cover generator seems to be slow It should look like this @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; @\import "https://dl.dropboxusercontent.com/s/wggulmz4ngps16c/CategoryMenu.css"; @\import "https://dl.dropboxusercontent.com/s/z8gfvfjr518y8io/TabContent.css"; @\import "https://dl.dropboxusercontent.com/s/f3lqxgi2ldc3ye5/TopMenu.css"; @\import "https://dl.dropboxusercontent.com/s/5zfis6ca44jfhen/Style.css"; It's working 100% for me, even logged out, and your modern theme is loading fine too. Maybe wait a day after installing the new codes and see how things are then. Also there might be a browser issue, extensions can sometimes interfere with these things |
Sep 7, 2018 1:21 PM
#46
Sep 7, 2018 1:53 PM
#47
Mxscrr said: Shishio, You are simply amazing and so valuable for the community. The explanations are cristal clear and the 2nd "@import" I tried just worked fine. After the past 3 months of despair in MAL, such good news like "Anime List working again" are so motivating Thank you Wow thanks! I really appreciate it! |
Sep 10, 2018 12:17 PM
#48
Thanks for this information. I will be redoing my layouts and profile this weekend. I would do it right now but Im nephew sitting and it will be hard to concentrate with him screaming in my ear lol |
Oct 3, 2018 12:17 AM
#49
Seems that: "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore" doesn't function anymore as it returns "/* Bad referrer */" Anyone has a solution for this? |
Oct 3, 2018 1:17 AM
#50
RafaelDeJongh said: Were you trying to use it in some form of test environment (I.E not on your public list) or on your mangalist? Or, assuming you had it working prior to this and it suddenly broke, did you install any browser extensions (especially uMatrix)?Seems that: "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore" doesn't function anymore as it returns "/* Bad referrer */" Anyone has a solution for this? |
Valerio_LyndonOct 3, 2018 1:23 AM
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 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |