New
Jan 24, 2022 6:28 AM
#1
I am looking for a way we could hide/remove all the hentai on a user's list via a PHP import (that would be placed at the top of the custom list CSS). Can anyone help, please? It's been a long-requested user feature. I don't know anything about PHP btw haha. I was hoping for a PHP script we could import, that would do something like 1. Check if an anime row has "Hentai" in the genre or some kind of user set tag like "hentai" or "hide" https://i.imgur.com/gbrcrdx.png 2. Remove that row from the HTML, or hide the entire row with CSS display none or something like that https://i.imgur.com/NWmxzAO.png If I could get a PHP script for this I could upload it somewhere, then make it available as an import to users they can at at the top of their CSS to remove the hentai from view instantly from all users! You can import a PHP script to your list, I've done this many times, and do some things to your list this way which you can't do with CSS afaik. I have some of the scripts we used like 10 years ago here if you want to look at them (credit goes to https://myanimelist.net/profile/u531355). They can do things like randomize your CSS, blacklist users, send a file to a certain address, etc https://pastebin.com/raw/QL9t4nFk |
Shishio-kunAug 1, 2022 11:43 AM
Reply Disabled for Non-Club Members
Feb 10, 2022 2:19 PM
#2
this could also be done with that API CSS generator Squashbucklr made too the last time I tried writing a PHP script to just add synopsis's to the list it was too slow for PHP and I also didn't realize the PHP had to be hosted with SSL so it has an https url. if you look at my manga list now I'm currently using that PHP code to randomly import banner/background images on my manga list, but i had to modify it a bit https://github.com/shaggyze/Themes but not sure if I'd be able to do this or if it'd be fast enough, the thing is sites like malscraper take time to build the list and create cron jobs and such to generate it once every 24 hours if it's actively being imported, etc so a lot of work goes into it. Edit now that I think about it again I could just write a CSS file that has every Hentai ID# and the display:none code and upload it to my host, we really don't need to do all the complicated stuff like checking what they have on their list and generating the css though that would require me keeping it updated which eventually I'd slack on Edit2: Creating the list of hentai ID#'s is the easy part, another reason this would need to be done with a PHP script is to target the whole row with data-item, nth child or whatever so yea it'd need to be generated, but if you could help me find a selector or a few, that can do that using the anime id# then I can slap something quick and easy together. the closest I have found is td > a[href*="/50161/"], span.add a[href*="=50161&"], .list-table a[href*="/50161/"], #more-50161 { display: none !important; } #tags-50161 { font-size: 0 !important; } a[href$="&genre=12"], a[href$="&genre=26"], a[href$="&genre=28"], a[href$="&genre=49"] { display: none !important; } |
ShaggyZEFeb 11, 2022 4:35 AM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Feb 11, 2022 4:08 AM
#3
@Shishio-kun here is a working concept, it's designed for default MAL and there could be more CSS tweaks made to possibly make it look cleaner/empty or completely removed, but I'll wait till you get back to me on that, will update my Scraper/CSS generator in a day or two to allow people to make their own versions especially if they use custom themes with HD covers on mouse hover and what not./* Hide Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Hentai.css"; /* Optional Show Owner Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Show%20Hentai.css"; I'll also be creating a CSS file Mod - Show Hentai using [data-owner="1"] so you can optionally still view them yourself when logged in. |
ShaggyZEFeb 24, 2022 9:19 AM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Feb 11, 2022 7:02 AM
#4
ShaggyZE said: @Shishio-kun here is a working concept, it's designed for default MAL and there could be more CSS tweaks made to possibly make it look cleaner/empty or completely removed, but I'll wait till you get back to me on that, will update my Scraper/CSS generator in a day or two to allow people to make their own versions especially if they use custom themes with HD covers on mouse hover and what not. @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Hentai.css"; I'll also be creating a CSS file Mod - Show Hentai using [data-owner="1"] so you can optionally still view them yourself when logged in. OK thanks, this is close! Good work. You can remove more with these td#tags-6465 ~ * { background: red; display: none; } div.progress-6465 { background: red; display: none !important; } td#tags-6465 { background: red; display: none; } Selecting and removing the entire row based on the ID however, unfortunately, I've never been able to find out how to do that. With what you have here we could also censor the hentai cover and title at least which is what one layout does that's pretty helpful. Also maybe the title and cover could be changed to "deleted anime" (with before codes) and also make the links unclickable, this way any person visiting the list and also unaware of the censoring import would just assume its deleted lol and couldnt find out what it was. I can whip up a version later, I think :D |
Feb 11, 2022 3:07 PM
#5
Shishio-kun said: OK thanks, this is close! Good work. You can remove more with these td#tags-6465 ~ * { background: red; display: none; } div.progress-6465 { background: red; display: none !important; } td#tags-6465 { background: red; display: none; } Selecting and removing the entire row based on the ID however, unfortunately, I've never been able to find out how to do that. With what you have here we could also censor the hentai cover and title at least which is what one layout does that's pretty helpful. Also maybe the title and cover could be changed to "deleted anime" (with before codes) and also make the links unclickable, this way any person visiting the list and also unaware of the censoring import would just assume its deleted lol and couldnt find out what it was. I can whip up a version later, I think :D this is the best I could come up with, with all that in mind, it might be possible to upload an image with "image deleted" or something to replace the cover instead of blurring it out or you might come up with something that works. span.add a[href*="=35926&"], .add-edit-more a[href*="/35926/"], #more-35926, .progress-35926, #tags-35926, #tags-35926 ~ * { display: none !important; } .data.image a[href*="/35926/"] { filter: blur(8px) !important; } .data.title a[href*="/35926/"] { font-size: 0px !important; } .data.title a[href*="/35926/"]:after { font-size: 12px; content: "deleted anime"; } td > a[href*="/35926/"] { pointer-events: none !important; } |
ShaggyZEFeb 12, 2022 6:52 AM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Mar 1, 2022 7:35 AM
#6
ShaggyZE said: Shishio-kun said: OK thanks, this is close! Good work. You can remove more with these td#tags-6465 ~ * { background: red; display: none; } div.progress-6465 { background: red; display: none !important; } td#tags-6465 { background: red; display: none; } Selecting and removing the entire row based on the ID however, unfortunately, I've never been able to find out how to do that. With what you have here we could also censor the hentai cover and title at least which is what one layout does that's pretty helpful. Also maybe the title and cover could be changed to "deleted anime" (with before codes) and also make the links unclickable, this way any person visiting the list and also unaware of the censoring import would just assume its deleted lol and couldnt find out what it was. I can whip up a version later, I think :D this is the best I could come up with, with all that in mind, it might be possible to upload an image with "image deleted" or something to replace the cover instead of blurring it out or you might come up with something that works. span.add a[href*="=35926&"], .add-edit-more a[href*="/35926/"], #more-35926, .progress-35926, #tags-35926, #tags-35926 ~ * { display: none !important; } .data.image a[href*="/35926/"] { filter: blur(8px) !important; } .data.title a[href*="/35926/"] { font-size: 0px !important; } .data.title a[href*="/35926/"]:after { font-size: 12px; content: "deleted anime"; } td > a[href*="/35926/"] { pointer-events: none !important; } Thank you, I haven't forgotten about this, we'll get back to it soon and it's a big help. When complete we'll share it to all and credit you :D |
Mar 3, 2022 12:08 PM
#7
Shishio-kun said: Thank you, I haven't forgotten about this, we'll get back to it soon and it's a big help. When complete we'll share it to all and credit you :D I made two manga versions that include Hentai and Erotica as well as body[data-work="manga"] to prevent it from hiding anime id#s in case people don't use two separate themes and it's also its own separate file because it's 20,000 lines. @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Manga%20Hentai-Erotica.css"; If it lags too bad (which it does on my PC) people can always make their own using [Tool] Anime information CSS generator Method User-Anime or User-Manga and the Template and Filters that these .css files use. Also, I added the "deleted anime/manga" but it didn't work on one of the themes I use, but it can be restored by removing .data.title a[href*="/[ID]/"] { display: none !important; } and I also wasn't able to replace the cover with another for both default theme and custom themes which also have a large HD cover on hover (didn't spend too much time trying) so we'll still need to find the best code to use for that to also hopefully solve these issues on all layouts whenever you're free. |
ShaggyZEMar 3, 2022 2:47 PM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 3, 2022 11:18 AM
#8
@ShaggyZE: OK I'm finally getting around to this, you've done really great work on it man, so we'll plan to mass message it to everyone this week and credit you! :D Can I get an alternative version that does this in the import please: /* Kangoku Senkan - Rx - Hentai */ body[data-work="anime"] span.add a[href*="=6465&"], body[data-work="anime"] .add-edit-more a[href*="/6465/"], body[data-work="anime"] #more-6465, body[data-work="anime"] .progress-6465, body[data-work="anime"] #tags-6465, body[data-work="anime"] #tags-6465 ~ * { display: none !important; } body[data-work="anime"] .data.image a[href*="/6465/"] { visibility: hidden;} body[data-work="anime"] .data.title a[href*="/6465/"] { font-size: 0 !important; } body[data-work="anime"] .data.title a[href*="/6465/"]:after { font-size: 12px; content: "Deleted Anime"; position: relative !imporant;} body[data-work="anime"] td > a[href*="/6465/"] { pointer-events: none !important; } body[data-work="anime"] .data.image a[href*="/6465/"]:before { background-image: url(https://imgur.com/1lc1ACT.jpg); visibility: visible !important; } the body[data-work="anime"] .data.image a[href*="/6465/"] and body[data-work="anime"] .data.title a[href*="/6465/"] codes were changed a bit, and I added body[data-work="anime"] .data.image a[href*="/6465/"]:before { background-image: url(https://imgur.com/pkYHauO.jpg); visibility: visible !important; } And then they add this to their CSS bottom, these codes are needed to make the shrugging girl appear so I think it's better the user just puts this part in the CSS themselves, and after that the user can adjust the width and height as they please depending on the cover pic size they've chosen. btw the default cover pic resolution has been upped greatly and we may start phasing out the high res image cover imports at Kineta's request (only high level users would use them for perfecting resolution on the layouts). .data.image a:before { height: 70px; width: 50px; content: ""; display: block; margin-left: 0; margin-top: 0; position: absolute; background-position: center center; background-size: cover !important; background-repeat: no-repeat; } It gives them this result below. I'm hiding the masterpiece Kangoku Senkan! :D The final result full set of codes is this and works on my list if u wanna test it (Completed) https://myanimelist.net/animelist/Shishio-kun /* Kangoku Senkan - Rx - Hentai */ body[data-work="anime"] span.add a[href*="=6465&"], body[data-work="anime"] .add-edit-more a[href*="/6465/"], body[data-work="anime"] #more-6465, body[data-work="anime"] .progress-6465, body[data-work="anime"] #tags-6465, body[data-work="anime"] #tags-6465 ~ * { display: none !important; } body[data-work="anime"] .data.image a[href*="/6465/"] { visibility: hidden;} body[data-work="anime"] .data.title a[href*="/6465/"] { font-size: 0 !important; } body[data-work="anime"] .data.title a[href*="/6465/"]:after { font-size: 12px; content: "Deleted Anime"; position: relative !imporant;} body[data-work="anime"] td > a[href*="/6465/"] { pointer-events: none !important; } body[data-work="anime"] .data.image a[href*="/6465/"]:before { background-image: url(https://imgur.com/pkYHauO.jpg); visibility: visible !important; } .data.image a:before { height: 70px; width: 50px; content: ""; display: block; margin-left: 0; margin-top: 0; position: absolute; background-position: center center; background-size: cover !important; background-repeat: no-repeat; } |
Shishio-kunApr 3, 2022 11:54 AM
Apr 3, 2022 1:20 PM
#9
The problem is I already have enough CSS I have to keep updated for Synopsis and stuff so I don't really want to make an alternative so I'll just rebuild the current anime/manga ones using your code. until we get an API that has templates like these, this is the only way. I was thinking I'd rather use an image with words like "image deleted", but I think more people would like your image on my anime list the image on hover is replaced, but not the default image (it is removed) and title is also untouched, it is an older theme. on my manga list (clarity) the image on hover is replaced, but not the default image (it is removed) however the title is replaced. Edit: it works fine on your list and default themes, I forgot to add the .data.image a:before code. I know eventually, I might slack and not update the import as often as people would like, plus for people that want to hide their manga the CSS is entirely too big and causes lag so it would be wise for them to learn how to make the CSS themselves using my [Tool] Anime information CSS generator I will wait a bit to see if you make any changes to the code as building it takes my PC like a day. |
ShaggyZEApr 3, 2022 1:57 PM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 3, 2022 1:55 PM
#10
@ShaggyZE OK I guess we might need to rewrite the image and title codes in anticipation of the many layouts out there, so I will look into this later this week I know we want this to use this part /* 15_Bishoujo_Hyouryuuki on your Completed list */ body[data-work="anime"] span.add a[href*="=5762&"], body[data-work="anime"] .add-edit-more a[href*="/5762/"], body[data-work="anime"] #more-5762, body[data-work="anime"] .progress-5762, body[data-work="anime"] #tags-5762, body[data-work="anime"] #tags-5762 ~ * { display: none !important; } body[data-work="anime"] td > a[href*="/5762/"] { pointer-events: none !important; } Because this cuts off everything but the title and image and makes the links unclickable. Then it needs something for the images and titles, there's a lot of options so I'll try some things out |
Apr 3, 2022 2:41 PM
#11
Also if it's not too much trouble take a look at my https://shaggyze.github.io/Themes/Mod%20-%20Show%20Anime%20Hentai.css to reverse the changes just for the owner, I compacted too many codes into one instead of dealing with them individually but would be nice to have an import ready for those that only want it hidden for other people without screwing up their list too much. |
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 3, 2022 2:56 PM
#12
OK I think I have a version for the thumbnail. The bottom codes have to be added manually and adjusted according to the thumbnail customization as shown on the list, so it can work on yours and I think any layout. The default layouts use a height of 70px thankfully Next I'll look into the cover pic and titles, I think the hardest part was probably finding how to make the thumbnail consistent /* 15_Bishoujo_Hyouryuuki on your Completed list */ body[data-work="anime"] span.add a[href*="=5762&"], body[data-work="anime"] .add-edit-more a[href*="/5762/"], body[data-work="anime"] #more-5762, body[data-work="anime"] .progress-5762, body[data-work="anime"] #tags-5762, body[data-work="anime"] #tags-5762 ~ * { display: none !important; } body[data-work="anime"] td > a[href*="/5762/"] { pointer-events: none !important; } body[data-work="anime"] .data.image a[href*="/5762/"] .image{ visibility: hidden !important; } body[data-work="anime"] .data.image a[href*="/5762/"]:after { background-image: url(https://imgur.com/pkYHauO.jpg) !important; } /* User must add and adjust */ body[data-work="anime"] .data.image a:after{ background-size:cover; content: ""; height: 70px; width: 50px; margin-left: -50px; position: absolute; background-position: center center; pointer-events: none; } |
Apr 3, 2022 3:03 PM
#13
ShaggyZE said: Also if it's not too much trouble take a look at my https://shaggyze.github.io/Themes/Mod%20-%20Show%20Anime%20Hentai.css to reverse the changes just for the owner, I compacted too many codes into one instead of dealing with them individually but would be nice to have an import ready for those that only want it hidden for other people without screwing up their list too much. Well to reverse the changes just for the owner, wouldn't the easiest way be for them to block https://shaggyze.github.io/Themes/Mod%20-%20Show%20Anime%20Hentai.css in their browser somehow? I don't know how to do that tho I found a way with Dev Tools (right click Inspect Element in Opera and I assume Chrome), will show tomorrow cuz I gotta go now (I go to bed really early and wake up super early O_O). It's pretty easy to do thankfully |
Shishio-kunApr 3, 2022 3:12 PM
Apr 3, 2022 3:15 PM
#14
Shishio-kun said: technically they would need to block the Hide CSS, but I also don't know of a way to do that, especially across multiple devices/browsers so reversing the CSS is best I could come up with.ShaggyZE said: Also if it's not too much trouble take a look at my https://shaggyze.github.io/Themes/Mod%20-%20Show%20Anime%20Hentai.css to reverse the changes just for the owner, I compacted too many codes into one instead of dealing with them individually but would be nice to have an import ready for those that only want it hidden for other people without screwing up their list too much. Well to reverse the changes just for the owner, wouldn't the easiest way be for them to block https://shaggyze.github.io/Themes/Mod%20-%20Show%20Anime%20Hentai.css in their browser somehow? I don't know how to do that tho the default image works on my anime list now, granted I will have to adjust it on my layout so it's smaller and round, but things like that per layout is understandable, it still needs the :before code else the on hover image is not replaced. body[data-work="anime"] .data.image a[href*="/5762/"]:before { background-image: url(https://imgur.com/pkYHauO.jpg); visibility: visible !important; } don't think it's working on my manga list, but the fact the image is removed is fine too, so is more important to have the title removed or replaced on all layouts. |
ShaggyZEApr 3, 2022 3:26 PM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 4, 2022 7:34 AM
#15
@ShaggyZE try this version please, its made to work on more layout types and allow changing the "Deleted" text and cover pic behavior. You'd have to adjust the bottom codes for that particular layout but that's expected and needed with so many different designs. Recorded it here with some of your code: https://www.dropbox.com/s/pymd67wkrko12hx/recordin1.mp4?dl=0 It should also change the hover cover pics on the many kinds of layouts out there /* 15_Bishoujo_Hyouryuuki on your Completed list */ body[data-work="anime"] span.add a[href*="=5762&"],body[data-work="anime"] .add-edit-more a[href*="/5762/"], body[data-work="anime"] #more-5762,body[data-work="anime"] .progress-5762, body[data-work="anime"] #tags-5762,body[data-work="anime"] #tags-5762 ~ * { display: none !important; } body[data-work="anime"] td > a[href*="/5762/"]{ pointer-events: none; } body[data-work="anime"] .data.image a[href*="/5762/"] .image{ visibility: hidden !important; } td.data.title.clearfix a[href*="/5762/"].link.sort{ font-size: 0 !important; } td.data.title.clearfix a[href*="/5762/"].link.sort:after{ content: "Deleted"; } body[data-work="anime"] .data.image a[href*="/5762/"]:after, body[data-work="anime"] .data.image a[href*="/5762/"]:before, body[data-work="anime"] .data.image a[href*="/5762/"]:after, body[data-work="anime"] .data.title [href^="/5762/"]:before{ background-image: url(https://imgur.com/pkYHauO.jpg) !important; } /* User must add and adjust */ body[data-work="anime"] .data.image a:after{ background-size: cover; content: ""; height: 70px; width: 50px; margin-left: 50px; position: absolute; background-position: center center; pointer-events: none; } td.data.title.clearfix a.link.sort:after{ font-size: 12px !important; } |
Shishio-kunApr 4, 2022 8:25 AM
Apr 4, 2022 8:28 AM
#16
This is how to block the hentai cover up import in any browser Right click, inspect, Networks, refresh page, choose and block the hentai mod https://imgur.com/exKH7mn I wish there was a way thru Stylish or Ublock Origin but this works without users needing an extension and doesn't require any effort from our end |
Apr 4, 2022 6:44 PM
#17
Okay, things are a bit more of a pain in the ass to get it working right on all layouts due to changing the image instead of blurring and changing the title instead of deleting it BUT I managed to get it working on my anime list ShelterStyleV3 and manga list Clarity as well as your list and default by changing a few things.body[data-work="anime"] span.add a[href*="=40602&"],body[data-work="anime"] .add-edit-more a[href*="/40602/"], body[data-work="anime"] #more-40602,body[data-work="anime"] .progress-40602, body[data-work="anime"] #tags-40602,body[data-work="anime"] #tags-40602 ~ * { display: none !important; } body[data-work="anime"] td > a[href*="/40602/"] { pointer-events: none; } body[data-work="anime"] .data.image a[href*="/40602/"] .image { visibility: hidden !important; } body[data-work="anime"] .data.title a[href*="/40602/"], body[data-work="anime"] .data.title.clearfix a[href*="/40602/"].link.sort { font-size: 0 !important; } body[data-work="anime"] .data.title a[href*="/40602/"]:after, body[data-work="anime"] .data.title.clearfix a[href*="/40602/"].link.sort:after { font-size: 12px; content: "Deleted"; } body[data-work="manga"] .data.image a[href*="/40602/"], body[data-work="anime"] .data.image a[href*="/40602/"]:before, body[data-work="anime"] .data.image a[href*="/40602/"]:after, body[data-work="anime"] .data.title [href^="/40602/"]:before { background-image: url(https://shaggyze.github.io/Themes/deleted.png) !important; } My Anime list: body[data-work="anime"] .data.image a { background-size:cover; content: ""; width: 30px !important; height: 30px !important; border-radius: 180px; margin-top: -15px !important; margin-left: -15px !important; position: absolute; background-position: center center; pointer-events: none; } body[data-work="anime"] .data.title.clearfix a.link.sort:after { font-size: 13px !important; } My Manga list: body[data-work="manga"] .data.image a { background-size:cover; content: ""; width: 64px !important; height: 64px !important; border-radius: 180px; position: absolute; background-position: center center; pointer-events: none; } body[data-work="manga"] .data.title a:after { font-size: 13px !important; } and this is the Template /* [TITLE] -[RATING]*[DEL]/ body[data-work="[TYPE]"] span.add a[href*="=[ID]&"], body[data-work="[TYPE]"] .add-edit-more a[href*="/[ID]/"], body[data-work="[TYPE]"] #more-[ID], body[data-work="[TYPE]"] .progress-[ID], body[data-work="[TYPE]"] #tags-[ID], body[data-work="[TYPE]"] #tags-[ID] ~ * { display: none !important; } body[data-work="[TYPE]"] td > a[href*="/[ID]/"] { pointer-events: none; } body[data-work="[TYPE]"] .data.image a[href*="/[ID]/"] .image { visibility: hidden !important; } body[data-work="[TYPE]"] .data.title a[href*="/[ID]/"], body[data-work="[TYPE]"] .data.title.clearfix a[href*="/[ID]/"].link.sort { font-size: 0 !important; } body[data-work="[TYPE]"] .data.title a[href*="/[ID]/"]:after, body[data-work="[TYPE]"] .data.title.clearfix a[href*="/[ID]/"].link.sort:after { font-size: 12px; content: "Deleted"; } body[data-work="[TYPE]"] .data.image a[href*="/[ID]/"], body[data-work="[TYPE]"] .data.image a[href*="/[ID]/"]:before, body[data-work="[TYPE]"] .data.image a[href*="/[ID]/"]:after, body[data-work="[TYPE]"] .data.title [href^="/[ID]/"]:before { background-image: url(https://shaggyze.github.io/Themes/deleted.png) !important; } Shishio-kun said: Would you have to do that everytime you refresh or close browser?, also wouldn't work on mobile browsers so the best option is to keep using the Show Owner import/CSS I posted above, but I'll just edit it to work better, I'll need to redo it now anyway.This is how to block the hentai cover up import in any browser Right click, inspect, Networks, refresh page, choose and block the hentai mod https://imgur.com/exKH7mn I wish there was a way thru Stylish or Ublock Origin but this works without users needing an extension and doesn't require any effort from our end Edit: I was able to reverse it and make it look better, but couldn't restore the on hover cover image or more-info, but that's fine I think. body[data-owner="1"] span.add a[href*="=50161&"], body[data-owner="1"] .add-edit-more a[href*="/50161/"], body[data-owner="1"] .progress-50161, body[data-owner="1"] #tags-50161 { display: inline-block !important; } body[data-owner="1"] #tags-50161 ~ * { display: table-cell !important; } body[data-owner="1"] td > a[href*="/50161/"]{ pointer-events: auto; } body[data-owner="1"] .data.image a[href*="/50161/"] .image { visibility: visible !important; } body[data-owner="1"] .data.title a[href*="/50161/"], body[data-owner="1"] .data.title.clearfix a[href*="/50161/"].link.sort { font-size: 12px !important; } body[data-owner="1"] .data.title a[href*="/50161/"]:after, body[data-owner="1"] .data.title.clearfix a[href*="/50161/"].link.sort:after { content: ""; } body[data-owner="1"] .data.image a[href*="/50161/"], body[data-owner="1"] .data.image a[href*="/50161/"]:before, body[data-owner="1"] .data.image a[href*="/50161/"]:after, body[data-owner="1"] .data.title [href^="/50161/"]:before { background-image: inherit !important; } |
ShaggyZEApr 6, 2022 5:33 PM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 6, 2022 3:57 AM
#18
@ShaggyZE OK great work, we've done it! :D This way should change it for all list types since we can just edit the thumbnail and text with the user-handled codes. It works on default fine (my completed, Kangoku Senkan) the default list style, Clarity, and Takana's will probably use it the most. body[data-work="anime"] span.add a[href*="=6465&"], body[data-work="anime"] .add-edit-more a[href*="/6465/"], body[data-work="anime"] #more-6465, body[data-work="anime"] .progress-6465, body[data-work="anime"] #tags-6465, body[data-work="anime"] #tags-6465 ~ * { display: none !important; } body[data-work="anime"] td > a[href*="/6465/"] { pointer-events: none; } body[data-work="anime"] .data.image a[href*="/6465/"] .image { visibility: hidden !important; } body[data-work="anime"] .data.title a[href*="/6465/"], body[data-work="anime"] .data.title.clearfix a[href*="/6465/"].link.sort { font-size: 0 !important; } body[data-work="anime"] .data.title a[href*="/6465/"]:after, body[data-work="anime"] .data.title.clearfix a[href*="/6465/"].link.sort:after { font-size: 12px; content: "Deleted"; } body[data-work="manga"] .data.image a[href*="/6465/"], body[data-work="anime"] .data.image a[href*="/6465/"]:before, body[data-work="anime"] .data.image a[href*="/6465/"]:after, body[data-work="anime"] .data.title [href^="/6465/"]:before { background-image: url(https://shaggyze.github.io/Themes/deleted.png) !important; } body[data-work="anime"] .data.image a:after { background-size:cover; content: ""; width: 50px !important; height: 75px !important; margin-top: 0 !important; margin-left: -50px !important; position: absolute; background-position: center center; pointer-events: none; } body[data-work="anime"] .data.title.clearfix a.link.sort:after { font-size: 13px !important; } To delete the More and dash too, the code is: body[data-work="anime"] .link[href^="/anime/6465/"] ~ .add-edit-more { display: none; } If you use that, body[data-work="anime"] #more-6465 might not be necessary anymore. |
Apr 6, 2022 2:26 PM
#19
Shishio-kun said: damn, I already built the import, but i can probably just do a few ctrrl+h, I should have asked if you knew of a way to remove the more link cause it has been bothering me, and doing it this way it may be possible to revert it back easier too, will test that later.To delete the More and dash too, the code is: body[data-work="anime"] .link[href^="/anime/6465/"] ~ .add-edit-more { display: none; } If you use that, body[data-work="anime"] #more-6465 might not be necessary anymore. Edit: was able to restore more-info with Show Owner import/CSS now. |
ShaggyZEApr 6, 2022 5:34 PM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 6, 2022 3:02 PM
#20
ShaggyZE said: Shishio-kun said: damn, I already built the import, but i can probably just do a few ctrrl+h, I should have asked if you knew of a way to remove the more link cause it has been bothering me, and doing it this way it may be possible to revert it back easier too, will test that later.To delete the More and dash too, the code is: body[data-work="anime"] .link[href^="/anime/6465/"] ~ .add-edit-more { display: none; } If you use that, body[data-work="anime"] #more-6465 might not be necessary anymore. Yeah I think I got that code from Valerio_Lyndon a while back, or the precursor to it at least, cuz I couldn't find how to target mores on modern Oh ok good job! You've definitely earned your Top Support status! And yes let me know when you want to have it shared publicly. Then I'll test on it some layouts and make it a new CSS topic and I'll mass message it. |
Shishio-kunApr 6, 2022 3:31 PM
Apr 6, 2022 4:09 PM
#21
you can go ahead and test the main one /* Hide Anime Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Anime%20Hentai.css"; will finish the rest in the next couple of days. |
ShaggyZEApr 6, 2022 5:38 PM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Apr 7, 2022 3:17 PM
#22
ShaggyZE said: you can go ahead and test the main one /* Hide Anime Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Anime%20Hentai.css"; will finish the rest in the next couple of days. OK I'll try to start it tomorrow hopefully, and I really appreciate your time and patience with this! You're doing a big help for alot of ppl who been requesting this for forever |
Apr 11, 2022 12:13 AM
#23
Shishio-kun said: OK I'll try to start it tomorrow hopefully, and I really appreciate your time and patience with this! You're doing a big help for alot of ppl who been requesting this for forever All 4 CSS files should be updated and working now, I had a debug message box in my CSS generator I forgot to comment out that cost me about 8 hours when I went to sleep, plus I got confused more than a few times with all the code, but better late than never. Also, some Anime have Hentai Genre but R+ - Mild Nudity Rating currently I use Rx - Hentai If I add R+ - Mild Nudity it will also grab Ecchi and a ton more, so debating if I should do like I do with Manga and use Genre to filter them, but it will also filter entries with Hentai in the title so I might remove Title from the Template, I dunno I'll figure it out and maybe wait for feedback. So just going to put everything important into one post so it's easier for when you create the topic. For Anime/Manga on a single theme: /* Hide Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Hentai.css"; /* Optional Show Owner Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Show%20Hentai.css"; Anime: /* Hide Anime Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Anime%20Hentai.css"; /* Optional Show Owner Anime Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Show%20Anime%20Hentai.css"; Manga: /* Hide Manga Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Hide%20Manga%20Hentai.css"; /* Optional Show Owner Manga Hentai */ @\import "https://shaggyze.github.io/Themes/Mod%20-%20Show%20Manga%20Hentai.css"; User-Handled Codes: (further testing will be needed for these and other layouts) Can add body[data-work="anime"] or body[data-work="manga"] to the beginning of these if they need to be treated differently using a single theme. ShelterStyleV3: /* User must add and adjust */ .data.image a { background-size:cover; content: ""; width: 30px !important; height: 30px !important; border-radius: 180px; margin-top: -15px !important; margin-left: -15px !important; position: absolute; background-position: center center; pointer-events: none; } .data.title.clearfix a.link.sort:after { font-size: 13px !important; } Clarity: /* User must add and adjust */ .data.image a { background-size:cover; content: ""; width: 64px !important; height: 64px !important; border-radius: 180px; position: absolute; background-position: center center; pointer-events: none; } .data.title a:after { font-size: 13px !important; } Default: /* User must add and adjust */ .data.image a:after { background-size: cover; content: ""; height: 70px !important; width: 50px !important; margin-left: 50px; position: absolute; background-position: center center; pointer-events: none; } td.data.title.clearfix a.link.sort:after { font-size: 12px !important; } If it lags too bad, is updated too slowly, or needs customized further people can always make their own using [Tool] Anime information CSS generator Method User-Anime or User-Manga and the Template and Filters that these .css files use located at the top of the file. some may want to hide both Hentai and Erotica Genres on their Manga lists so I recommend making and hosting it yourselves. |
ShaggyZEApr 11, 2022 7:15 AM
![]() My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Reply Disabled for Non-Club Members
More topics from this board
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
32 |
by dextr__
»»
8 hours ago |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7924 |
by Shishio-kun
»»
Sep 24, 1:50 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Sep 22, 4:29 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
57 |
by Shishio-kun
»»
Sep 22, 4:27 AM |