One more thing, how can I center this header by moving it a little to the right? Thank you! |
 "𝘏𝘦𝘺, 𝘏𝘢𝘤𝘩𝘪... 𝘕𝘰 𝘮𝘢𝘵𝘵𝘦𝘳 𝘩𝘰𝘸 𝘮𝘶𝘤𝘩 𝘰𝘳 𝘩𝘰𝘸 𝘰𝘧𝘵𝘦𝘯 𝘱𝘦𝘰𝘱𝘭𝘦 𝘩𝘶𝘳𝘵 𝘦𝘢𝘤𝘩 𝘰𝘵𝘩𝘦𝘳, 𝘭𝘰𝘷𝘪𝘯𝘨 𝘴𝘰𝘮𝘦𝘰𝘯𝘦 𝘪𝘴 𝘯𝘦𝘷𝘦𝘳 𝘢 𝘸𝘢𝘴𝘵𝘦." ⁻𝘕𝘢𝘯𝘢 𝘖𝘴𝘢𝘬𝘪 |
| Hey folks, I've got a few questions just in case you could help me to transition to this one theme. I've watched 2-3 of the offered tutorials to get an idea 1) Can the background pic be replaced by simply adding an image on the Customize Default Theme column? 2)Can I edit the size of the tags by using Inspect Element? 3)Is there a way to not have the titles fully capitalized? And also, in my current list I can find out when an entry was updated last, is it possible to somehow add it in this one?  Btw, can the header with "manga, chapter, tag" etc, remain still while scrolling? Probably more than just a few questions... Thank you! |
KoSparrowsApr 11, 2022 1:01 PM
| Hi Shishio-kun, it's been a while. I was wondering if is it possible to change the white background of the list into something dark. also how can I change the background? sorry for not reading the comments because its too long and my eyes is getting dizzy just by reading them. |
          "Crying is how your heart speaks, when your lips can't explain the pain you feel." |
| I modified the list a little bit, but after adding a character render I can't click the tabs above it anymore. Also wondering if there are some sort of favorite hearts for this list. Hope anyone reads this and can help me. |
JustJasper said: I modified the list a little bit, but after adding a character render I can't click the tabs above it anymore. Also wondering if there are some sort of favorite hearts for this list. Hope anyone reads this and can help me. Add pointer-events: none !important; to the render's codes. Makes the render's space unclickable and clickable things behind it clickable again. If that doesn't work paste the CSS here or in a pastebin page and link it please Also maybe you can install the layout and customize it with VL's ap for better results? https://myanimelist.net/forum/?topicid=2024461 |
 |
| issue with the extended table |
 |
The screenshot is 33% zoom, this won't happen on the normal view (?), but if you need to be zoomed you can add this code to your custom CSS to fix it most likely footer { height: 100% !important; } |
|
Shishio-kun said: JustJasper said: I modified the list a little bit, but after adding a character render I can't click the tabs above it anymore. Also wondering if there are some sort of favorite hearts for this list. Hope anyone reads this and can help me. Add pointer-events: none !important; to the render's codes. Makes the render's space unclickable and clickable things behind it clickable again. If that doesn't work paste the CSS here or in a pastebin page and link it please Also maybe you can install the layout and customize it with VL's ap for better results? https://myanimelist.net/forum/?topicid=2024461 That code worked, everything is fine now. I'll mess around with the ap to look for any further modifications. |
| @Shishio-kun nah i just zoomed in/out to see if anything weird happening. that works. tho it seems like it only hides the offscreen list underneath the footers bg. but thats good enough xD 1 thing i wish is that your version of the layout 'contains' the list inside the...body(?) idk terms ¯_(ツ)_/¯ kinda like the original code but maybe thats causing the 300 entry limit? nevermind. curse my poor english ---------  1. the gradient color is affecting the text and icon, how do i prevent that? 2. from others/logged out view the icon is black, how to make it white? le code: ---EDIT--- managed to fix 1 but not 2 |
karmashizzleJun 24, 2022 5:00 AM
|
@karmashizzle For the icons colors get the codes from them from here and add the colors you want with !important https://myanimelist.net/forum/?topicid=1929120 should be under Side Menu The logged out icon code might be on that page, but you can also open up the layout in Firefox and logged out, then you can get the exact code for logged out stuff with Inspect Element, use this guide https://myanimelist.net/forum/?topicid=1780591 I don't understand the rest of your post so you need to explain it again and tell me/show me with a Photoshopped screenshot (or something like that) how the layout would look fixed |
|
Shishio-kun said: @Shishio-kun I too am having the same problem. @karmashizzle For the icons colors get the codes from them from here and add the colors you want with !important https://myanimelist.net/forum/?topicid=1929120 should be under Side Menu The logged out icon code might be on that page, but you can also open up the layout in Firefox and logged out, then you can get the exact code for logged out stuff with Inspect Element, use this guide https://myanimelist.net/forum/?topicid=1780591 I don't understand the rest of your post so you need to explain it again and tell me/show me with a Photoshopped screenshot (or something like that) how the layout would look fixed This is what is showing when logged in and looking at my own list This is what displays when logged out/logged on a seperate account and looking at the same list I've already tried using developer tools, but I can't seem to find which part makes the image icon black instead of what I would want it to be, white. Thanks!! code: EDIT: I only just now realized after looking at the code again, it's black because its an image from a url. FIX: just invert the images |
kenlnyJul 15, 2023 4:30 PM
| @Shishio-kun I have issues as following: Logged in with own account - looks great  Logged in with a throwaway account - sidebar options are messed up also the custom fonts are reverted  Logged out - more of the same but with register and log in option on sidebar instead of shared anime  How could I fix the sidebar interface and the custom font on my list for another users? Also when I attempt to delete any option on the sidebar the background disappears, I prefer all the sidebar options kept intact though. Thank you in advance. |
 |
Reply to animelist
@Shishio-kun I have issues as following:
Logged in with own account - looks great
Logged in with a throwaway account - sidebar options are messed up also the custom fonts are reverted
Logged out - more of the same but with register and log in option on sidebar instead of shared anime
How could I fix the sidebar interface and the custom font on my list for another users? Also when I attempt to delete any option on the sidebar the background disappears, I prefer all the sidebar options kept intact though. Thank you in advance.
Logged in with own account - looks great
Logged in with a throwaway account - sidebar options are messed up also the custom fonts are reverted
Logged out - more of the same but with register and log in option on sidebar instead of shared anime
How could I fix the sidebar interface and the custom font on my list for another users? Also when I attempt to delete any option on the sidebar the background disappears, I prefer all the sidebar options kept intact though. Thank you in advance.
@myanimelast The vertical position problems are due to this code you added.  This is not present in the default code and removing it brings back the default buttons, thus fixing position problems. Did you want to hide those buttons or was this a mistake? The horizontal positioning problems are mostly due to the "Statistics" button being new. You can fix that by adding new code to make the icon position the same. .header-info a i {
padding: 0 11px 0 20px;
}That will then fix your menu:  As for your fonts, they are using the incorrect format. MAL requires a specific format because of the "cleaning" they do to CSS. You can see that happening if you open the dev tools while logged out:  Shishio has a guide on fixing broken imports in the repair thread, but in summary you need to change your imports from this style: @import url(); @\import ""; myanimelast said: when I attempt to delete any option on the sidebar the background disappears, I prefer all the sidebar options kept intact though. I don't quite understand what you mean by this. There's an issue when you delete items, but you don't want to delete them? |
| @Valerio_Lyndon Thank you for your assistance, the last paragraph above is about my attempt to "fix" the problem it by removing all the clickables in the sidebar, it worked but got the background removed for some reason. All in all, it's all good for now with the better option by keeping all the sidebar options and actually fixed it. Cheers. |
|
| How do I align the episode plus icon next to the episode count? idk why, but this doesn't occur in my manga list. |
musubi3Oct 9, 2023 9:57 PM
  MALoween 2023 Candies |  x 5        |
Reply to musubi3
How do I align the episode plus icon next to the episode count? idk why, but this doesn't occur in my manga list.
@musubi3 Looks like this code is the culprit: The "inherit" value is causing it to inherit the "block" display from its parent <div>. This causes the new line. The manga icon has a different selector so is unaffected. Removing this code entirely seems to make the icon vanish, so I would set it to "inline" which will make it act like regular text. .icon-add-episode { display: inline !important; }I love the buttons design and theme you've got, by the way! |
Reply to Valerio_Lyndon
@musubi3 Looks like this code is the culprit:
The "inherit" value is causing it to inherit the "block" display from its parent <div>. This causes the new line. The manga icon has a different selector so is unaffected.
Removing this code entirely seems to make the icon vanish, so I would set it to "inline" which will make it act like regular text.
I love the buttons design and theme you've got, by the way!
The "inherit" value is causing it to inherit the "block" display from its parent <div>. This causes the new line. The manga icon has a different selector so is unaffected.
Removing this code entirely seems to make the icon vanish, so I would set it to "inline" which will make it act like regular text.
.icon-add-episode { display: inline !important; }I love the buttons design and theme you've got, by the way!
| @Valerio_Lyndon Thank you so much! I love both of your list designs too! I hope I am not a bother, but after viewing your lists I was wondering how you managed to add the border around your quick add that also houses the close button: I currently am stuck at this: Edit: I figured it out! |
musubi3Oct 10, 2023 1:16 PM
MALoween 2023 Candies | x 5 |
Reply to musubi3
@Valerio_Lyndon Thank you so much! I love both of your list designs too!
I hope I am not a bother, but after viewing your lists I was wondering how you managed to add the border around your quick add that also houses the close button:
I currently am stuck at this:
Edit: I figured it out!
I hope I am not a bother, but after viewing your lists I was wondering how you managed to add the border around your quick add that also houses the close button:
I currently am stuck at this:
Edit: I figured it out!
| @musubi3 musubi3 said: Edit: I figured it out! Awesome! :D |
| Hello! Is there a way to make it hover in the whole entry instead of the text only? I don't know how to explain to properly, but I would like the cursor to highlight the entry I'm hovering on, and not just when I'm right above the title of the anime. For example, in the image below, I'm hovering over Angel Beats, but it doesn't highlight anything unless I hover over the text. If possible, I would like the whole row of the title to be highlighted, in a simple color, like grey, black or anything simple/transparent/easy to look. Other than that, great layout! I'm loving this simplistic and minimalistic look of it  |
 |
Reply to Pokitaru
Hello!
Is there a way to make it hover in the whole entry instead of the text only?
I don't know how to explain to properly, but I would like the cursor to highlight the entry I'm hovering on, and not just when I'm right above the title of the anime.
For example, in the image below, I'm hovering over Angel Beats, but it doesn't highlight anything unless I hover over the text. If possible, I would like the whole row of the title to be highlighted, in a simple color, like grey, black or anything simple/transparent/easy to look.
Other than that, great layout! I'm loving this simplistic and minimalistic look of it
Is there a way to make it hover in the whole entry instead of the text only?
I don't know how to explain to properly, but I would like the cursor to highlight the entry I'm hovering on, and not just when I'm right above the title of the anime.
For example, in the image below, I'm hovering over Angel Beats, but it doesn't highlight anything unless I hover over the text. If possible, I would like the whole row of the title to be highlighted, in a simple color, like grey, black or anything simple/transparent/easy to look.
Other than that, great layout! I'm loving this simplistic and minimalistic look of it
/* Highlight row on hover */
.list-table-data:hover {
background: rgba(5, 5, 5, 0.5);
}More info on Custom row highlights >> https://myanimelist.net/forum/?topicid=1567153 |
Reply to hideso
/* Highlight row on hover */
.list-table-data:hover {
background: rgba(5, 5, 5, 0.5);
}More info on Custom row highlights >> https://myanimelist.net/forum/?topicid=1567153
| @hideso You are a life saver, thank you very much! |
|
| It may be something silly but is there a way to change the sidebar color? And something more complex for my pov, could I get the little category-sidebar match the custom color of my category header? |
 【 悪 魔 で 執 事 で す か ら 】 |
Reply to laBelphe
It may be something silly but is there a way to change the sidebar color?
And something more complex for my pov, could I get the little category-sidebar match the custom color of my category header?
And something more complex for my pov, could I get the little category-sidebar match the custom color of my category header?
| @laBelphe Your list is private so I cant verify it on yours 1. change the color after background, linear-gradient(to right under body::before same with .header .header-title the color code might be like #333 it's a color code, you can swap it out with another color code or color word like red. Color codes: https://htmlcolorcodes.com/color-picker/ And the codes that are like .header a:not(.header-title):hover, they control the colors for when you point to the sidebar button 2. idk what you mean by little category-sidebar that could be several different things to me and I cant even see what you mean by custom color and category header lol. But what you can do is open the layout in Firefox, point to a spot, right click choose inspect element, and you should get the code for that spot and add a background color to it: background-color: red !important; as an example You'd have to also amend it with [data-query*='"status":1'] This is status":1' for Current page, 2 is Complete, 3 is Hold, 4 is Dropped, 6 is Planned, 7 is all So to recolor the header title on current pages, you'd use [data-query*='"status":'] .header .header-title { background-color: teal !important;; } If there's any more problems you need to give me a really good description of what you're trying to change (what text is on it, whats it next to, whats it link to etc) and making your list public while we work on it saves a lot of time and trouble also makes editing and finding problems specific to your list easier and much more accurate |
Shishio-kunOct 11, 2024 12:17 PM
|
| @Shishio-kun. I'm using it on my manga list and it's public. Sorry, should have mentioned that. I got to change the color of the side bar but not the black hover state since i have no idea where the color code should go. (I'm sorry I have no idea of coding at all, i'm doing my best :P) And with "little category-sidebar" i mean this. I've already changed the category/status title colors* with the tuts here but I want that "little bar" to match the colors I chose*. |
【 悪 魔 で 執 事 で す か ら 】 |
Reply to laBelphe
@Shishio-kun. I'm using it on my manga list and it's public. Sorry, should have mentioned that.
I got to change the color of the side bar but not the black hover state since i have no idea where the color code should go. (I'm sorry I have no idea of coding at all, i'm doing my best :P)
And with "little category-sidebar" i mean this. I've already changed the category/status title colors* with the tuts here but I want that "little bar" to match the colors I chose*.
I got to change the color of the side bar but not the black hover state since i have no idea where the color code should go. (I'm sorry I have no idea of coding at all, i'm doing my best :P)
And with "little category-sidebar" i mean this. I've already changed the category/status title colors* with the tuts here but I want that "little bar" to match the colors I chose*.
| @laBelphe ok I see it scroll down and find .header a:not(.header-title):hover, .header a:not(.header-title):hover::before, .header a:not(.header-title):hover::after, .header .header-menu .list-menu .icon-menu:hover, .list-menu-float .icon-menu.profile:hover the color is after background there background: #222; replace the #222 with the color .header .header-title:hover controls the top button that has the mal logo on it OK those are the colors on the far left sides of the rows, I dont think those codes are in the custom layout but they can be affected here
.list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching {
background-color: #2db039
}
.list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch {
background-color: #c3c3c3
}
.list-table .list-table-data .data.status.completed {
background-color: #26448f
}
.list-table .list-table-data .data.status.onhold {
background-color: #f1c83e
}
.list-table .list-table-data .data.status.dropped {
background-color: #a12f31
}
|
|
| @Shishio-kun There I've changed, it worked just fine on the button with the mal logo but it didn't work with the rest. Edit: If I'm watching my list from another acc it seems to work, but if i'm logged in I just keep seeing the black effect. That other code worked perfectly with what i wanted ♥ |
laBelpheOct 11, 2024 2:59 PM
【 悪 魔 で 執 事 で す か ら 】 |
Reply to laBelphe
@Shishio-kun
There I've changed, it worked just fine on the button with the mal logo but it didn't work with the rest.
Edit: If I'm watching my list from another acc it seems to work, but if i'm logged in I just keep seeing the black effect.
That other code worked perfectly with what i wanted ♥
There I've changed, it worked just fine on the button with the mal logo but it didn't work with the rest.
Edit: If I'm watching my list from another acc it seems to work, but if i'm logged in I just keep seeing the black effect.
That other code worked perfectly with what i wanted ♥
| @laBelphe can you screenshot the black spot or give me your last edited code, and then I will install the layout to my own list and check later |
|
Reply to Shishio-kun
@laBelphe can you screenshot the black spot or give me your last edited code, and then I will install the layout to my own list and check later
| @Shishio-kun Here's the screenshot. I'll post my code too just in case. |
【 悪 魔 で 執 事 で す か ら 】 |
Reply to laBelphe
@laBelphe OK, it's these codes that control those button colors.list-menu-float .icon-menu:not(.profile):hover,
.list-menu-float .icon-menu.setting .text .link-list-setting:hover,
.list-menu-float .icon-menu.setting .text .link-style-setting:hover {
background: red; width: 100%; color: white;}
.list-menu-float .icon-menu.profile:hover {
background: red;
color: white;
} |
|
Reply to Shishio-kun
@laBelphe OK, it's these codes that control those button colors
.list-menu-float .icon-menu:not(.profile):hover,
.list-menu-float .icon-menu.setting .text .link-list-setting:hover,
.list-menu-float .icon-menu.setting .text .link-style-setting:hover {
background: red; width: 100%; color: white;}
.list-menu-float .icon-menu.profile:hover {
background: red;
color: white;
}| @Shishio-kun I've changed the color there and it work ♥ It's looking all pretty now, thank you :) |
【 悪 魔 で 執 事 で す か ら 】 |
Reply to laBelphe
@Shishio-kun I've changed the color there and it work ♥
It's looking all pretty now, thank you :)
It's looking all pretty now, thank you :)
| @laBelphe Looks so good!! :D I really need to make an easy to color version of this layout sometime |
|
| @Shishio-kun i was trying the transparent dark theme but it is always like glitching the words were like all over the place for some reason? can u pls help, btw is there a specific theme that i have to use? im using night shift rn |
 ━━━━━━━━━━━━━━━ ✦ ✦ ✦ ━━━━━━━━━━━━━━━ ZaryF “Always Up For Watching Something New.” |
on Reply to Zaryf
@Shishio-kun i was trying the transparent dark theme but it is always like glitching the words were like all over the place for some reason?
can u pls help, btw is there a specific theme that i have to use? im using night shift rn
can u pls help, btw is there a specific theme that i have to use? im using night shift rn
| @Zaryf Try it with Default and whatever columns are outlined in the opening post |
|
More topics from this board
» ⭐Ready to be amazed? View the Bunkasai graphic and list design contest (VOTE YOUR FAVES!)Shishio-kun - Nov 22 |
3 |
by Shishio-kun
»»
Nov 28, 9:02 PM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
65 |
by F124N
»»
Nov 11, 1:31 AM |
|
» ✳️[9-7-24] New even higher quality Cover Imports! + Fixes for Takana Grids and moreShishio-kun - Sep 7, 2024 |
37 |
by Shishio-kun
»»
Oct 30, 4:42 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
388 |
by Shishio-kun
»»
Oct 14, 1:27 PM |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7925 |
by Kiara
»»
Oct 13, 10:21 AM |