| @achoo_nice I was going to suggest using a fixed with with inline-block, but it looks like you've got that already sorted. :) Glad you found the solution. |
| Hello everyone, I noticed that malscraper stopped updating covers after the new api, is there a way to get new covers at the moment ? |
MurakumoJP said: Hello everyone, I noticed that malscraper stopped updating covers after the new api, is there a way to get new covers at the moment ? Is it happening now? I see covers on both our lists atm |
MurakumoJP said: Hello everyone, I noticed that malscraper stopped updating covers after the new api, is there a way to get new covers at the moment ? Is it happening now? I see covers on both our lists atm malscraper.azurewebsites.net gives an error when generating new covers. Although perhaps a mistake on my part. |
MurakumoJPJul 10, 2020 9:01 AM
MurakumoJP said: Is it happening now? I see covers on both our lists atm malscraper.azurewebsites.net gives an error when generating new covers. Although perhaps a mistake on my part. https://myanimelist.net/animelist/MurakumoJP?status=6 OK I see it now shit D: well he or she always updated it a few days after, so I would wait to see what happens |
| Hi! I want my list to sort itself based on air start date when I click 'premiered', like how it does when I click score, type or progress. I can't seem to figure out how to do it. Is there a way to sort this:- https://myanimelist.net/animelist/presidentpotato like this:- https://myanimelist.net/animelist/presidentpotato?order=14&status=7 ? |
presidentpotato said: Hi! I want my list to sort itself based on air start date when I click 'premiered', like how it does when I click score, type or progress. I can't seem to figure out how to do it. Is there a way to sort this:- https://myanimelist.net/animelist/presidentpotato like this:- https://myanimelist.net/animelist/presidentpotato?order=14&status=7 ? There isn't a way I can think of, unless you manually code the whole list to show it that way which would take forever and probably need constant updates. Maybe this would be something you'd be interested in. On my list, the top two panels in the middle link to anime recommendations and a bio.  Maybe you could do something similar that so fans and viewers of your list can get essential info you'd like to get across to them, or even a link that sorts the list how you want. Would you be interested in something like that? |
| Hello there, for my anime list, I have tried to add a snow falling effect, but for some reason my snow isn't falling. How can I fix this? https://myanimelist.net/animelist/Zhuwx1 |
 |
Zhuwx1 said: Hello there, for my anime list, I have tried to add a snow falling effect, but for some reason my snow isn't falling. How can I fix this? https://myanimelist.net/animelist/Zhuwx1 You seem to be missing the animation codes. You need the selector and codes that sort of set the animation, which you have, but you also need codes for defining the animation itself that's why its not moving. Do you know where you got the snow from? I can find the animation codes there and you can add them to your CSS as an easy fix |
| Yes I got the snow animation here: https://myanimelist.net/forum/?topicid=1467482 Thank you in advance! |
|
Zhuwx1 said: Yes I got the snow animation here: https://myanimelist.net/forum/?topicid=1467482 Thank you in advance! OK try adding to the bottom @keyframes Falling { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } @-webkit-keyframes Falling { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } |
| it's working! Tysm |
|
| Ok, so I need some help. In my list there is a huge gap that I want to get rid of between the banner and the list, which lines should i delete to make that happen? Thanks in advance! P.S: I am using the One Piece preset that was on this site https://myanimelist.net/animelist/zera_scarlet |
zera_scarletJul 25, 2020 1:43 PM
zera_scarlet said: Ok, so I need some help. In my list there is a huge gap that I want to get rid of between the banner and the list, which lines should i delete to make that happen? Thanks in advance! P.S: I am using the One Piece preset that was on this site https://myanimelist.net/animelist/zera_scarlet Add this CSS to the bottom of your current code. /*
LIST BANNER SPACING
*/
body {
/* Change spacing here - default value is 500px */
--table-top-spacing: 36px;
}
.list-unit {
padding-top: var(--table-top-spacing);
}
.list-block .list-unit .list-status-title::after {
height: calc(var(--table-top-spacing) + 255px) !important;
background-size: cover;
margin-top: calc(var(--table-top-spacing) * -1) !important;
}
.list-unit .list-status-title .stats {
margin-top: calc((var(--table-top-spacing) * -1) - 50px);
}
.list-table .list-table-header {
margin-top: calc(var(--table-top-spacing) * -1 - 15px);
}It should remove the space with its current settings, but if you want a bit more or less space, feel free to change the top-most number (the "36px"). |
Valerio_Lyndon said: zera_scarlet said: Ok, so I need some help. In my list there is a huge gap that I want to get rid of between the banner and the list, which lines should i delete to make that happen? Thanks in advance! P.S: I am using the One Piece preset that was on this site https://myanimelist.net/animelist/zera_scarlet Add this CSS to the bottom of your current code. /*
LIST BANNER SPACING
*/
body {
/* Change spacing here - default value is 500px */
--table-top-spacing: 36px;
}
.list-unit {
padding-top: var(--table-top-spacing);
}
.list-block .list-unit .list-status-title::after {
height: calc(var(--table-top-spacing) + 255px) !important;
background-size: cover;
margin-top: calc(var(--table-top-spacing) * -1) !important;
}
.list-unit .list-status-title .stats {
margin-top: calc((var(--table-top-spacing) * -1) - 50px);
}
.list-table .list-table-header {
margin-top: calc(var(--table-top-spacing) * -1 - 15px);
}It should remove the space with its current settings, but if you want a bit more or less space, feel free to change the top-most number (the "36px"). Perfect! Thank you! |
| Hey everybody, I'm attempting to modify my list's CSS to cover up hentai unless they hover over it. I've attempted using methods involving tags and nothing has worked so far, no matter what I do. Could someone help me? |
  |
coreynj said: Hey everybody, I'm attempting to modify my list's CSS to cover up hentai unless they hover over it. I've attempted using methods involving tags and nothing has worked so far, no matter what I do. Could someone help me? The solutions you are using were made for a different list design, and therefore don't work quite right on the design you're currently using. Delete what you've pasted (from lines 1102-1149 [image: lines highlighted in red]). Then, replace it with this modified code: |
Valerio_Lyndon said: You're a lifesaver. Now let me take the next 4 hours to go over this line by line and take notes to understand what you did so I can hopefully do it myself if I have a problem like this again.coreynj said: Hey everybody, I'm attempting to modify my list's CSS to cover up hentai unless they hover over it. I've attempted using methods involving tags and nothing has worked so far, no matter what I do. Could someone help me? The solutions you are using were made for a different list design, and therefore don't work quite right on the design you're currently using. Delete what you've pasted (from lines 1102-1149 [image: lines highlighted in red]). Then, replace it with this modified code: |
|
| My list seems to cap off at 300 whenever I use 5cm's modern list layout design, any fixes? |
EGOIST said: My list seems to cap off at 300 whenever I use 5cm's modern list layout design, any fixes? I've seen this issue before, it's rather a nuisance. The easiest fix is to force a vertical page overflow (visual overflow) that causes the scrollbar to appear and then scrolling up and down to make new items load. This can be done by either zooming in a ton using your web browser's zoom function, or causing an element to be oversized using CSS. But, this is a highly inelegant solution. I can probably make a better solution where it will act as normal, using the page scroll. The scrollbar will be less aesthetically pleasing as it won't be next to the list, but a small price to pay for a functional list. However, it will require rewriting a bunch of the theme so I can't get around to it tonight. I'll probably do it tomorrow since I've seen some other people with this issue before. For an explanation of why: MAL seems to trigger the loading of new entries when the page scroll hits the bottom. This specific list design does not scroll the page at all. It scrolls the list of entries itself, leaving the page completely scroll-less. This means new entries will never load unless forced by the aformentioned methods. |
Valerio_Lyndon said: Thank you very much, I appreciate the fix!@EGOIST I have made the previously mentioned changes, and it is working when I test it. If you want to check it out, I've posted in in my response here: [Link]. |
| hi! so is it possible to make the 'mal' menu show up on top instead of overlapping with the 'sort' menu and my banner avatar? if someone could help me with that, that'd be great! here's an image of what i'm talking about:  |
idylliqs said: hi! so is it possible to make the 'mal' menu show up on top instead of overlapping with the 'sort' menu and my banner avatar? if someone could help me with that, that'd be great! https://i.imgur.com/LRXdfFi.png Add this to the bottom of your CSS: /* Menu layering priority fix */
.list-menu-float { z-index: 250; }
/* Menu hitbox fix */
.list-menu-float,
.list-table-header
{ pointer-events: none; }
.list-menu-float:hover,
.list-menu-float::before,
.list-table-header:hover,
.list-table-header::before
{ pointer-events: auto; }I also included a change to the menu "hitboxes", so that you can click all the buttons in each menu, but feel free to not use that part if you don't want to. |
| is it just me or can you not download Stylus rn. im following shishio's tutorial for the "Customize the forum" but the link for stylus only shows an error page and the page for stylus on the chrome web store is also showing an error. edit: ok its definitely an error on my end because chrome web store is completely blank. it says there are no results in the chrome web store. uhhhh anyone know what might be causing this? |
KalvusAug 2, 2020 8:34 PM
   |
Kalvus said: is it just me or can you not download Stylus rn. im following shishio's tutorial for the "Customize the forum" but the link for stylus only shows an error page and the page for stylus on the chrome web store is also showing an error. edit: ok its definitely an error on my end because chrome web store is completely blank. it says there are no results in the chrome web store. uhhhh anyone know what might be causing this? Either of these links work? https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en |
Shishio-kun said: Thanks for replying but i ended up just restarting my PC and it worked again. It was really strange before tho, literally everywhere i scrolled on the site it would just say no results. Kalvus said: is it just me or can you not download Stylus rn. im following shishio's tutorial for the "Customize the forum" but the link for stylus only shows an error page and the page for stylus on the chrome web store is also showing an error. edit: ok its definitely an error on my end because chrome web store is completely blank. it says there are no results in the chrome web store. uhhhh anyone know what might be causing this? Either of these links work? https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en but while we are at it, im using that one Your name list layout but whenever i try to change the avatar the gif doesn't fit the box. This happens for every gif i use no matter the size. Ill change the list to the messed up version until you see it(then ill change it back), if you check you'll understand what i mean. Do you know any fixes to this problem? Thanks so much |
KalvusAug 2, 2020 10:41 PM
| |
| Hey there~ I've been trying to make a new signature (my current one is pretty bland) and the look im going for is having a gif in the middle with 2 different images on the sides. However even after watching the video on bbcodes the images I was trying to align on the sides wouldnt show up (the main gif wouldnt go in the middle either), heres the code I used |
ReintardAug 14, 2020 4:22 PM
 |
Kalvus said: Shishio-kun said: Thanks for replying but i ended up just restarting my PC and it worked again. It was really strange before tho, literally everywhere i scrolled on the site it would just say no results. Either of these links work? https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en but while we are at it, im using that one Your name list layout but whenever i try to change the avatar the gif doesn't fit the box. This happens for every gif i use no matter the size. Ill change the list to the messed up version until you see it(then ill change it back), if you check you'll understand what i mean. Do you know any fixes to this problem? Thanks so much Wow your profile looks nice! :O Oops I haven't checked on this thread in a while. Can you post the GIF here you're trying to use for the avatar? I don't know anything about this problem and need to see it in action |
ReinIsAWeeb said: Hey there~ I've been trying to make a new signature (my current one is pretty bland) and the look im going for is having a gif in the middle with 2 different images on the sides. However even after watching the video on bbcodes the images I was trying to align on the sides wouldnt show up (the main gif wouldnt go in the middle either), heres the code I used It's kind of hard to align all those pics together because I think they add spaces at the top. Please post the original BBcode here and I'll see what I can do to get them to align better |
Shishio-kun said: it’s not any specific gif. Every gif I use doesn’t automatically fit the avatar box, No matter what size gif I use. It’s as if the gif is auto sizing to the wrong size. Every gif I use auto sizes to fit only half of the box.Kalvus said: Thanks for replying but i ended up just restarting my PC and it worked again. It was really strange before tho, literally everywhere i scrolled on the site it would just say no results. but while we are at it, im using that one Your name list layout but whenever i try to change the avatar the gif doesn't fit the box. This happens for every gif i use no matter the size. Ill change the list to the messed up version until you see it(then ill change it back), if you check you'll understand what i mean. Do you know any fixes to this problem? Thanks so much Wow your profile looks nice! :O Oops I haven't checked on this thread in a while. Can you post the GIF here you're trying to use for the avatar? I don't know anything about this problem and need to see it in action |
| |
Kalvus said: Shishio-kun said: it’s not any specific gif. Every gif I use doesn’t automatically fit the avatar box, No matter what size gif I use. It’s as if the gif is auto sizing to the wrong size. Every gif I use auto sizes to fit only half of the box.Wow your profile looks nice! :O Oops I haven't checked on this thread in a while. Can you post the GIF here you're trying to use for the avatar? I don't know anything about this problem and need to see it in action OK I see now. It fits any GIF into it but I think it's meant for square GIFs only. Maybe the original layouts should all be adjusted @_@ Add these codes to the bottom of the CSS and they'll be the new avatar codes. It'll fit a GIF in better and show the center of it. I got a test GIF in there already as an example. /* NEW BANNER AVATAR */ .list-table .list-table-header:after { background-image: url(https://i.imgur.com/nn8rm6P.gif); background-size: cover !important; background-position: center center; } |
Shishio-kun said: ReinIsAWeeb said: Hey there~ I've been trying to make a new signature (my current one is pretty bland) and the look im going for is having a gif in the middle with 2 different images on the sides. However even after watching the video on bbcodes the images I was trying to align on the sides wouldnt show up (the main gif wouldnt go in the middle either), heres the code I used It's kind of hard to align all those pics together because I think they add spaces at the top. Please post the original BBcode here and I'll see what I can do to get them to align better Ah thank you so much! I replaced all the "[" with { in order for the code to not input if you dont mind~ {img align= right} https://imgur.com/a/KxSiDXM {/img} {img align=left} https://imgur.com/a/rWkYTz5 {/img} {img}https://i.imgur.com/pquqXOZ.gif{/img} |
|
Shishio-kun said: thank you so much!Kalvus said: it’s not any specific gif. Every gif I use doesn’t automatically fit the avatar box, No matter what size gif I use. It’s as if the gif is auto sizing to the wrong size. Every gif I use auto sizes to fit only half of the box. OK I see now. It fits any GIF into it but I think it's meant for square GIFs only. Maybe the original layouts should all be adjusted @_@ Add these codes to the bottom of the CSS and they'll be the new avatar codes. It'll fit a GIF in better and show the center of it. I got a test GIF in there already as an example. /* NEW BANNER AVATAR */ .list-table .list-table-header:after { background-image: url(https://i.imgur.com/nn8rm6P.gif); background-size: cover !important; background-position: center center; } |
| |
| I've seen a couple people do this, but id like to make all my text white. Like how theres dark blue themes, I want all the main colored things white, anybody know how I could do this. |
| Aria is the greatest manga of all time |
ReinIsAWeeb said: Shishio-kun said: It's kind of hard to align all those pics together because I think they add spaces at the top. Please post the original BBcode here and I'll see what I can do to get them to align better Ah thank you so much! I replaced all the "[" with { in order for the code to not input if you dont mind~ {img align= right} https://imgur.com/a/KxSiDXM {/img} {img align=left} https://imgur.com/a/rWkYTz5 {/img} {img}https://i.imgur.com/pquqXOZ.gif{/img} You can just post the BBcode like normal because when I quote the post I can see the original BBcode you entered. Makes things much easier. Otherwise I have to rebuild the entire signature Well the best thing I think is to add some transparent space to the top of the GIF [center][img align=right]https://i.imgur.com/JSYiFPb.png[/img][img align=left]https://i.imgur.com/BRfdFlO.png[/img][img]https://i.imgur.com/7aLKRHk.gif[/img][/center]    |
Shishio-kunAug 18, 2020 6:06 PM
Shishio-kun said:   ReinIsAWeeb said: Ah thank you so much! I replaced all the "[" with { in order for the code to not input if you dont mind~ {img align= right} https://imgur.com/a/KxSiDXM {/img} {img align=left} https://imgur.com/a/rWkYTz5 {/img} {img}https://i.imgur.com/pquqXOZ.gif{/img} You can just post the BBcode like normal because when I quote the post I can see the original BBcode you entered. Makes things much easier. Otherwise I have to rebuild the entire signature Thank you so much! It looks amazing and yeah Ill try to do that next time sorry for the trouble. |
|
DillonA said: I've seen a couple people do this, but id like to make all my text white. Like how theres dark blue themes, I want all the main colored things white, anybody know how I could do this. Add this to the bottom of your CSS *, a, .list-table .list-table-data .data a {color: white !important;} I also have a video on fonts that might go over this and does go over a lot of font stuff |
@ReinIsAWeeb Did you see the updated post? I better aligned them here. You quoted the post when I was still working on the sig[center][img align=right]https://i.imgur.com/JSYiFPb.png[/img][img align=left]https://i.imgur.com/BRfdFlO.png[/img][img]https://i.imgur.com/7aLKRHk.gif[/img][/center] |
blissom said: hello, i need help with changing the color of headers in my list, changing the color shadows of words, and how to add in the code that when you hover your mouse over the anime/manga title, the cover photo of the said anime/manga shows up headers: .table_header, .category_totals { background-color: red !important; } or .table_header, .category_totals { background-color: #0abc01; } or .table_header, .category_totals { background-color: rgba(255,0,0,.9); } text shadow: .animetitle { text-shadow: 1px 1px 1px rgba(255,255,255,1); } or .animetitle { text-shadow: 1px 1px 1px red; } or .animetitle { text-shadow: 1px 1px 1px #0abc01; } You add these codes to the bottom of the CSS. You can customize the colors with the numbers after rgba in some of those codes. You use the numbers in parenthesis. The #0abc01 is an HTML color You can generate different colors for HTML and RGBA here: https://www.hexcolortool.com/ For the last thing you'll have to pick one from here https://myanimelist.net/forum/?topicid=1162203 |
Shishio-kunAug 18, 2020 10:47 PM
Shishio-kun said: @ReinIsAWeeb Did you see the updated post? I better aligned them here. You quoted the post when I was still working on the sig [center][img align=right]https://i.imgur.com/JSYiFPb.png[/img][img align=left]https://i.imgur.com/BRfdFlO.png[/img][img]https://i.imgur.com/7aLKRHk.gif[/img][/center] Ah thank you so much for working on it <3 |
|
ReinIsAWeeb said: Shishio-kun said: @ReinIsAWeeb Did you see the updated post? I better aligned them here. You quoted the post when I was still working on the sig [center][img align=right]https://i.imgur.com/JSYiFPb.png[/img][img align=left]https://i.imgur.com/BRfdFlO.png[/img][img]https://i.imgur.com/7aLKRHk.gif[/img][/center] Ah thank you so much for working on it <3 Awesome! It looks good :D |
blissom said: Shishio-kun said: tysm! for the cover photos, when i try to edit the covers to pop/show out, the picture only shows if i click "more"headers: .table_header, .category_totals { background-color: red !important; } or .table_header, .category_totals { background-color: #0abc01; } or .table_header, .category_totals { background-color: rgba(255,0,0,.9); } text shadow: .animetitle { text-shadow: 1px 1px 1px rgba(255,255,255,1); } or .animetitle { text-shadow: 1px 1px 1px red; } or .animetitle { text-shadow: 1px 1px 1px #0abc01; } You add these codes to the bottom of the CSS. You can customize the colors with the numbers after rgba in some of those codes. You use the numbers in parenthesis. The #0abc01 is an HTML color You can generate different colors for HTML and RGBA here: https://www.hexcolortool.com/ For the last thing you'll have to pick one from here https://myanimelist.net/forum/?topicid=1162203 Which cover style are you trying to use? You have to be really specific. https://myanimelist.net/forum/?topicid=1162203 |
 @blissom hmm this seems to work on preview, does it work for you? Please leave it up if it doesn't work so I can see any problem and try to fix it |
Shishio-kun said: hello! i put in what you sent and it worked! i'm not sure what the issue was when i was inputting it in earlier, but tysm :) is there a way to put the cover photo more to the right so it doesn't go over the progress and tags? also do i put in the same code for the manga section as well?@blissom hmm this seems to work on preview, does it work for you? Please leave it up if it doesn't work so I can see any problem and try to fix it |
blissom said: Shishio-kun said: hello! i put in what you sent and it worked! i'm not sure what the issue was when i was inputting it in earlier, but tysm :) is there a way to put the cover photo more to the right so it doesn't go over the progress and tags? also do i put in the same code for the manga section as well?@blissom hmm this seems to work on preview, does it work for you? Please leave it up if it doesn't work so I can see any problem and try to fix it Go to the bottom of the code and scroll up a little to /* COVER AREA under there is left and top codes. You can change the number to move the cover pic. You can try the code on the manga list, and if it doesn't work right, we have to change the line at the top to a manga import but it should be available |
Shishio-kun said: hello, yes i changed the top part and changed the parts to suit my mangalist more, but now the covers aren't showing up. only one cover shows and its different from the actual title.blissom said: hello! i put in what you sent and it worked! i'm not sure what the issue was when i was inputting it in earlier, but tysm :) is there a way to put the cover photo more to the right so it doesn't go over the progress and tags? also do i put in the same code for the manga section as well? Go to the bottom of the code and scroll up a little to /* COVER AREA under there is left and top codes. You can change the number to move the cover pic. You can try the code on the manga list, and if it doesn't work right, we have to change the line at the top to a manga import but it should be available |
More topics from this board
» 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 |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |