Forum Settings
Forums

[CSS Modern] ShelterStyle V3 Updated --- Koe no Katachi layout (09/04/2017) ---

New
Pages (8) « First ... « 6 7 [8]
Dec 23, 2018 3:32 PM

Offline
Sep 2018
4
Shishio-kun said:
Atalos said:
I've small problem with list(violet v2) i'm editated it a little(changing images),but fonts didn't load when i'm logged out.
This is how it looks when i'm log in

and it looks that when i'm log out


outdated codes in the top, they need to be reformatted

https://myanimelist.net/forum/?topicid=439897
see under "Allow other users to see.." and they should be fine again


thx i didn't notice that ^^
Jan 17, 2019 8:21 AM
Offline
Jan 2019
1
Hi guys, i have little problem with Violet Evergarden.

I don't see anime covers, what i need to fix it?

https://scr.hu/pggyoJe
Jan 19, 2019 11:02 AM

Offline
Aug 2018
383
Love Live theme's link is dead, I need it :(
Jan 24, 2019 3:37 AM
平沢唯

Offline
Dec 2016
2197
AllahAbkar said:
Hi guys, i have little problem with Violet Evergarden.

I don't see anime covers, what i need to fix it?

https://scr.hu/pggyoJe
What you likely need to do is simply replace the broken image generator. Add this code to the top of your CSS and see if it helps:
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";


That fix and more can be found here: https://myanimelist.net/forum/?topicid=439897
Aug 16, 2019 7:48 AM
Offline
Sep 2017
39
Could someone make a small change to the Koe no Katachi theme for me? I would like the tag to be written under the previews pics and i would like the table (the one where i update the episodes, i see the studio, etc.) to also show tags.Thanks for those who help me, i im inexperienced with the codes.
TaduinAug 17, 2019 4:47 PM
Dec 12, 2019 12:46 PM
Offline
Oct 2015
2
congratulations man, it was very wonderful
May 22, 2020 5:15 PM
Offline
Sep 2015
10
Having trouble with miniature images on Kimi no Na Wa layout
/* A custom made Kimi no Na wa layout basde on Shelter Style V2 by Takana no Hana
** Visit Shishio's club for more premade layouts
** If you're interested in my layout, visit here: https://myanimelist.net/forum/?topicid=1567864
*/

@import 'https://dl.dropboxusercontent.com/s/jxhzg9keytxsmtt/KiminoNawaCustommade.css';
{}

I copied this code but i cant see the images

Thank You

May 22, 2020 8:30 PM

Offline
Feb 2010
11294
sondaime said:
Having trouble with miniature images on Kimi no Na Wa layout
/* A custom made Kimi no Na wa layout basde on Shelter Style V2 by Takana no Hana
** Visit Shishio's club for more premade layouts
** If you're interested in my layout, visit here: https://myanimelist.net/forum/?topicid=1567864
*/

@import 'https://dl.dropboxusercontent.com/s/jxhzg9keytxsmtt/KiminoNawaCustommade.css';
{}

I copied this code but i cant see the images

Thank You





Normally you would go here, but these solutions are broken for now:
https://myanimelist.net/forum/?topicid=439897

Try the cover pic imports here instead. One of them should fix your layout back for the time being. It's best to try them all one at a time until one restores all the preview pics.
https://myanimelist.net/forum/?topicid=1791551
Sep 22, 2020 2:12 PM
Offline
Sep 2020
4
Hello, I'm having a small problem with configuring my background. It works perfectly in preview mode but when I save and view my list it still shows as the theme's original background.
Sep 23, 2020 10:33 PM

Offline
Feb 2010
11294
shslweeb said:
Hello, I'm having a small problem with configuring my background. It works perfectly in preview mode but when I save and view my list it still shows as the theme's original background.


You don't have this theme on your layout, so I can't investigate and solve the problem

I'm guessing you don't have the right layout saved here
https://myanimelist.net/ownlist/style
You need to shade the bubble next to Anime on the theme you're changing, and save
Sep 24, 2020 10:57 AM
Offline
Sep 2020
4
Shishio-kun said:
shslweeb said:
Hello, I'm having a small problem with configuring my background. It works perfectly in preview mode but when I save and view my list it still shows as the theme's original background.


You don't have this theme on your layout, so I can't investigate and solve the problem

I'm guessing you don't have the right layout saved here
https://myanimelist.net/ownlist/style
You need to shade the bubble next to Anime on the theme you're changing, and save


I have the bubbles shaded for both Anime and Manga, and when I visit my animelist page I can see the layout. Just to clarify, do you change the layout using the 'Add Custom CSS' option?
Sep 24, 2020 1:25 PM

Offline
Feb 2010
11294
shslweeb said:
Shishio-kun said:


You don't have this theme on your layout, so I can't investigate and solve the problem

I'm guessing you don't have the right layout saved here
https://myanimelist.net/ownlist/style
You need to shade the bubble next to Anime on the theme you're changing, and save


I have the bubbles shaded for both Anime and Manga, and when I visit my animelist page I can see the layout. Just to clarify, do you change the layout using the 'Add Custom CSS' option?


Oh you're using the version with those broken import URLs. Other users can't see the layout on your list unless you fix the imports at the top.

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

See under Allow other users and logged out users to see your custom CSS layout if you want to fix that




But anyways in your code, to change the backgrounds, yes you need to go to Add Custom CSS and then to


/*Change your backgrounds here*/
/*CURRENTLY WATCHING*/


And in the parenthesis below those lines you'll see some links to images. You need to upload the new wallpapers to Imgur and copy the direct link from that site and replace the default image links in the parenthesis then save. If you need more help there's information and examples in these two posts about changing backgrounds :D
https://myanimelist.net/forum/?topicid=1499059#msg45620833






Also if you're starting out you should be adding all your changes, codes, and layout to the default theme (upper left) and have the bubble next to Anime shaded under that default theme. Save after. This ensures all your changes are going to the same layout on your list. Alot of people get tripped up on this page and they don't see changes.
https://myanimelist.net/ownlist/style


Shishio-kunSep 24, 2020 1:30 PM
Oct 8, 2020 12:19 AM

Offline
Dec 2008
20
So I'm using Shelter Style Layout V2:

https://myanimelist.net/animelist/vree

Been using it for a very long time now. So thanks for that!

But I was wondering if there is a way to sort every single sublist to "last updated" as default?

Now I have to go to sort filter every time I visit my lists. It's also not in the sort options so I need to use filter.

Thanks in advance!
Oct 8, 2020 3:16 PM
平沢唯

Offline
Dec 2016
2197
vree said:
So I'm using Shelter Style Layout V2:

https://myanimelist.net/animelist/vree

Been using it for a very long time now. So thanks for that!

But I was wondering if there is a way to sort every single sublist to "last updated" as default?

Now I have to go to sort filter every time I visit my lists. It's also not in the sort options so I need to use filter.

Thanks in advance!

You can do this with a userscript (JavaScript which is run by an extension such as TamperMonkey). If you have TamperMonkey or another userscript extension, then you can visit this URL to install a userscript I've made in the past: [Link]. It will sort the list by Last Updated (descending). To sort by Last Updated (ascending) you can change the value here:

To -5 instead of 5. You can do this by editing the script once it's installed.
Oct 8, 2020 11:37 PM

Offline
Dec 2008
20
Valerio_Lyndon said:

You can do this with a userscript (JavaScript which is run by an extension such as TamperMonkey). If you have TamperMonkey or another userscript extension, then you can visit this URL to install a userscript I've made in the past: [Link]. It will sort the list by Last Updated (descending). To sort by Last Updated (ascending) you can change the value here:

To -5 instead of 5. You can do this by editing the script once it's installed.


While this is nice I would love it to just be integrated in the theme. Or at least give us an option to sort in that way. There is a sort button as it is but it has no option to sort by modified.

Why not just use youruserscript? Because I use many different PC's where most of those browsers revert back to default after use. Also I would like other people to just see the list as I want them to see it.

At this point after using myanimelist for years and years, animeplanet does seem tempting.
vreeOct 8, 2020 11:46 PM
Oct 9, 2020 1:10 AM
平沢唯

Offline
Dec 2016
2197
vree said:
While this is nice I would love it to just be integrated in the theme. Or at least give us an option to sort in that way. There is a sort button as it is but it has no option to sort by modified.

Why not just use youruserscript? Because I use many different PC's where most of those browsers revert back to default after use. Also I would like other people to just see the list as I want them to see it.

At this point after using myanimelist for years and years, animeplanet does seem tempting.

I can understand that, thought I'd give the option in case it proved useful. Unfortunately though, for such a change to be applied it would have to be done by MAL, as modifying content or redirecting the user is outside the capabilities of CSS (what these themes are made with), as it is purely a styling language and has no such functionality.
Oct 9, 2020 2:22 AM

Offline
Dec 2008
20
Valerio_Lyndon said:
vree said:
While this is nice I would love it to just be integrated in the theme. Or at least give us an option to sort in that way. There is a sort button as it is but it has no option to sort by modified.

Why not just use youruserscript? Because I use many different PC's where most of those browsers revert back to default after use. Also I would like other people to just see the list as I want them to see it.

At this point after using myanimelist for years and years, animeplanet does seem tempting.

I can understand that, thought I'd give the option in case it proved useful. Unfortunately though, for such a change to be applied it would have to be done by MAL, as modifying content or redirecting the user is outside the capabilities of CSS (what these themes are made with), as it is purely a styling language and has no such functionality.


Oh don't get me wrong I appreciate what you shared.

But I think it should be possible no? Because MAL actually has this: https://myanimelist.net/animelist/vree?order=5&status=2

So I think there should just be an added redirect to the CSS.

EDIT: gave your script a try. Will stick to that on one pc. So thanks for that one!
vreeOct 9, 2020 2:56 AM
Oct 9, 2020 3:19 PM

Offline
Dec 2008
20
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 17, 2020 10:54 AM
Offline
Jul 2018
564528
Thank you very much.
Feb 22, 2021 7:38 AM

Offline
Mar 2019
98
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";
}
the violet evergarden theme was not loading the images too, using those codes helped. Thank You
Know your place, fool. - Ryomen Sukuna
Feb 28, 2021 3:01 PM

Offline
Dec 2008
20
Kitsunyaa said:
the violet evergarden theme was not loading the images too, using those codes helped. Thank You


Np, glad it helped someone out ; )
Jun 25, 2021 5:23 PM
Offline
May 2021
2
thanks for the help
Mar 25, 2022 8:07 AM
Offline
Jan 2018
2
Takana_no_Hana said:
This layout is MODERN custom CSS. If you don't know how to install it, use the easy Beginner's Tutorial

This design can be used for both anime & manga list. For more layouts check the full list of Premade Layouts.


If you have any questions, please ask in here instead of messaging me directly.
---Updated---


Attention:

*Update for 29/03/2017: there was a huge problem for ShelterV3, the list repeating itself if you have greater than 300 anime. Problem has been fixed, the code is replaced, you just need to copy it again. Sorry for the inconvenience.

*FIXES FOR BROKEN DROPBOX LINKS (15/03/2017): go here

*If you're having problems with displaying the cover images on Firefox, add this code on top of your CSS
@import url(https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore);


List configuration:


Installing the layout


TROUBLESHOOTING: Please refer to here for the list of commonly questions and how to solve them before you ask!
-----------------------------------------------o0o-----------------------------------------------

Koe no Katachi layout (09/04/2017)


- LINK -




Shelter Style Layout V3
(Seiren theme)


Preview


Changes:

  • Back to the traditional style
  • Simplistic design which is easy to customize


Banner download
Link




-----------------------------------------------o0o-----------------------------------------------


Shelter Style Layout V2


**please leave a comment below if you use my layout, it will motivate me a lot :P**
Note that you're fine modyfing the layout but please keep the credits!


Preview


Changes:

  • Pretty much a lighter version from V1
  • No box shadow surrounding the list
  • Note that this version does not include character's render at the bottom right




-----------------------------------------------o0o-----------------------------------------------


Shelter Style Layout V1




LIST DEMO


Codes:





If you have any questions on how to install this layout, feel free to ask me here. Any suggestion to improve is appreciated!



Hello,

I'm coming a long time after posting these beautiful anime list, but I'm having some difficulty with the beautiful Violet Evergarden theme. Indeed, the posters of my anime are not displayed and remain greyed out...

Did I apply something wrong?

Thanking you in advance, have a nice day!

PS: I love this theme!
Mar 25, 2022 8:42 AM

Offline
Feb 2010
11294
AnaneSanny said:
Takana_no_Hana said:


If you have any questions, please ask in here instead of messaging me directly.
---Updated---


Attention:

*Update for 29/03/2017: there was a huge problem for ShelterV3, the list repeating itself if you have greater than 300 anime. Problem has been fixed, the code is replaced, you just need to copy it again. Sorry for the inconvenience.

*FIXES FOR BROKEN DROPBOX LINKS (15/03/2017): go here

*If you're having problems with displaying the cover images on Firefox, add this code on top of your CSS
@import url(https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore);






TROUBLESHOOTING: Please refer to here for the list of commonly questions and how to solve them before you ask!
-----------------------------------------------o0o-----------------------------------------------

Koe no Katachi layout (09/04/2017)


- LINK -




Shelter Style Layout V3
(Seiren theme)


Preview






-----------------------------------------------o0o-----------------------------------------------


Shelter Style Layout V2


**please leave a comment below if you use my layout, it will motivate me a lot :P**
Note that you're fine modyfing the layout but please keep the credits!


Preview






-----------------------------------------------o0o-----------------------------------------------


Shelter Style Layout V1




LIST DEMO





If you have any questions on how to install this layout, feel free to ask me here. Any suggestion to improve is appreciated!



Hello,

I'm coming a long time after posting these beautiful anime list, but I'm having some difficulty with the beautiful Violet Evergarden theme. Indeed, the posters of my anime are not displayed and remain greyed out...

Did I apply something wrong?

Thanking you in advance, have a nice day!

PS: I love this theme!


See if its here in an updated form, I had to fix all these at one point in the past and made this topic:
https://myanimelist.net/forum/?topicid=1928424
Mar 25, 2022 8:58 AM
Offline
Jan 2018
2
I found the solution ! Thank you ! ;)
Apr 1, 2022 1:09 PM
Offline
May 2014
111
I tried the shelter layout but i don't have the banner image
Aug 8, 2023 4:29 AM

Offline
Dec 2008
20
It seems this theme randomly broke? No more images?

https://myanimelist.net/animelist/vree

Any idea how to fix this?
Aug 8, 2023 11:26 PM
平沢唯

Offline
Dec 2016
2197
vree said:
It seems this theme randomly broke? No more images?

https://myanimelist.net/animelist/vree

Any idea how to fix this?
This is a rather old thread that isn't updated anymore, so the cover image codes are out of date and have been for a while. You probably just haver to replace your top-most "@import" code with an updated one such as this:
@\import "https://malscraper.azurewebsites.net/covers/anime/vree/presets/dataimagelinkbefore";

Or for manga lists:
@\import "https://malscraper.azurewebsites.net/covers/manga/vree/presets/dataimagelinkbefore";


Shishio has a guide on repairing layouts which mentions this fix and others and is updated every time there is another major change: https://myanimelist.net/forum/?topicid=439897
Aug 21, 2023 1:51 AM

Offline
Dec 2008
20
Valerio_Lyndon said:
vree said:
It seems this theme randomly broke? No more images?

https://myanimelist.net/animelist/vree

Any idea how to fix this?
This is a rather old thread that isn't updated anymore, so the cover image codes are out of date and have been for a while. You probably just haver to replace your top-most "@import" code with an updated one such as this:
@import "https://malscraper.azurewebsites.net/covers/anime/vree/presets/dataimagelinkbefore";

Or for manga lists:
@import "https://malscraper.azurewebsites.net/covers/manga/vree/presets/dataimagelinkbefore";


Shishio has a guide on repairing layouts which mentions this fix and others and is updated every time there is another major change: https://myanimelist.net/forum/?topicid=439897

Thanks that seems to have fixed it!!!
vreeAug 21, 2023 1:57 AM
Pages (8) « First ... « 6 7 [8]

More topics from this board

» AI-Powered Anime Recommendations + Stats ( 1 2 )

ameo___ - May 23, 2022

63 by hacker09 »»
1 hour ago

» Maki - Anime Recommender System

xDevily - May 1, 2022

49 by hacker09 »»
2 hours ago

» Show us your latest sketch or drawing v.2 ( 1 2 3 4 5 ... Last Page )

Luna - Feb 21, 2017

1631 by On_demina »»
6 hours ago

» I make animations and oil paintings, so I need your supports, please!

mufarari - Yesterday

3 by bevarnow »»
Yesterday, 8:03 PM

» Painting Kimi no Na Wa (Your Name) Music Album

mufarari - Jan 13

8 by mufarari »»
Yesterday, 11:10 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login