Forum Settings
Forums
New
This topic has been locked and is no longer available for discussion.
Pages (12) « First ... « 4 5 [6] 7 8 » ... Last »
Jun 10, 2020 12:12 AM

Online
Feb 2010
12647
3miL said:


I found a snipping tool in my dad's laptop

this is what I can make atm, is that good enough?




Yeah this tells me you're using a 1366px wide laptop :D

So you can try using this code to have the gif become clickable on that screen. If there's other screens we can add other codes


@\import "https://dl.dropboxusercontent.com/s/cvop0e358e05oo6/ShelterV1.css";
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

}
/*ALL*/
body[data-query*='"status":7'] {
background-image: url(https://image.myanimelist.net/ui/NMhxKjGdQ21NnPG4rzwny079TmWQ9LmHBtnxt3CWsQldK8VduYKDlSntkUd87AH8);
}

/*
**Your desired avatar
**Note that the best resolution is 120px * 120px
*/
.cover-block::after {background-image: url(https://image.myanimelist.net/ui/uDqA5Hj63XC4_7-Zz2-uSq8wIIvCIpJo8zfc1aKq-QM);}

/* Your name that displays next to the avatar
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "Seizon Senryaku";}



.header .username:before {
background: transparent;
content: "";
display: block;
position: absolute;
top: 20px;
left: -940px;
width: 150px;
height: 140px;
}
Jun 10, 2020 12:18 AM

Offline
Dec 2012
75073
I see. There isn't a one way solution to it?



I'll apply it now, thanks

edit: still doesn't work
3miLJun 10, 2020 12:40 AM
┍━━━━»•» «•«━━━━┑

🎖️ mal badges
🏠 blog navigation
🏆 graph badges


┕━━━━»•» ཐི♡ཋྀ «•«━━━━┙
Jun 10, 2020 1:11 AM

Online
Feb 2010
12647
@3miL
Wait so you're not using the laptop to view your list? You're using your phone? That explains a lot. Now I need a screencap of your list from your phone to make the right measurements, since you're using a different resolution and it looks like MAL is zoomed out on your phone.

Without that screencap, I have to guess then the right codes to make this work for your phone. You can try them both out and see if one of them works.

Guess 1:




Guess 2:





If those guesses don't work, here's how to do it yourself. This will put a red square on your list. You have to change the number after left (which is 800px now) to a number that moves the red square over the animated pic. When you find the right number you change "red" to "transparent". Then the animated pic will be clickable as you want.




Otherwise if none of this works I need a screencap from your phone of your list so I can make the right measurements.
Jun 10, 2020 1:15 AM

Online
Feb 2010
12647
@3mil There is another "one solution" as an alternative which I can think of, which I'm trying to avoid since it means recoding the layout which I want to avoid
Jun 10, 2020 1:32 AM

Online
Feb 2010
12647
@3mil Here's another version of your code you can try. Please try this too because this might work best. It puts the clickable part on the same place on screen sizes, not sure about phones tho :/


@\import "https://dl.dropboxusercontent.com/s/cvop0e358e05oo6/ShelterV1.css";
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

}
/*ALL*/
body[data-query*='"status":7'] {
background-image: url(https://image.myanimelist.net/ui/NMhxKjGdQ21NnPG4rzwny079TmWQ9LmHBtnxt3CWsQldK8VduYKDlSntkUd87AH8);
}

/*
**Your desired avatar
**Note that the best resolution is 120px * 120px
*/
.cover-block::after {background-image: url(https://image.myanimelist.net/ui/uDqA5Hj63XC4_7-Zz2-uSq8wIIvCIpJo8zfc1aKq-QM);}

/* Your name that displays next to the avatar
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "Seizon Senryaku";}



.header .header-menu{
position: fixed;
z-index: 99 !important;
}


.header .username:before {
background: transparent;
content: "";
display: block;
position: fixed;
top: 20px;
left: calc(50% - 450px);
width: 150px;
height: 140px;
}


.list-table .list-table-data .data.title{
z-index: 100 !important;
}
Jun 10, 2020 1:39 AM

Offline
Dec 2012
75073
Shishio-kun said:


Otherwise if none of this works I need a screencap from your phone of your list so I can make the right measurements.




I do use both to view but yeah I mostly use my phone to view it as I stream there but since I edit the css on the laptop, I check it here too

I'll try to use all those that you sent rn

┍━━━━»•» «•«━━━━┑

🎖️ mal badges
🏠 blog navigation
🏆 graph badges


┕━━━━»•» ཐི♡ཋྀ «•«━━━━┙
Jun 10, 2020 1:50 AM

Offline
Dec 2012
75073
Shishio-kun said:
@3mil There is another "one solution" as an alternative which I can think of, which I'm trying to avoid since it means recoding the layout which I want to avoid


I'm going to go with this one you sent me:

Shishio-kun said:
If those guesses don't work, here's how to do it yourself. This will put a red square on your list. You have to change the number after left (which is 800px now) to a number that moves the red square over the animated pic. When you find the right number you change "red" to "transparent". Then the animated pic will be clickable as you want.


I tried the first two guesses and this

Shishio-kun said:
@3mil Here's another version of your code you can try. Please try this too because this might work best. It puts the clickable part on the same place on screen sizes, not sure about phones tho :/


@\import "https://dl.dropboxusercontent.com/s/cvop0e358e05oo6/ShelterV1.css";
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

}
/*ALL*/
body[data-query*='"status":7'] {
background-image: url(https://image.myanimelist.net/ui/NMhxKjGdQ21NnPG4rzwny079TmWQ9LmHBtnxt3CWsQldK8VduYKDlSntkUd87AH8);
}

/*
**Your desired avatar
**Note that the best resolution is 120px * 120px
*/
.cover-block::after {background-image: url(https://image.myanimelist.net/ui/uDqA5Hj63XC4_7-Zz2-uSq8wIIvCIpJo8zfc1aKq-QM);}

/* Your name that displays next to the avatar
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "Seizon Senryaku";}



.header .header-menu{
position: fixed;
z-index: 99 !important;
}


.header .username:before {
background: transparent;
content: "";
display: block;
position: fixed;
top: 20px;
left: calc(50% - 450px);
width: 150px;
height: 140px;
}


.list-table .list-table-data .data.title{
z-index: 100 !important;
}


but neither of them worked. My Mangalist gif (the chaika one) links to my profile,

will it help if I send you the css on that one?



So I actually thought about that before and tried to understand what was it that made the gif a link but when I tried it it messed up the animelist. Good thing I keep a copy of the CSS on my notepad before messing with it.

Shishio-kun said:
@3mil There is another "one solution" as an alternative which I can think of, which I'm trying to avoid since it means recoding the layout which I want to avoid


Yes I really like the layout too. Hopefully there's a way we can go about this without doing that
┍━━━━»•» «•«━━━━┑

🎖️ mal badges
🏠 blog navigation
🏆 graph badges


┕━━━━»•» ཐི♡ཋྀ «•«━━━━┙
Jun 10, 2020 12:06 PM

Online
Feb 2010
12647
@3miL OK I see now, the list looks different for you than for me so that's why none of my codes were working for you but they were working for me :/

Try this then I tested it a lot. btw this is only for the phone. We have to add another code later for the laptop but lets get the phone thing taken care of first @_@



@\import "https://dl.dropboxusercontent.com/s/cvop0e358e05oo6/ShelterV1.css";
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

}
/*ALL*/
body[data-query*='"status":7'] {
background-image: url(https://image.myanimelist.net/ui/NMhxKjGdQ21NnPG4rzwny079TmWQ9LmHBtnxt3CWsQldK8VduYKDlSntkUd87AH8);
}

/*
**Your desired avatar
**Note that the best resolution is 120px * 120px
*/
.cover-block::after {background-image: url(https://image.myanimelist.net/ui/uDqA5Hj63XC4_7-Zz2-uSq8wIIvCIpJo8zfc1aKq-QM);}

/* Your name that displays next to the avatar
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "Seizon Senryaku";}





.list-menu-float .icon-menu.profile:after {
background: transparent !important;
content: "";
display: block;
position: fixed !important;
top: 20px;
left: 15%;
width: 140px !important;
height: 140px !important;
visibility: visible !important;
opacity: 1 !important;}
Jun 10, 2020 4:59 PM

Offline
Dec 2012
75073
Shishio-kun said:
***


Might be unintentional but it actually works both ways this time lol, thanks. :D

the only difference I see is when I press the gif on my phone, even on the right side it shows the drop-down with the links to the profile, anime-mangalist and such but it pretty much does the job, I even clicked the sides of the gif on my laptop and it works so well. Really sorry for the trouble and again thanks Shishio! :)
┍━━━━»•» «•«━━━━┑

🎖️ mal badges
🏠 blog navigation
🏆 graph badges


┕━━━━»•» ཐི♡ཋྀ «•«━━━━┙
Jun 10, 2020 5:55 PM

Online
Feb 2010
12647
3miL said:
Shishio-kun said:
***


Might be unintentional but it actually works both ways this time lol, thanks. :D

the only difference I see is when I press the gif on my phone, even on the right side it shows the drop-down with the links to the profile, anime-mangalist and such but it pretty much does the job, I even clicked the sides of the gif on my laptop and it works so well. Really sorry for the trouble and again thanks Shishio! :)


Great :D yes it works both ways because of the left percentage I guess D:
Jun 17, 2020 11:45 AM
Offline
Oct 2016
2
Hi, so i did everything as in your video and everything is working fine, I just noticed that for some reason in my list i have 5 anime per row while in your video you had 6. Do you perhaps know how to fix this? It just looks a bit wrong all to the side like that, my ocd tells me it must be symmetric.
Jun 17, 2020 12:46 PM

Online
Feb 2010
12647
CheesyMike said:
Hi, so i did everything as in your video and everything is working fine, I just noticed that for some reason in my list i have 5 anime per row while in your video you had 6. Do you perhaps know how to fix this? It just looks a bit wrong all to the side like that, my ocd tells me it must be symmetric.


You have 6 on my screen, maybe your screen size is smaller than mine or you zoomed yours in. You can adjust it with the zoom option in your browser.
Jun 17, 2020 12:56 PM
Offline
Oct 2016
2
Shishio-kun said:
CheesyMike said:
Hi, so i did everything as in your video and everything is working fine, I just noticed that for some reason in my list i have 5 anime per row while in your video you had 6. Do you perhaps know how to fix this? It just looks a bit wrong all to the side like that, my ocd tells me it must be symmetric.


You have 6 on my screen, maybe your screen size is smaller than mine or you zoomed yours in. You can adjust it with the zoom option in your browser.


ahhh silly mistake, thank you anyway!
Jul 5, 2020 3:35 AM
Offline
Dec 2018
2
https://dl.dropboxusercontent.com/s/9vlr4omtcg449zd/Steiner1411_MAL.css.

This one seems to be broken or not optimised for mobile. It looks weird
Jul 6, 2020 3:23 PM

Online
Feb 2010
12647
Phuckeury said:
https://dl.dropboxusercontent.com/s/9vlr4omtcg449zd/Steiner1411_MAL.css.

This one seems to be broken or not optimised for mobile. It looks weird


It doesn't look broken on PC. It works for me on phone too. It just takes a lot of zooming around.

btw most if not all list layouts in this club were made with desktops and laptops in mind. Custom list CSS generally isn't made for the "Request Desktop" feature on mobile devices. I don't know of any layout specifically optimized for mobile.

MAL has mobile view for lists which replaces the custom CSS with their own mobile-friendly custom CSS for the lists. And once you've switched to desktop mode on phone, I'm not sure how you switch back to mobile view either.
Shishio-kunJul 6, 2020 3:47 PM
Jul 26, 2020 12:19 PM

Offline
May 2015
7
Is it possible to repair images that you once had in your "About Me" section if they are from tinypic ? Also the forum signature/banner, the one below this post.
I pasted the link into Wayback Machine but it says 'No URL has been captured for this domain'
Jul 26, 2020 2:05 PM

Online
Feb 2010
12647
TheDarkAngel said:
Is it possible to repair images that you once had in your "About Me" section if they are from tinypic ? Also the forum signature/banner, the one below this post.
I pasted the link into Wayback Machine but it says 'No URL has been captured for this domain'


Do you have the image URLs? Try to paste them here. Sometimes you can paste them into Google Images and find them if they aren't on Wayback. But if they aren't on Wayback they might be lost
Jul 28, 2020 10:41 AM

Offline
May 2015
7
Shishio-kun said:
TheDarkAngel said:
Is it possible to repair images that you once had in your "About Me" section if they are from tinypic ? Also the forum signature/banner, the one below this post.
I pasted the link into Wayback Machine but it says 'No URL has been captured for this domain'


Do you have the image URLs? Try to paste them here. Sometimes you can paste them into Google Images and find them if they aren't on Wayback. But if they aren't on Wayback they might be lost


http://i65.tinypic.com/2hci6pj.png

http://i66.tinypic.com/5uoig5.gif[/img][/url]
http://i63.tinypic.com/sc3xfk.gif[/img][/url]
http://i65.tinypic.com/28h3ciq.gif[/img][/url]
http://i67.tinypic.com/28s0y8g.gif[/img][/url]
http://i64.tinypic.com/wqymg5.gif[/img][/url]

Managed to get the signature back, but I can't find any of the links from above on wayback machine.
Jul 28, 2020 3:10 PM

Online
Feb 2010
12647
TheDarkAngel said:
Shishio-kun said:


Do you have the image URLs? Try to paste them here. Sometimes you can paste them into Google Images and find them if they aren't on Wayback. But if they aren't on Wayback they might be lost


http://i65.tinypic.com/2hci6pj.png

http://i66.tinypic.com/5uoig5.gif[/img][/url]
http://i63.tinypic.com/sc3xfk.gif[/img][/url]
http://i65.tinypic.com/28h3ciq.gif[/img][/url]
http://i67.tinypic.com/28s0y8g.gif[/img][/url]
http://i64.tinypic.com/wqymg5.gif[/img][/url]

Managed to get the signature back, but I can't find any of the links from above on wayback machine.


They're not showing up on Google Images either, I can't think of any where else online to search so I think they're gone :/

You can try to also search your own profile URL on Wayback and Google Images and see what that brings up
Jul 29, 2020 2:59 AM

Offline
May 2015
7
Shishio-kun said:
TheDarkAngel said:


http://i65.tinypic.com/2hci6pj.png

http://i66.tinypic.com/5uoig5.gif[/img][/url]
http://i63.tinypic.com/sc3xfk.gif[/img][/url]
http://i65.tinypic.com/28h3ciq.gif[/img][/url]
http://i67.tinypic.com/28s0y8g.gif[/img][/url]
http://i64.tinypic.com/wqymg5.gif[/img][/url]

Managed to get the signature back, but I can't find any of the links from above on wayback machine.


They're not showing up on Google Images either, I can't think of any where else online to search so I think they're gone :/

You can try to also search your own profile URL on Wayback and Google Images and see what that brings up


Tested out by searching the profile aswell in wayback machine, nothing found. Atleast got the signature, thanks a bunch for taking your time :)
Sep 1, 2020 6:59 PM
Offline
Jul 2014
14
So...uh, hi
I'm having a problem with my layout
I have those things on the and normaly they stay hidden unless the mouse hovers over it


I don't know how to fix this, even tought i've tried, but maybe i'm just dumb
My list is on the classic template and this is my code:

Sep 1, 2020 9:00 PM

Online
Feb 2010
12647
AraujoDaisuki said:
So...uh, hi
I'm having a problem with my layout
I have those things on the and normaly they stay hidden unless the mouse hovers over it


I don't know how to fix this, even tought i've tried, but maybe i'm just dumb
My list is on the classic template and this is my code:




Try adding this to the bottom of your CSS

.status_not_selected {
opacity:0;
}

Is that what you're trying to do?
Sep 1, 2020 9:15 PM
Offline
Jul 2014
14
Shishio-kun said:
AraujoDaisuki said:
So...uh, hi
I'm having a problem with my layout
I have those things on the and normaly they stay hidden unless the mouse hovers over it


I don't know how to fix this, even tought i've tried, but maybe i'm just dumb
My list is on the classic template and this is my code:




Try adding this to the bottom of your CSS

.status_not_selected {
opacity:0;
}

Is that what you're trying to do?

Unfortunatly no, that just ends up hidding all of the side bars (excluding the last one), the only thing i want to do is get the last one like to the first 5
Sep 1, 2020 9:29 PM

Online
Feb 2010
12647
AraujoDaisuki said:
the only thing i want to do is get the last one like to the first 5


What do you mean by this exactly? I don't understand at all what you're trying to fix.

This is how your list looks to me. Is it the same for you? Nothing looks broken, except for the missing currently watching header. Is that what you're referring to? What will the list look like when its fixed in your view?





Sep 1, 2020 9:46 PM
Offline
Jul 2014
14
Shishio-kun said:

What do you mean by this exactly? I don't understand at all what you're trying to fix.


I just figured out that the thing that's bothering me is not a bug, is a feature.
Aparently this particular design keeps the category selected sticking out, I'm sorry to bother you, but i guess i can figure this out on my own
Sep 1, 2020 10:48 PM

Online
Feb 2010
12647
AraujoDaisuki said:
Shishio-kun said:

What do you mean by this exactly? I don't understand at all what you're trying to fix.


I just figured out that the thing that's bothering me is not a bug, is a feature.
Aparently this particular design keeps the category selected sticking out, I'm sorry to bother you, but i guess i can figure this out on my own


OH I see what you mean now. You don't want the All tab sticking out on the All Anime page and the Current tab sticking out on the Current page, and so forth.

It seems like you got a change like you want, good job :D

If you want to remove the tab completely, you can try opacity: 0; or display: none; for the tab you want gone (which is probably status selected)
Sep 1, 2020 10:55 PM
Offline
Jul 2014
14
Shishio-kun said:

OH I see what you mean now. You don't want the All tab sticking out on the All Anime page and the Current tab sticking out on the Current page, and so forth.

It seems like you got a change like you want, good job :D

I'm still figuring it out, the border keeps getting in the way, but thanks anyway
Sep 1, 2020 10:59 PM
Offline
Jul 2014
14
AraujoDaisuki said:

I'm still figuring it out, the border keeps getting in the way, but thanks anyway

Nervermind, I figured it out
Sep 1, 2020 11:21 PM

Online
Feb 2010
12647
AraujoDaisuki said:
AraujoDaisuki said:

I'm still figuring it out, the border keeps getting in the way, but thanks anyway

Nervermind, I figured it out


Awesome! Congrats :D
Sep 1, 2020 11:26 PM
Offline
Jul 2014
14
Shishio-kun said:

Awesome! Congrats :D

Thanks man
Sep 3, 2020 10:56 AM
Offline
Jun 2017
4
Hi... So, recently i changed my layout for this one https://dl.dropboxusercontent.com/s/dhx5muizdr4h44a/BooksyMAL.css and it works okay on the anime list but for some reason the manga list is broken and i can't figure out how to fix it
Sep 3, 2020 2:34 PM

Online
Feb 2010
12647
harushin said:
Hi... So, recently i changed my layout for this one https://dl.dropboxusercontent.com/s/dhx5muizdr4h44a/BooksyMAL.css and it works okay on the anime list but for some reason the manga list is broken and i can't figure out how to fix it


For some reason its not working in Chrome. I don't know why, but try this adding this as an additional import at the top?

@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

you might have to install this for a CSS that only applies to your manga list on this page so it doesn't interfere with the anime list, but I'm not sure yet
Sep 3, 2020 5:34 PM
Offline
Jun 2017
4
Shishio-kun said:


For some reason its not working in Chrome. I don't know why, but try this adding this as an additional import at the top?

@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

you might have to install this for a CSS that only applies to your manga list on this page so it doesn't interfere with the anime list, but I'm not sure yet


I did all of this but still doesn't work, is there anything else I can do?
Also, sorry for the trouble
Sep 3, 2020 6:47 PM

Online
Feb 2010
12647
harushin said:
Shishio-kun said:


For some reason its not working in Chrome. I don't know why, but try this adding this as an additional import at the top?

@\import "https://dl.dropboxusercontent.com/s/xkier4ibskg0lny/mangalist.css";

you might have to install this for a CSS that only applies to your manga list on this page so it doesn't interfere with the anime list, but I'm not sure yet


I did all of this but still doesn't work, is there anything else I can do?
Also, sorry for the trouble


Is it still not working now? It seems to be working for me in Chrome at the moment

Can you screenshot what it looks like for you exactly?
Sep 3, 2020 9:41 PM
Offline
Jun 2017
4
Shishio-kun said:


Is it still not working now? It seems to be working for me in Chrome at the moment

Can you screenshot what it looks like for you exactly?


For me it looks like this. At the top everything is almost fine, just the number of chapters are messed up but at the bottom of the page it doesn't work at all
Sep 3, 2020 10:47 PM

Online
Feb 2010
12647
harushin said:
Shishio-kun said:


Is it still not working now? It seems to be working for me in Chrome at the moment

Can you screenshot what it looks like for you exactly?


For me it looks like this. At the top everything is almost fine, just the number of chapters are messed up but at the bottom of the page it doesn't work at all



OK I see, the volumes and chapters text is clashing. The layout wasn't designed for volumes and chapters both on at the same time, so add this code to the bottom of the CSS to move volumes down a bit :D


td.data.volume
{margin-top: 15px;
position: absolute;}



What exactly isn't working at the bottom? I can't find any problem at the bottom and this is what I see (after adding the codes above).

Sep 4, 2020 12:27 PM
Offline
Jun 2017
4
Shishio-kun said:



OK I see, the volumes and chapters text is clashing. The layout wasn't designed for volumes and chapters both on at the same time, so add this code to the bottom of the CSS to move volumes down a bit :D


td.data.volume
{margin-top: 15px;
position: absolute;}



What exactly isn't working at the bottom? I can't find any problem at the bottom and this is what I see (after adding the codes above).



Ah, I see it. I will try this one the connection issue with MAL is fixed. Thank you so much for your help!
Sep 12, 2020 7:49 PM
Offline
Aug 2020
5
I spent about 2 hours customizing a layout last week, and when i went to look at the CSS, everything reverted back to the defaults. Is there a way I can like revert it back, or am I just going to have to recreate it?
Sep 12, 2020 10:59 PM

Online
Feb 2010
12647
d-how9 said:
I spent about 2 hours customizing a layout last week, and when i went to look at the CSS, everything reverted back to the defaults. Is there a way I can like revert it back, or am I just going to have to recreate it?


Did you save over your CSS changes at any point? This would mean yes, it's gone unless you saved your original CSS somewhere because MAL didn't.

But it seems currently you're on this theme

maybe your updated custom layout is on the Default Theme or another theme. You should look between them all and see if one of them has your updated layout. You might have switched to the White Blue theme which has the default custom layout and saved, so your list has the default custom layout. Meanwhile, your updated layout could be on another theme. Hope that makes sense its hard to explain.

check all the 10 themes to see if the style you want is still there and switch back to it if so
https://myanimelist.net/ownlist/style
Sep 12, 2020 11:24 PM
Offline
Aug 2020
5
Shishio-kun said:
d-how9 said:
I spent about 2 hours customizing a layout last week, and when i went to look at the CSS, everything reverted back to the defaults. Is there a way I can like revert it back, or am I just going to have to recreate it?


Did you save over your CSS changes at any point? This would mean yes, it's gone unless you saved your original CSS somewhere because MAL didn't.

But it seems currently you're on this theme


It looks like its gone, I'll just have to recreate it. Thank you for your help :)
maybe your updated custom layout is on the Default Theme or another theme. You should look between them all and see if one of them has your updated layout. You might have switched to the White Blue theme which has the default custom layout and saved, so your list has the default custom layout. Meanwhile, your updated layout could be on another theme. Hope that makes sense its hard to explain.

check all the 10 themes to see if the style you want is still there and switch back to it if so
https://myanimelist.net/ownlist/style
Sep 20, 2020 2:11 AM
Offline
Jan 2017
169
hey guys can you take a look at my anime list and tell me why the images are blurry ?
Sep 20, 2020 2:39 AM
平沢唯

Offline
Dec 2016
2206
zHyDra said:
hey guys can you take a look at my anime list and tell me why the images are blurry ?
Private list. Publicize your list or check the "fix for any issue" found: [here].
Sep 20, 2020 2:49 AM
Offline
Jan 2017
169
Valerio_Lyndon said:
zHyDra said:
hey guys can you take a look at my anime list and tell me why the images are blurry ?
Private list. Publicize your list or check the "fix for any issue" found: [here].

unfortunately i'm beginner in this and i couldn't understand your blog :)
Sep 20, 2020 3:48 PM
平沢唯

Offline
Dec 2016
2206
zHyDra said:
Valerio_Lyndon said:
Private list. Publicize your list or check the "fix for any issue" found: [here].

unfortunately i'm beginner in this and i couldn't understand your blog :)
Since your animelist is public now, it should be working. But if it isn't, or you want to private your list again, you can add this CSS to the very top of your code.

@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";
Sep 20, 2020 7:45 PM
Offline
Jan 2017
169
Valerio_Lyndon said:
zHyDra said:

unfortunately i'm beginner in this and i couldn't understand your blog :)
Since your animelist is public now, it should be working. But if it isn't, or you want to private your list again, you can add this CSS to the very top of your code.

@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";
ok i will try it thanks <3
Oct 9, 2020 3:50 PM

Offline
Dec 2008
21
Suddenly not a single image is loading in my list? Tried 2 different browsers. Did something break in general???

I tried deleting @import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"

But that did nothing. I remember that extra line being the solution many years ago.

EDIT: Strangely adding these lines at the top make it work again:

@import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
@import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";


Very strange since it worked fine a few hours ago and yesterday without those lines.
But it does seem to load the page much much slower.

/* A Shelter layout for modern CSS (V2) by Takana_no_Hana
** Visit Shishio's club for more premade layouts
** You can customize a few things in this layout
** If you're interested in my layout, visit here: https://myanimelist.net/forum/?topicid=1524727
*/

/*Layout codes, please leave this line intact when copying the whole thing. Don't touch it.
*/
@import "https://dl.dropboxusercontent.com/s/ge82a964xg2raj9/ShelterV2.css";
@import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

/*
**You can change your list background here.
**By default, there are 6 different backgrounds for each category
**If you want to have only a single background, replace them all with the same image url.
*/

/*CURRENTLY WATCHING*/
body[data-query*='"status":1'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*COMPLETED*/
body[data-query*='"status":2'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*ON HOLD*/
body[data-query*='"status":3'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*DROPPED*/
body[data-query*='"status":4'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*PLANNED*/
body[data-query*='"status":6'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*ALL*/
body[data-query*='"status":7'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}

/*
**Your desired avatar
**Note that the best resolution is 120px * 120px
*/
.cover-block::after {background-image: url("https://i.imgur.com/1yTyuej.jpg");}

/* Your name that displays next to the avatar
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "Vree's Anime List";
}
vreeOct 9, 2020 4:05 PM
Oct 9, 2020 8:22 PM

Offline
Nov 2014
2
Try using MAL it!, it worked for me.

https://myanimelist.net/forum/?topicid=1775986


vree said:
Suddenly not a single image is loading in my list? Tried 2 different browsers. Did something break in general???

I tried deleting @import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"

But that did nothing. I remember that extra line being the solution many years ago.

EDIT: Strangely adding these lines at the top make it work again:

@import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
@import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";


Very strange since it worked fine a few hours ago and yesterday without those lines.
But it does seem to load the page much much slower.

/* A Shelter layout for modern CSS (V2) by Takana_no_Hana
** Visit Shishio's club for more premade layouts
** You can customize a few things in this layout
** If you're interested in my layout, visit here: https://myanimelist.net/forum/?topicid=1524727
*/

/*Layout codes, please leave this line intact when copying the whole thing. Don't touch it.
*/
@import "https://dl.dropboxusercontent.com/s/ge82a964xg2raj9/ShelterV2.css";
@import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

/*
**You can change your list background here.
**By default, there are 6 different backgrounds for each category
**If you want to have only a single background, replace them all with the same image url.
*/

/*CURRENTLY WATCHING*/
body[data-query*='"status":1'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*COMPLETED*/
body[data-query*='"status":2'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*ON HOLD*/
body[data-query*='"status":3'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*DROPPED*/
body[data-query*='"status":4'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*PLANNED*/
body[data-query*='"status":6'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}
/*ALL*/
body[data-query*='"status":7'] {
background-image: url("https://wallpaperset.com/w/full/1/d/5/4215.jpg");
}

/*
**Your desired avatar
**Note that the best resolution is 120px * 120px
*/
.cover-block::after {background-image: url("https://i.imgur.com/1yTyuej.jpg");}

/* Your name that displays next to the avatar
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "Vree's Anime List";
}
NhoemmsiOct 9, 2020 8:26 PM
Oct 12, 2020 2:35 AM
Offline
Mar 2016
5
I appreciate the guide, it really helped me out but I still had this problem where my preview lists, sometimes, not showing properly. When I go first to my "Anime List", it shows all the images but when I go to my "Manga List", it doesn't show any images at all. This problem occurs vise versa depending on which list I visit first.

Sorry maybe I'm just dumb but is there any solutions for this?
Oct 14, 2020 1:19 AM
平沢唯

Offline
Dec 2016
2206
Jii-sama said:
I appreciate the guide, it really helped me out but I still had this problem where my preview lists, sometimes, not showing properly. When I go first to my "Anime List", it shows all the images but when I go to my "Manga List", it doesn't show any images at all. This problem occurs vise versa depending on which list I visit first.

Sorry maybe I'm just dumb but is there any solutions for this?

Not quite sure why this is happening, as you have everything setup correctly. I assume it is a problem with the generator as it has been having problems recently. You can either wait to see if it fixes itself, or try a couple of things. First option, add this line directly below the two "@\import" lines you currently have:
@\import "https://malscraper.azurewebsites.net/covers/manga/Jii-sama/presets/dataimagelinkbefore";



That might help. If that doesn't help and you want to fully fix it, you can add this line in the same manner. But, I don't recommend this unless you're 100% sure you need to as it will increase the page loading time.
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";

If neither of these fixes the problem, then I probably missed something and I'll have to take another look.
Oct 15, 2020 8:20 AM
Offline
Mar 2016
5
Valerio_Lyndon said:
Jii-sama said:
I appreciate the guide, it really helped me out but I still had this problem where my preview lists, sometimes, not showing properly. When I go first to my "Anime List", it shows all the images but when I go to my "Manga List", it doesn't show any images at all. This problem occurs vise versa depending on which list I visit first.

Sorry maybe I'm just dumb but is there any solutions for this?

Not quite sure why this is happening, as you have everything setup correctly. I assume it is a problem with the generator as it has been having problems recently. You can either wait to see if it fixes itself, or try a couple of things. First option, add this line directly below the two "@\import" lines you currently have:
@\import "https://malscraper.azurewebsites.net/covers/manga/Jii-sama/presets/dataimagelinkbefore";



That might help. If that doesn't help and you want to fully fix it, you can add this line in the same manner. But, I don't recommend this unless you're 100% sure you need to as it will increase the page loading time.
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";

If neither of these fixes the problem, then I probably missed something and I'll have to take another look.


Hey! Thanks for the creative response. I followed your first recommendation and it did the job very well done! I removed it afterwards to see what the problem really is and somehow, it went back to normal like it never had a problem in the first place. I don't know if this will ensure the codes longevity but be that as it may, I still have your options available to use so I'll take that in mind. My gratitudes~
This topic has been locked and is no longer available for discussion.
Pages (12) « First ... « 4 5 [6] 7 8 » ... Last »

More topics from this board

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Jul 21, 2017

381 by KabukiChouNights »»
Sep 13, 10:56 AM

» theme help

threat - 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 Fixes

Shishio-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 Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login