New
Feb 2, 2023 6:28 AM
#51
hacker09 said: what should I do for the buttons? instead of explaining with text, maybe explaining with a simple image would be better. should I use this current extension,or wait more? Sure no problem, here's a GIF of the idea and video link: https://imgur.com/3Dik6XI What I was thinking is we have a button fixed to the page, and when you click it, a new CSS file is activated on the page darkening what we want. In this example, that post part of the page is darkened by the CSS. Its easy for me to write a CSS file for the darkening, and also to fix any button on the page if needed just need the element name So basically please let me know if you know how to add such a button that inserts CSS. I know you activate CSS via the Tampermonkey extension you made for the MAL favorites but this is a little different. If its something you can do via a Javascript, I can try to put that javascript in with any extension and maybe it would work that way. You don't have to work with the extension I linked, it can be a new one or maybe a standalone Javascript. Please let me know if its going to be easy or hard, if its easy and takes like an hour or less I can pay you $20 to a freelance account and then others can see you're good for that and hopefully also commission you! :D I should probably make a simple extension just for inserting the javascript and then you can edit the Javascript file there If its going to be difficult, we can discuss it another time. And then also we can give the Javascript out so other ppl can make their own buttons and possibly extensions. Also the reason for this is because some posts like that have huge walls of text, they became annoying to read due to so much white text and need new darkening; this new darkening is normally too dark for the average posts. |
Feb 2, 2023 5:34 PM
#52
Looks like it is something really easy to be done |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 2, 2023 5:47 PM
#53
document.querySelector("#headerSmall > a").onmouseover = function() //when the logo is hovered by the mouse cursor { document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = 'black') //make the walls of text black document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text QUOTES black } add that to your textbox.js file and see the magic happen when you hover the left top MyAnimeList Icon Logo Took me 5/10 mins You can add buttons using js, or even make a way to enable or disable your script using the power of JS and your textbox.js file. If you paste the code almost of any on my greasyfork scripts into textbox.js they will work just fine I think... No need to code in chrome extension language, if you can do everything using JS on the textbox.js file |
hacker09Feb 2, 2023 6:55 PM
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 4, 2023 10:13 PM
#54
@Shishio-kun Hope you liked the concept/idea. Do you still need help adding that button or do you think you are able to do that now? |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 5, 2023 2:31 PM
#55
hacker09 said: @Shishio-kun Hope you liked the concept/idea. Do you still need help adding that button or do you think you are able to do that now? I don't know yet, I will get back to you later this week on this and thank for what you've done so far |
Feb 5, 2023 2:32 PM
#56
@Shishio-kun ok sounds good |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 11, 2023 4:14 AM
#57
hacker09 said: document.querySelector("#headerSmall > a").onmouseover = function() //when the logo is hovered by the mouse cursor { document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = 'black') //make the walls of text black document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text QUOTES black } add that to your textbox.js file and see the magic happen when you hover the left top MyAnimeList Icon Logo Took me 5/10 mins You can add buttons using js, or even make a way to enable or disable your script using the power of JS and your textbox.js file. If you paste the code almost of any on my greasyfork scripts into textbox.js they will work just fine I think... No need to code in chrome extension language, if you can do everything using JS on the textbox.js file In this case I want to use an extension for certain features. It is because many people will not install Tampermonkey as they don't think its safe. Also when it's two steps (install the extension and then the script) there's users who won't try- the more steps something is the less likely they will even begin the first step. I'm trying to overcome those two hurdles with the dark extension. And I want to make extensions something we cover and can teach how to create. So the darkening does work when I point to the logo. Unfortunately if I change it to document.querySelector(".page-common #content:before").onmouseover = function() //when the logo is hovered by the mouse cursor { document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = 'black') //make the walls of text black document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text QUOTES black } because I want to try this for the button- .page-common #content:before{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; } - I don't get the darkening anymore. |
Feb 11, 2023 6:18 PM
#58
@Shishio-kun You are good, I totally aware that people hate scripts and tampermonkey, so I am trying to abide by what you said and I will not be making a dark mode script or add-on for your extension, that requires a separate script or tampermonkey The codes I gave you work on textbox.js, so they are not a separate script, and they do not require tampermonkey, so I am not sure why you are mentioning that again but ok... They do not work because they have break lines, removing the line breaks would make it work or use `` instead of '' or "", `` works better with line breaks so you can keep your nice format with line breaks usually if you use `` You also added :before in the selector what usually does not work also, document.querySelectorAll(".page-common #content") is a single element, so if you use document.querySelectorAll(".page-common #content") you will only see 1 nodeList returned what means that there is only 1 element, so it is not possible to use forEach any longer with that selector the problem is your css itself, document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text black document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text QUOTES black even directly pasting the code on the dev console does not work so document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text black would have to be instead document.querySelector(".content > div").style.backgroundColor = `.page-common #content{ [font=Verdana, Arial] content: "";[/font] [font=Verdana, Arial]position: fixed;[/font] [font=Verdana, Arial]right: 200px;[/font] [font=Verdana, Arial]top: 200px;[/font] [font=Verdana, Arial]height: 50px;[/font] [font=Verdana, Arial]width: 50px;[/font] [font=Verdana, Arial]display: block ;[/font] [font=Verdana, Arial]background-image: url(https://imgur.com/41ch84B.png);[/font] [font=Verdana, Arial] background-size: contain;[/font] }`//make the walls of text black if I directly paste your CSS into any quotes on this topic, the quote floats and gets smaller like in a square shape with your extension icon... If you just made a CSS to add your icon close to the user profile image on the top of the page, you have to add that CSS to another place, not to each quote on the topic (not the selector below) document.querySelectorAll(".quotetext") another problem is that you kept .style.backgroundColor, which only changes the bg color of the element, you can't apply a bunch of css directly that way, in that case you either use insertAdjacentHTML or a bunch of lines with the selector.style.SpecficCSSThing = 'Specific css for that specific thing" like selector.style.backgroundColor = 'black' selector.style.top = '200px' selector.style.display= 'block' etc here is the btn code document.querySelector(".header-menu-unit.header-profile.pl0").insertAdjacentHTML('beforeend', '<a href="javaScript:void(0)" id="test" class="header-profile-button" style="background-image:url(https://imgur.com/41ch84B.png)" title="Click to Change Color"></a>') now we only work with that selector id we created document.querySelector("#test") document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } |
hacker09Feb 11, 2023 6:21 PM
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 13, 2023 9:20 AM
#59
Hi! I've been waiting for the extension to update, and it has, but it didn't fix the problem I had previously. |
Feb 13, 2023 9:54 AM
#60
Yuki-Chan276 said: Hi! I've been waiting for the extension to update, and it has, but it didn't fix the problem I had previously. Oh that's strange, I reinstalled the extension in Chrome and it seems to work for me, you do mean the blue text I'm pointing to here, right? You're not able to click that with the extension? https://i.imgur.com/lmxWvQr.gif Or are you referring to something with the lists like here? https://myanimelist.net/forum/?topicid=2072574&show=0#msg68479371 |
Feb 13, 2023 11:07 AM
#61
Shishio-kun said: Yuki-Chan276 said: Hi! I've been waiting for the extension to update, and it has, but it didn't fix the problem I had previously. Oh that's strange, I reinstalled the extension in Chrome and it seems to work for me, you do mean the blue text I'm pointing to here, right? You're not able to click that with the extension? https://i.imgur.com/lmxWvQr.gif Or are you referring to something with the lists like here? https://myanimelist.net/forum/?topicid=2072574&show=0#msg68479371 Yeah, I cannot click on the light blue text to go to the post I got a message for. I can only click on the link and then it will only go to the right thread, not the last page or post. Did you update the compact extension too? Since that is the one I'm using. |
Feb 13, 2023 11:22 AM
#62
Feb 13, 2023 12:00 PM
#63
Feb 13, 2023 12:24 PM
#64
Yuki-Chan276 said: Shishio-kun said: @Yuki-Chan276 Are you using one of these themes: https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit or this? https://chrome.google.com/webstore/detail/myanimelist-dark-mode/ifdccgjiicdiaghhigodkknhmcjlpdcc This one: https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm So you'll have to reinstall to the latest version with the reinstall button on its page. |
Feb 13, 2023 3:13 PM
#65
Shishio-kun said: Ah, I've done so now, but I'm not sure it has worked yet.Yuki-Chan276 said: Shishio-kun said: @Yuki-Chan276 Are you using one of these themes: https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit or this? https://chrome.google.com/webstore/detail/myanimelist-dark-mode/ifdccgjiicdiaghhigodkknhmcjlpdcc This one: https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm So you'll have to reinstall to the latest version with the reinstall button on its page. |
Feb 14, 2023 10:29 AM
#66
Yuki-Chan276 said: Shishio-kun said: Ah, I've done so now, but I'm not sure it has worked yet.Yuki-Chan276 said: Shishio-kun said: @Yuki-Chan276 Are you using one of these themes: https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit or this? https://chrome.google.com/webstore/detail/myanimelist-dark-mode/ifdccgjiicdiaghhigodkknhmcjlpdcc This one: https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm So you'll have to reinstall to the latest version with the reinstall button on its page. I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D |
Feb 14, 2023 10:40 AM
#67
Shishio-kun said: Yuki-Chan276 said: Shishio-kun said: Yuki-Chan276 said: Shishio-kun said: @Yuki-Chan276 Are you using one of these themes: https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit or this? https://chrome.google.com/webstore/detail/myanimelist-dark-mode/ifdccgjiicdiaghhigodkknhmcjlpdcc This one: https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm So you'll have to reinstall to the latest version with the reinstall button on its page. I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D It's working now! Thank you! |
Feb 14, 2023 10:48 AM
#68
Yuki-Chan276 said: Shishio-kun said: Yuki-Chan276 said: Shishio-kun said: Ah, I've done so now, but I'm not sure it has worked yet.Yuki-Chan276 said: Shishio-kun said: @Yuki-Chan276 Are you using one of these themes: https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit or this? https://chrome.google.com/webstore/detail/myanimelist-dark-mode/ifdccgjiicdiaghhigodkknhmcjlpdcc This one: https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm So you'll have to reinstall to the latest version with the reinstall button on its page. I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D It's working now! Thank you! Awesome! Thank you for giving the theme a chance! |
Feb 14, 2023 11:07 AM
#69
Shishio-kun said: Yuki-Chan276 said: Shishio-kun said: Yuki-Chan276 said: Shishio-kun said: Ah, I've done so now, but I'm not sure it has worked yet.Yuki-Chan276 said: Shishio-kun said: @Yuki-Chan276 Are you using one of these themes: https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit or this? https://chrome.google.com/webstore/detail/myanimelist-dark-mode/ifdccgjiicdiaghhigodkknhmcjlpdcc This one: https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm So you'll have to reinstall to the latest version with the reinstall button on its page. I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D It's working now! Thank you! Awesome! Thank you for giving the theme a chance! No, thank you for creating it! |
Feb 16, 2023 1:54 PM
#70
hacker09 said: @Shishio-kun You are good, I totally aware that people hate scripts and tampermonkey, so I am trying to abide by what you said and I will not be making a dark mode script or add-on for your extension, that requires a separate script or tampermonkey The codes I gave you work on textbox.js, so they are not a separate script, and they do not require tampermonkey, so I am not sure why you are mentioning that again but ok... They do not work because they have break lines, removing the line breaks would make it work or use `` instead of '' or "", `` works better with line breaks so you can keep your nice format with line breaks usually if you use `` You also added :before in the selector what usually does not work also, document.querySelectorAll(".page-common #content") is a single element, so if you use document.querySelectorAll(".page-common #content") you will only see 1 nodeList returned what means that there is only 1 element, so it is not possible to use forEach any longer with that selector the problem is your css itself, document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text black document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text QUOTES black even directly pasting the code on the dev console does not work so document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text black would have to be instead document.querySelector(".content > div").style.backgroundColor = `.page-common #content{ [font=Verdana, Arial] content: "";[/font] [font=Verdana, Arial]position: fixed;[/font] [font=Verdana, Arial]right: 200px;[/font] [font=Verdana, Arial]top: 200px;[/font] [font=Verdana, Arial]height: 50px;[/font] [font=Verdana, Arial]width: 50px;[/font] [font=Verdana, Arial]display: block ;[/font] [font=Verdana, Arial]background-image: url(https://imgur.com/41ch84B.png);[/font] [font=Verdana, Arial] background-size: contain;[/font] }`//make the walls of text black if I directly paste your CSS into any quotes on this topic, the quote floats and gets smaller like in a square shape with your extension icon... If you just made a CSS to add your icon close to the user profile image on the top of the page, you have to add that CSS to another place, not to each quote on the topic (not the selector below) document.querySelectorAll(".quotetext") another problem is that you kept .style.backgroundColor, which only changes the bg color of the element, you can't apply a bunch of css directly that way, in that case you either use insertAdjacentHTML or a bunch of lines with the selector.style.SpecficCSSThing = 'Specific css for that specific thing" like selector.style.backgroundColor = 'black' selector.style.top = '200px' selector.style.display= 'block' etc here is the btn code document.querySelector(".header-menu-unit.header-profile.pl0").insertAdjacentHTML('beforeend', '<a href="javaScript:void(0)" id="test" class="header-profile-button" style="background-image:url(https://imgur.com/41ch84B.png)" title="Click to Change Color"></a>') now we only work with that selector id we created document.querySelector("#test") document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } Thanks for doing all this, I will check it out later this weekend and try to integrate it into the official extension if I can! |
Feb 16, 2023 2:45 PM
#71
Shishio-kun said: hacker09 said: @Shishio-kun You are good, I totally aware that people hate scripts and tampermonkey, so I am trying to abide by what you said and I will not be making a dark mode script or add-on for your extension, that requires a separate script or tampermonkey The codes I gave you work on textbox.js, so they are not a separate script, and they do not require tampermonkey, so I am not sure why you are mentioning that again but ok... They do not work because they have break lines, removing the line breaks would make it work or use `` instead of '' or "", `` works better with line breaks so you can keep your nice format with line breaks usually if you use `` You also added :before in the selector what usually does not work also, document.querySelectorAll(".page-common #content") is a single element, so if you use document.querySelectorAll(".page-common #content") you will only see 1 nodeList returned what means that there is only 1 element, so it is not possible to use forEach any longer with that selector the problem is your css itself, document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text black document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text QUOTES black even directly pasting the code on the dev console does not work so document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{ content: ""; position: fixed; right: 200px; top: 200px; height: 50px; width: 50px; display: block ; background-image: url(https://imgur.com/41ch84B.png); background-size: contain; }`) //make the walls of text black would have to be instead document.querySelector(".content > div").style.backgroundColor = `.page-common #content{ [font=Verdana, Arial] content: "";[/font] [font=Verdana, Arial]position: fixed;[/font] [font=Verdana, Arial]right: 200px;[/font] [font=Verdana, Arial]top: 200px;[/font] [font=Verdana, Arial]height: 50px;[/font] [font=Verdana, Arial]width: 50px;[/font] [font=Verdana, Arial]display: block ;[/font] [font=Verdana, Arial]background-image: url(https://imgur.com/41ch84B.png);[/font] [font=Verdana, Arial] background-size: contain;[/font] }`//make the walls of text black if I directly paste your CSS into any quotes on this topic, the quote floats and gets smaller like in a square shape with your extension icon... If you just made a CSS to add your icon close to the user profile image on the top of the page, you have to add that CSS to another place, not to each quote on the topic (not the selector below) document.querySelectorAll(".quotetext") another problem is that you kept .style.backgroundColor, which only changes the bg color of the element, you can't apply a bunch of css directly that way, in that case you either use insertAdjacentHTML or a bunch of lines with the selector.style.SpecficCSSThing = 'Specific css for that specific thing" like selector.style.backgroundColor = 'black' selector.style.top = '200px' selector.style.display= 'block' etc here is the btn code document.querySelector(".header-menu-unit.header-profile.pl0").insertAdjacentHTML('beforeend', '<a href="javaScript:void(0)" id="test" class="header-profile-button" style="background-image:url(https://imgur.com/41ch84B.png)" title="Click to Change Color"></a>') now we only work with that selector id we created document.querySelector("#test") document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } Thanks for doing all this, I will check it out later this weekend and try to integrate it into the official extension if I can! you're welcome. basically just ignore everything, I said until "here is the btn codes" only stuff and the codes before that are what you need and important if you need anything else let me know, I'll be glad to help you whenever I've time at least |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 19, 2023 12:10 PM
#72
@hacker09 Awesome! It works well! Thanks again. I was searching for some codes like too like the HTML element adding, but the examples I found online didn't work when I tried them. I will look into adjusting the CSS next and getting it just right for pages like this with huge walls of text https://myanimelist.net/forum/?topicid=575725 Can you set it so that it works with mouse click and not mouse over? It currently activates the darker CSS when I point the mouse to it. Also is there a page out there with a list of short JavaScript snippets with working examples that can be edited for personal use and learning? Otherwise the only places I know to check out are GreasyFork and random Githubs |
Feb 19, 2023 6:03 PM
#73
@Shishio-kun Yes, I can do that sometime later. Yes and no, the only 2/3 ones I know of are https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML HTML DOM Element insertAdjacentHTML() Method (w3schools.com) How to append HTML code to a div using JavaScript ? - GeeksforGeeks And besides that you can use any of my scripts are examples as they are all overly commented, exactly for that reason too, to help others learn and understand what is happening on my script codes |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 19, 2023 6:05 PM
#74
change onmouseover to onclick and it should work I think old code document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } onclick code document.querySelector("#test").onclick = function() //when the extension icon is clicked by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
Feb 28, 2023 7:24 PM
#75
@Shishio-kun the extension is hiding the MAL logo at the top of the page. It reappears when I disable it. |
MAL EMOJIS - Get your specially formatted emojis for MAL forums.![]() |
Mar 3, 2023 5:35 AM
#76
The logo should be visible now in Firefox! |
Mar 5, 2023 2:17 AM
#77
I have successfully trolled MAL |
MAL EMOJIS - Get your specially formatted emojis for MAL forums.![]() |
Mar 5, 2023 7:37 AM
#78
lol that's a pretty funny video and meme We used to do a lot of trolling MAL users back in the day, and a lot us were making memes like this for similar stuff. Like there was a year where image tags were broken we made countless memes about the "devs" then. And some hacker stalked the site for like years, it was brutal. Since I've always had access to thousands of lists, I used to do a Halloween and sometimes April Fools prank on people's list that would cuz a lot of commotion in Support, man that was fun af lol so many ppl thought they were hacked π |
Shishio-kunMar 5, 2023 8:39 AM
Mar 15, 2023 8:04 AM
#79
When writing a review, the following parts are not coded correctly. They are bright white and barely readable. Thank you for your extension, btw! Lifesaver. ♥ EDIT: When updating anime/manga through one's lists, the whole pop-up panel is also bright white! ^^ Tips for New Writers Your first 105 words will be visible above the read more: Make them interesting! The best reviews use pronouns (I, me, my, you) very rarely. Avoid unnecessary openers: “This is my first review, please forgive any mistakes.” You can describe what the work is about, but keep in mind that readers have already seen the synopsis. Leave an extra line between paragraphs for easier reading. Need help deciding what information to include in your review? See this post for some ideas. What is a review? A review is a critical evaluation of the content, style, and personal enjoyment of the work you have chosen to review. Readers are not interested in how you came to watch the work or how the anime made you feel. They are interested in whether they will like the anime and are using your review to decide this. This means you need to give readers solid information on what was was unique, great, disappointing, etc about this series, and why. Support your statements with concise descriptions, examples, and reasoning. Please see the Review Guidelines for more information. |
ShiirooChiiMar 18, 2023 4:06 PM
Mar 15, 2023 1:17 PM
#80
That review text should be fixed in a future update after the extension store approves it |
Mar 21, 2023 12:20 PM
#81
hacker09 said: change onmouseover to onclick and it should work I think old code document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } onclick code document.querySelector("#test").onclick = function() //when the extension icon is clicked by the mouse cursor { document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white } btw I haven't forgotten about this, I'm just putting it in a separate "Convenient Dark MAL" extension which is re-tuned for convenience, it's actually what I use personally with some other changes that fix various small issues with the site, and also to clean it up some more visually. And then there would still be the separate original lightweight dark mode which will stay as lightweight as I can possibly make it. |
Apr 2, 2023 6:30 AM
#82
I think there might be a bug where some of the links to parts of people's lists aren't blue (see below) These vary from user to user, even yours doesn't appear blue at all @Shishio-kun They all appear normal when I turn off the script, same with turning on Dark Reader |
MAL EMOJIS - Get your specially formatted emojis for MAL forums.![]() |
Apr 2, 2023 8:14 AM
#83
_cjessop19_ said: I think there might be a bug where some of the links to parts of people's lists aren't blue (see below) These vary from user to user, even yours doesn't appear blue at all @Shishio-kun They all appear normal when I turn off the script, same with turning on Dark Reader Ah ok those are blue because they were clicked previously, then they turn blue. Maybe it could be changed to where visited links don't change at all or change to another greyer blue. And then also yeah those page links should all be blue not grey |
May 5, 2023 4:07 PM
#84
@Shishio-kun Thank you so much!! |
May 21, 2023 5:16 PM
#85
Looks great! And good job on styling the accessory sites as well, those are always blindingly bright lol. |
May 21, 2023 5:20 PM
#86
Valerio_Lyndon said: Looks great! And good job on styling the accessory sites as well, those are always blindingly bright lol. Thanks, means a lot coming from you! π And yeah the bright sister sites + the bright spots on the home page: https://www.youtube.com/watch?v=KxZmiVUQksA |
May 21, 2023 5:22 PM
#87
looks like the half moon icon nearby the user profile image is not there anymore but ok. Nice share! Also its apps not aps on your first post right? |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
May 21, 2023 5:27 PM
#88
hacker09 said: looks like the half moon icon nearby the user profile image is not there anymore but ok. Nice share! Also its apps not aps on your first post right? I've haven't added your Javascript codes to any of the Chrome store versions yet- I had to do an insane amount of maintenance first. We will add it eventually but it's also going to take some time to get the half-moon icon working right later since it has some issues but I will get to it eventually this year. I was thinking to make two separate dark mode extensions too for different user types, still not sure about that but we'll see |
May 21, 2023 5:29 PM
#89
May 21, 2023 5:29 PM
#90
@Shishio-kun Oh I see. Good luck with that, @ me if you need anything that I can help you with! |
Click here to see My Tampermonkey Scripts For MAL If you like my work, please consider supporting it! Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io |
May 21, 2023 5:58 PM
#91
Xirai said: I usually like the darker themes but once I tried this one I couldn't go back lol. Nice job! Awesome to hear!! :D |
May 21, 2023 7:05 PM
#92
Awesome to see you still making MAL a better place even more. :) |
May 22, 2023 12:31 AM
#93
Thank you! The dark mode that MAL made makes me stressed out very easily and gives me major headaches. |
May 25, 2023 5:31 AM
#94
This is so much nicer than MAL's dark mode, thank you!! |
May 31, 2023 10:35 AM
#95
May 31, 2023 11:28 AM
#96
@Wavey_Nooby @MapleToffee @ErogakiPatches @CrysisWarXX3 Thanks all!! :D |
Feb 29, 2024 11:02 AM
#97
Just noticed an issue. In search mode, when popup info box shows up. I can't quickly open entries in multiple tabs like with default theme. As middle clicking on image doesn't work and box gets in way to get to next entry... Default allows middle clicking on the thumbnail and makes popup infobox open offset a bit. This theme doesn't allow middle clicking on thumbnail and makes popup infobox appear direction next to thumbnail thus making title as well quickly inaccessible. I were on hiatus from MAL for a while so didn't really use MAL as I normally use for a while, but now I instantly noticed the issue when I wanted to start popping new anime to my plan to watch in batches. Which I usually do my opening Anime > Anime Searh > Upcoming > and just mass middle click (open in new tab) all the stuff that ain't in my Plan to watch, and check them out 1 by 1. Makes my process fast. Anyhow.... any quick for fix for that? Other than that great theme, haven't noticed issues or unpleasantness. (tried to search around in hoverinfo and hoverinfo trigger section but yeah, couldnt figure out sadly :D) |
DesolatePsycheFeb 29, 2024 11:25 AM
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 |