Forum Settings
Forums
Top
  >  
Forum
  >  
Shishio's Custom MyAnimeList
  >  
Shishio's Custom MyAnimeList D...
  >  
❓ Ask for help here + See Freq...
RecentWatchedIgnoredSearch Forum

❓ Ask for help here + See Frequently Asked Questions

New
Reply Disabled for Non-Club Members
Pages (158) « First ... « 156 157 [158]
Sep 19, 7:50 PM
#7851
LuoBingmei

Offline
Jun 2020
44
Reply to Shishio-kun
@CringeBby

What is your display screen size? Is it a laptop, PC, 4k, TV, etc?

The thing is, this background
https://imgur.com/7e0a7WN
its not a typical screen size afaik, so it might have to be manually adjusted

One thing you can do is add these codes to the bottom of your CSS

body{
background-size: 2000px 1000px !important; 
}


and then adjust the px amounts until the wallpaper fills your display manually. The first px is width, second is height.

You can also use this 

body{
background-size: contain !important; 
}


and it will fit the wallpaper into your screen, although there may be space on the sides since it's not able to fill it in.

And before you can add any codes, you need to close the CSS you already have at the bottom, it should look like this: 

#copyright::after {
  content: "ShelterStyleV3 - Layout originally designed by Takana no Hana";
}
@Shishio-kun
thank you omg 😭🙏🙏 i used your second code to finally fix my issue. My pc display is 1440x900, using the first code stretched out my backgorund pics even more 😭 but there's always some type of trouble when you have a macbook fr.

btw...is there a way to have a background for my background? 😭? I don't mind the white space, but if i can have something else other than that it would also be good
Sep 20, 2:06 AM
#7852
Demikun
Offline
Dec 2011
43
i use this code to set the top image for each category: 

/*-S-T-A-R-T--------------------*\
| Per-Category Banner Image      |
\*------------------------------*/
[data-query*='status":1'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":2'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":3'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":4'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":6'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":7'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
/*------------------------E-N-D-*/


The image i use is bigger. Can i move the image, so that i can modify what ppl see?
Or do i have to crop my image for that to work?
Sep 20, 1:50 PM
#7853
Pokitaru

Offline
Jul 2015
1769
I have a problem with the Stylus extension.

Every time I visit a page, it stops working, but when I click on the icon at the top right of my browser and disable and then re-enable the theme I installed for MAL, and works fine. However, if I visit another page, it stops working, and I have to do it again. Also, if I visit a page where I already did this process, I'll have to do disable and enable it again. The same thing happens if I reload the page I'm currently at.

Does anyone have any idea why this is happening? I didn't touch anything.

Here's the CSS code I'm using:

Sep 20, 4:33 PM
#7854
Shishio-kun

Offline
Feb 2010
11827
Reply to LuoBingmei
@Shishio-kun
thank you omg 😭🙏🙏 i used your second code to finally fix my issue. My pc display is 1440x900, using the first code stretched out my backgorund pics even more 😭 but there's always some type of trouble when you have a macbook fr.

btw...is there a way to have a background for my background? 😭? I don't mind the white space, but if i can have something else other than that it would also be good
@CringeBby
Yah, you need a second background code for each section and add cover for those


body{
background-size: contain, cover !important;
}

/*CURRENTLY WATCHING MAIN WALLPAPER*/
body[data-query*='"status":1'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*COMPLETED MAIN WALLPAPER*/
body[data-query*='"status":2'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwDNC9bhfv4-VMtGEBvzOzrA), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*ON HOLD MAIN WALLPAPER*/
body[data-query*='"status":3'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwI2sXr7ujzFjKxjLFL4piGQ) , url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*DROPPED MAIN WALLPAPER*/
body[data-query*='"status":4'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwGrj5pnw9IBG3XCGpggK1Is) ,url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*PLANNED MAIN WALLPAPER*/
body[data-query*='"status":6'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwK7RLRw4JTu6soSjQ1YRgsY) ,url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*ALL ANIME/MANGA MAIN WALLPAPER*/
body[data-query*='"status":7'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwE4Isn48tAmYxuuMMKJIrXs), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
Sep 20, 6:15 PM
#7855
LuoBingmei

Offline
Jun 2020
44
Reply to Shishio-kun
@CringeBby
Yah, you need a second background code for each section and add cover for those


body{
background-size: contain, cover !important;
}

/*CURRENTLY WATCHING MAIN WALLPAPER*/
body[data-query*='"status":1'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*COMPLETED MAIN WALLPAPER*/
body[data-query*='"status":2'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwDNC9bhfv4-VMtGEBvzOzrA), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*ON HOLD MAIN WALLPAPER*/
body[data-query*='"status":3'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwI2sXr7ujzFjKxjLFL4piGQ) , url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*DROPPED MAIN WALLPAPER*/
body[data-query*='"status":4'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwGrj5pnw9IBG3XCGpggK1Is) ,url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*PLANNED MAIN WALLPAPER*/
body[data-query*='"status":6'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwK7RLRw4JTu6soSjQ1YRgsY) ,url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
/*ALL ANIME/MANGA MAIN WALLPAPER*/
body[data-query*='"status":7'] {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwE4Isn48tAmYxuuMMKJIrXs), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEGI6EF9-GIVzkoQITmaBf0);
}
@Shishio-kun Thanks so much for your help :D !!!!!!!!!!!
Sep 21, 8:41 AM
#7856
23feanor

Offline
Jun 2019
4035
Hey, I'm having the same issue @Pokitaru mentioned in his post above with Stylus. I only have code to place a background pic behind my mal page, nothing fancy and I didn't do anything and suddenly it stopped working unless I disable and re-enable my style on Stylus. On opening the 'manage style' page I did notice that there are 3 issues raised, listed as an 'empty rule'. They are lines of code in the section that says not to tamper with it, so I have come to seek advice rather than make a mess myself.

As always, thank you Shishio from someone who is not the best at tech and code stuff, you're advice and assistance is invaluable, and helps me put a nice background on my mal page :)

These are the 3 lines that have the issues flagged:

body:not(.ownlist)::before {
}

body:not(.ownlist){
}

#myanimelist::before{
}


Here's the code I'm using:


Sep 21, 9:43 PM
#7857
Shishio-kun

Offline
Feb 2010
11827
@23feanor
@Pokitaru
I think MAL changed the layout of the website slightly with the stacks challenge thing, so please update to the newest version
https://myanimelist.net/forum/?topicid=2073022
If they change it again, there's a chance another update would be needed until I find codes they won't mess with (I got some ideas).
Sep 22, 12:31 AM
#7858
23feanor

Offline
Jun 2019
4035
That did the job, thanks @Shishio-kun
Sep 22, 1:06 AM
#7859
Pokitaru

Offline
Jul 2015
1769
Reply to Shishio-kun
@23feanor
@Pokitaru
I think MAL changed the layout of the website slightly with the stacks challenge thing, so please update to the newest version
https://myanimelist.net/forum/?topicid=2073022
If they change it again, there's a chance another update would be needed until I find codes they won't mess with (I got some ideas).
@Shishio-kun, First of all, again, thank you so much for your help!

Just wanted to give you an update. The new version works fine, but I did have to make a couple of tweaks. Specifically, I added the following links to the "custom excluded" section: "https://myanimelist.net/animelist/" and "https://myanimelist.net/mangalist/" because the Stylus wallpaper was showing up on my anime and manga lists instead of the custom one I use. The same thing happened when viewing other people's lists.

Just to clarify, I’m totally fine with this and don’t mind doing it whenever something's off. It’s just adding two links in one box, no big deal. I’m just bringing it up in case there’s more going on with MAL’s new layout. For the record, I’m using the Brave browser, though I doubt it’s any different from the other Chromium-based browsers.

@23feanor Not sure if you ran into this too, but if you did, just add those two links to your "excluded" box like this:https://prnt.sc/UcuaD0i4eMaB
Sep 22, 1:57 AM
#7860
23feanor

Offline
Jun 2019
4035
Reply to Pokitaru
@Shishio-kun, First of all, again, thank you so much for your help!

Just wanted to give you an update. The new version works fine, but I did have to make a couple of tweaks. Specifically, I added the following links to the "custom excluded" section: "https://myanimelist.net/animelist/" and "https://myanimelist.net/mangalist/" because the Stylus wallpaper was showing up on my anime and manga lists instead of the custom one I use. The same thing happened when viewing other people's lists.

Just to clarify, I’m totally fine with this and don’t mind doing it whenever something's off. It’s just adding two links in one box, no big deal. I’m just bringing it up in case there’s more going on with MAL’s new layout. For the record, I’m using the Brave browser, though I doubt it’s any different from the other Chromium-based browsers.

@23feanor Not sure if you ran into this too, but if you did, just add those two links to your "excluded" box like this:https://prnt.sc/UcuaD0i4eMaB
@Pokitaru I didn't have that problem (using Chrome so maybe that's why), but thanks for the heads up in case
Sep 22, 2:21 AM
#7861
Shishio-kun

Offline
Feb 2010
11827
Reply to 23feanor
Hey, I'm having the same issue @Pokitaru mentioned in his post above with Stylus. I only have code to place a background pic behind my mal page, nothing fancy and I didn't do anything and suddenly it stopped working unless I disable and re-enable my style on Stylus. On opening the 'manage style' page I did notice that there are 3 issues raised, listed as an 'empty rule'. They are lines of code in the section that says not to tamper with it, so I have come to seek advice rather than make a mess myself.

As always, thank you Shishio from someone who is not the best at tech and code stuff, you're advice and assistance is invaluable, and helps me put a nice background on my mal page :)

These are the 3 lines that have the issues flagged:

body:not(.ownlist)::before {
}

body:not(.ownlist){
}

#myanimelist::before{
}


Here's the code I'm using:


23feanor said:

body:not(.ownlist)::before {
}

body:not(.ownlist){
}

#myanimelist::before{
}


These weren't errors that affected the theme before, but they do now, along with the background code being changed probably after the stack update. They were likely codes which I used in the past but left blank in case I needed to use them again. They've been completely removed in the new update.
Shishio-kunSep 22, 2:26 AM
Sep 22, 2:25 AM
#7862
Shishio-kun

Offline
Feb 2010
11827
Reply to Pokitaru
@Shishio-kun, First of all, again, thank you so much for your help!

Just wanted to give you an update. The new version works fine, but I did have to make a couple of tweaks. Specifically, I added the following links to the "custom excluded" section: "https://myanimelist.net/animelist/" and "https://myanimelist.net/mangalist/" because the Stylus wallpaper was showing up on my anime and manga lists instead of the custom one I use. The same thing happened when viewing other people's lists.

Just to clarify, I’m totally fine with this and don’t mind doing it whenever something's off. It’s just adding two links in one box, no big deal. I’m just bringing it up in case there’s more going on with MAL’s new layout. For the record, I’m using the Brave browser, though I doubt it’s any different from the other Chromium-based browsers.

@23feanor Not sure if you ran into this too, but if you did, just add those two links to your "excluded" box like this:https://prnt.sc/UcuaD0i4eMaB
Pokitaru said:
because the Stylus wallpaper was showing up on my anime and manga lists instead of the custom one I use. The same thing happened when viewing other people's lists.
`

I dont see this error, so it may be Brave only. btw you can try to fix that missing preview pic with the new github imports under part B
https://myanimelist.net/forum/?topicid=2130234
Sep 22, 3:37 AM
#7863
Pokitaru

Offline
Jul 2015
1769
Reply to Shishio-kun
Pokitaru said:
because the Stylus wallpaper was showing up on my anime and manga lists instead of the custom one I use. The same thing happened when viewing other people's lists.
`

I dont see this error, so it may be Brave only. btw you can try to fix that missing preview pic with the new github imports under part B
https://myanimelist.net/forum/?topicid=2130234
@Shishio-kun Yeah maybe it's just me. I'll be keeping my eyes on it in the following days, in case something changes.

Thank you for that as well! I'll definitely try to fix that too. Much appreciate it! ^^
Sep 22, 9:40 AM
#7864
ShaggyZE

Offline
May 2010
1074
My dark mode theme was also having this issue however turning on "Circumvent CSP 'style-­src' via adoptedSty­leSheets" in Stylus options also fixes the problem.

Oct 6, 1:39 PM
#7865
Pokitaru

Offline
Jul 2015
1769
Apparently, I love visiting this thread :P

Here's my current situation: A few months ago, I added a new code from this club (of course), but now I can't find it anywhere. The code was for the preview images. When I hover over an anime on my list, a preview image appears on the left side of the screen, like this. Some of the images are broken and don’t show up, which I’m fine with. It only happens occasionally.

The real issue is that my list takes a lot longer to load now. At first, I thought something else was causing it, but after checking thoroughly, it turns out it’s definitely the code. Ideally, I’d love to fix the loading issue while keeping the preview images, but I’d be okay with removing it altogether if that’s the only option. Unfortunately, my attempts to fix or remove the code haven’t worked.

Could someone help me with this?


Oct 6, 6:23 PM
#7866
ShaggyZE

Offline
May 2010
1074
Reply to Pokitaru
Apparently, I love visiting this thread :P

Here's my current situation: A few months ago, I added a new code from this club (of course), but now I can't find it anywhere. The code was for the preview images. When I hover over an anime on my list, a preview image appears on the left side of the screen, like this. Some of the images are broken and don’t show up, which I’m fine with. It only happens occasionally.

The real issue is that my list takes a lot longer to load now. At first, I thought something else was causing it, but after checking thoroughly, it turns out it’s definitely the code. Ideally, I’d love to fix the loading issue while keeping the preview images, but I’d be okay with removing it altogether if that’s the only option. Unfortunately, my attempts to fix or remove the code haven’t worked.

Could someone help me with this?


@Pokitaru yea, it's because it's loading an old CSS (with broken image links) of almost every anime/manga cover into your list, as that's it's failsafe for when it's scraping fails or is blocked in some way, in your case since auto is depreciated.

you can try my replacement to malscraper azurewebsites import below
(highest quality and highest speed)
[API CSS] MAL-Scraper-API Cover/CSS Generator

or see part B https://myanimelist.net/forum/?topicid=2130234
ShaggyZEOct 7, 1:13 AM
Oct 6, 10:34 PM
#7867
Shishio-kun

Offline
Feb 2010
11827
Reply to Pokitaru
Apparently, I love visiting this thread :P

Here's my current situation: A few months ago, I added a new code from this club (of course), but now I can't find it anywhere. The code was for the preview images. When I hover over an anime on my list, a preview image appears on the left side of the screen, like this. Some of the images are broken and don’t show up, which I’m fine with. It only happens occasionally.

The real issue is that my list takes a lot longer to load now. At first, I thought something else was causing it, but after checking thoroughly, it turns out it’s definitely the code. Ideally, I’d love to fix the loading issue while keeping the preview images, but I’d be okay with removing it altogether if that’s the only option. Unfortunately, my attempts to fix or remove the code haven’t worked.

Could someone help me with this?


@Pokitaru Please check the stickies first because ppl using them helps me improve the stickies and address common problems. Repair sticky part B is frequently updated and tested for this kinda thing. There's other tips on speeding up a layout there too. Although your layout loads quickly for me. This is probably the most important stuff:

You have to delete the old import which isnt set up correctly:
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter";



For the highest speed and high quality on the preview covers you can use this, paste it to the top of your CSS
@\import "https://malscraper.azurewebsites.net/covers/anime/Pokitaru/presets/dataimagelinkafter";

If covers are ever missing wait a day and they should return


For the highest quality covers on anime, paste this to the top of your CSS instead, although it's a few more MB to load so that might make a difference depending on the connection and browser settings
@\import "https://shishiohub.github.io/Covers/dataimagelinkafter.css";





If you need an import for the manga list use this (fastest)
@\import "https://malscraper.azurewebsites.net/covers/manga/Pokitaru/presets/dataimagelinkafter";






Oct 7, 12:31 AM
#7868
Pokitaru

Offline
Jul 2015
1769
@ShaggyZE @Shishio-kun
Thanks so much for your help!
And sorry for missing the stickies.
Reply Disabled for Non-Club Members
Pages (158) « First ... « 156 157 [158]
See All Discussions

More topics from this board

» [BBCode] Font Awesome Guide

hideso - Dec 25, 2023

6 by Shishio-kun »»
Today, 12:26 AM

Sticky: » 💚 [REPAIR STICKY] Repair/speed up a design + Request a layout fix

Shishio-kun - Nov 17, 2023

33 by Shishio-kun »»
Yesterday, 11:42 PM

» [CSS - Modern] 🛠️ Tweaks for lists -- Horizontal tags, descriptions, category-coloured text, accent colour, and more.

Valerio_Lyndon - Oct 24, 2019

20 by IridescentJaune »»
Nov 22, 10:58 PM

» ✳️ Bunkasai 2024 List Design and Graphic Design contests are OPEN

Shishio-kun - Nov 18

2 by Shishio-kun »»
Nov 18, 5:01 AM

Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templates

Shishio-kun - Feb 16, 2023

29 by floral_sacrifice »»
Nov 15, 10:24 AM

MoreTop Anime

  1. 1 Sousou no Frieren
  2. 2 One Piece Fan Letter
  3. 3 Fullmetal Alchemist: Brotherhood
  4. 4 Steins;Gate
  5. 5 Shingeki no Kyojin Season 3 Part 2

MoreTop Airing Anime

  1. 1 Bleach: Sennen Kessen-hen - Soukoku-tan
  2. 2 Re:Zero kara Hajimeru Isekai Seikatsu 3rd Season
  3. 3 One Piece
  4. 4 Dandadan
  5. 5 Natsume Yuujinchou Shichi

MoreMost Popular Characters

  1. 1 Lamperouge, Lelouch
  2. 2 Levi
  3. 3 Monkey D., Luffy
  4. 4 Lawliet, L
  5. 5 Roronoa, Zoro
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login