This is a custom layout for modern template lists. If you don't know how to install the codes, click here to view the Beginner's Tutorial. If there are problems: install the latest version, or check the Repair Sticky for patches and updates (found here). All premade modern layouts can be found in the gallery by clicking here. These beautiful designs are fully working, restored, and tested, and moved here for your convenience! There are some notes in the code to help with customization and some changeable parts are at the bottom of the CSS now. If you are using the Violet Evergarden layout, I've made some recording and tutorials just for changing some of this design: https://myanimelist.net/forum/?topicid=1928424#msg69120312 These recordings may also help with changing other layouts since it's all similar concepts. Otherwise, see the CSS tutorials for customizing help: https://myanimelist.net/forum/?topicid=2077862 Nier Layout with animated background  Madoka Grid-Style Layout   Madoka Line-style Layout  GochiUsa Layout  Koe no Katachi Layout  Shelter Layout  Violet Evergarden Grid-style Layout   Violet Evergarden Line-style Layout   Aria Layout  TTGL Layout  Bungaku Layout  Love Live Layout  Gungrave Layout  |
Shishio-kunApr 29, 2023 3:04 PM
| Great to see Takana's layouts being preserved! Quick warning though, the GochiUsa code has the same flaw from the original thread which can cause insane lag on some people's machines. The problem is the character image gets applied to an element on all list rows (.data.status). This means that instead of a single image being displayed, there are hundreds being layered on top of each other, which will slow down some people's PCs on large lists. I previously fixed this in the old thread after a user had troubles with it: https://myanimelist.net/forum/?topicid=1524727&show=50#msg57358196 [Refreshed Code] [Full list of Fixes & Changes] To quickly see the optimised version in action, view it: [Here] If you don't want to use the optimised code to keep all the original intent intact, the fix is simply to change the .data.status selector to one that only applies once on each page. You can see how I did that in this diffchecker here: https://www.diffchecker.com/jhzKzlRM/ |
Valerio_LyndonApr 1, 2023 12:42 PM
Valerio_Lyndon said: Great to see Takana's layouts being preserved! Quick warning though, the GochiUsa code has the same flaw from the original thread which can cause insane lag on some people's machines. The problem is the character image gets applied to an element on all list rows (.data.status). This means that instead of a single image being displayed, there are hundreds being layered on top of each other, which will slow down some people's PCs on large lists. I previously fixed this in the old thread after a user had troubles with it: https://myanimelist.net/forum/?topicid=1524727&show=50#msg57358196 [Refreshed Code] [Full list of Fixes & Changes] To quickly see the optimised version in action, view it: [Here] If you don't want to use the optimised code to keep all the original intent intact, the fix is simply to change the .data.status selector to one that only applies once on each page. You can see how I did that in this diffchecker here: https://www.diffchecker.com/jhzKzlRM/ Thanks I've switched it to your refreshed code. Although now looking at things I think these should all have the imports changed to Spacecowboy-type imports so everyone can simply put in their username and reduce the cover-loading lag which can be brutal |
| Tutorials/recordings on changing some features in the popular Violet Evergarden layout Change the quote Changing Wallpaper Changing List cover and videos on top Changing colors |
Shishio-kunApr 29, 2023 4:03 PM
Reply to NemuSanjou
i chose the gungrave layout, but I want to change the background and the pfp icon, can i do that?
@NemuSanjou yes. look at the code and change these links |
Reply to karmashizzle
| @karmashizzle grateful :) |
More topics from this board
» ✳️ Bunkasai 2024 List Design and Graphic Design contests are OPENShishio-kun - Nov 18 |
2 |
by Shishio-kun
»»
Nov 18, 5:01 AM |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
29 |
by floral_sacrifice
»»
Nov 15, 10:24 AM |
|
» [CSS - Modern] 🍰 Clarified by V.L — a responsive table-based design ( 1 2 )Valerio_Lyndon - Aug 1, 2022 |
94 |
by ddaruu
»»
Nov 13, 9:18 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
55 |
by _cjessop19_
»»
Nov 12, 4:45 AM |
|
» Load all entries at once in modern style?tirafesi - Nov 3 |
1 |
by Shishio-kun
»»
Nov 7, 1:44 AM |