xxheyamxx said: Hi, I have a little problem.. The image of the anime just today when I checked it didn't appear but actually it was before.  and that's my layout code (Text link) It works for me - is it still not showing for you? |
Shishio-kun said: xxheyamxx said: Hi, I have a little problem.. The image of the anime just today when I checked it didn't appear but actually it was before. and that's my layout code (Text link) It works for me - is it still not showing for you? yes :( |
Works for me, too. Maybe try deleting your cache in case it only happens on your end? Since MAL is acting up a lot lately, my lists take enormously long to load (20secs up to 1 minute). So I checked my RAM and it spikes with a usage of 700mb when trying to opening them. Is there any reason why this could happen? I don't have the impression of it being a RAM-eating design... https://myanimelist.net/mangalist/Schlopsi |
What's your browser and extensions you use? Sometimes extensions block the import for covers, I think. Schlopsi said: Works for me, too. Maybe try deleting your cache in case it only happens on your end? Since MAL is acting up a lot lately, my lists take enormously long to load (20secs up to 1 minute). So I checked my RAM and it spikes with a usage of 700mb when trying to opening them. Is there any reason why this could happen? I don't have the impression of it being a RAM-eating design... https://myanimelist.net/mangalist/Schlopsi You have a ton of entries on first load so there's going to be lag and spikes of RAM usage- you can switch to modern if you're not using it or start off on a page with less entries to get around this. |
Shishio-kun said: You have a ton of entries on first load so there's going to be lag and spikes of RAM usage- you can switch to modern if you're not using it or start off on a page with less entries to get around this. I see. Time to switch to modern then. Thank you! |
Schlopsi said: Shishio-kun said: You have a ton of entries on first load so there's going to be lag and spikes of RAM usage- you can switch to modern if you're not using it or start off on a page with less entries to get around this. I see. Time to switch to modern then. Thank you! Yeah Modern limits to 300 entries at a time I think. That can be annoying too tho. |
Quite strange. Your code looks fine, and if it worked before I see no reason it would break except for perhaps MAL issues — there have been a lot of reports of pages not loading recently, which could be it. But if you wanted a fix *now*, I have a whole write-up on fixing cover images: [Here]. It goes over every problem I know of that may be causing trouble. That may assist you in finding a solution. |
| i need help the photos for the anime is too far to the right than to the left https://imgur.com/a/VAiMP3L |
DizDoggo said: Try adding this to the bottom of your CSS, it should prevent that from happening.i need help the photos for the anime is too far to the right than to the left https://imgur.com/a/VAiMP3L /* List Spacing Fix */
.list-unit {
width: calc(170px * 8);
max-width: initial;
}
@media (max-width: 1640px) {
.list-unit {
width: calc(170px * 7);
}
}
@media (max-width: 1430px) {
.list-unit {
width: calc(170px * 6);
}
}
@media (max-width: 1120px) {
.list-unit {
width: calc(170px * 5);
}
}
@media (max-width: 1010px) {
.list-unit {
width: calc(170px * 4);
}
}
@media (max-width: 800px) {
.list-unit {
width: calc(170px * 3);
}
}
@media (max-width: 590px) {
.list-unit {
width: calc(170px * 2);
}
}
/* List Spacing Fix End */ |
| is there anyway to resize the renders since its too big and at the same time the anime list pictures are blurry and somewhat dark https://imgur.com/a/Mi8A8mE |
DizDoggo said: is there anyway to resize the renders since its too big and at the same time the anime list pictures are blurry and somewhat dark https://imgur.com/a/Mi8A8mE For render: These codes control the render size. Adjust the number (80 is 80% size). footer:before{ background-size: 80% !important; } footer:after { background-size: 80% !important; } For preview pics: Try to add the alternative imports to the top of your CSS, one should work for you. Test them out one at a time please if you don't know which one to use. https://myanimelist.net/forum/?topicid=1791551 |
yenkoes said: hi, recently I watched your video on making the custom layout theme, and I'm still in the middle of changing my banner images, gifs, renders, etc. However, I noticed that the quality of the anime cover photos from my list dropped a lot and I'm not quite sure why. I tried screenshotting it but idk how to post it here sorry T_T if anyone is willing to check out my list and see if they can spot an issue, I can switch it to public rn. Thank you so much in advance. It needs to be public for HD preview pics to work. You can read about it here and there are alternate solutions linked here. https://myanimelist.net/forum/?topicid=439897 https://myanimelist.net/forum/?topicid=1791551 It looks fine to me atm however |
yenkoes said: Shishio-kun said: It needs to be public for HD preview pics to work. You can read about it here and there are alternate solutions linked here. https://myanimelist.net/forum/?topicid=439897 https://myanimelist.net/forum/?topicid=1791551 It looks fine to me atm however Ohhhhh, so it fixed to HD when I switched my list to public? Does that mean if I were to change it back to like friends only, the quality would ruin again? probably :D |
| Is there a thread/post that has few "review" based list designs? I enjoy writing short reviews for people to read on my list using the Tags section on each anime entry, so I'd like to see if anyone has made a customizable list. Preferably with one that also has image covers instead of just text. |
Todd_ said: Is there a thread/post that has few "review" based list designs? I enjoy writing short reviews for people to read on my list using the Tags section on each anime entry, so I'd like to see if anyone has made a customizable list. Preferably with one that also has image covers instead of just text. I think there was something like that once or maybe I planned on doing it but I don't see it here. You can view pretty much all the layouts on these two pages https://myanimelist.net/forum/?topicid=1499058 https://myanimelist.net/forum/?topicid=318587 Some of the classic layouts are really good for reviews |
Shishio-kun said: Todd_ said: Is there a thread/post that has few "review" based list designs? I enjoy writing short reviews for people to read on my list using the Tags section on each anime entry, so I'd like to see if anyone has made a customizable list. Preferably with one that also has image covers instead of just text. I think there was something like that once or maybe I planned on doing it but I don't see it here. You can view pretty much all the layouts on these two pages https://myanimelist.net/forum/?topicid=1499058 https://myanimelist.net/forum/?topicid=318587 Some of the classic layouts are really good for reviews I understand, thanks. By chance, is there a thread or post that explains how to customize and change the preview picture/"tag" pop up box? My current theme, as much as I like it, is a mess code wise, and also certain parts don't play well with different dimensions. I'm just looking to start over with something much simpler (in terms of code) for easy customization to whatever I want. I'll probably peruse the old style section and find something that works. |
Todd_ said: Shishio-kun said: I think there was something like that once or maybe I planned on doing it but I don't see it here. You can view pretty much all the layouts on these two pages https://myanimelist.net/forum/?topicid=1499058 https://myanimelist.net/forum/?topicid=318587 Some of the classic layouts are really good for reviews I understand, thanks. By chance, is there a thread or post that explains how to customize and change the preview picture/"tag" pop up box? My current theme, as much as I like it, is a mess code wise, and also certain parts don't play well with different dimensions. I'm just looking to start over with something much simpler (in terms of code) for easy customization to whatever I want. I'll probably peruse the old style section and find something that works. There are some topics on preview pics and tags but I don't know if its what you want to do exactly as there's so many possibilities and codes. You're using classic so all the tutorials are here https://myanimelist.net/forum/?topicid=419405 You can ask here about how to do a particular thing like make the text box bigger and we can probably give you the code for it. You can also learn to code it yourself with the Inspect Element video (see my Carl Makes it Easy channel in my signature). |
koichi_and_rohan said: How do i make an anime list layout like yours in Manga style https://youtu.be/8besPyPQlzQ You'd have to learn to CSS code, this video would be what I'd show you. Then you'd learn CSS animation from W3schools and you'd need graphic design help from Photoshop and JASC animation shop to edit the panels. You can also look at the codes here, and maybe just replace the panels with your own you make in a graphic design program. Then you wouldn't need to code so much. https://myanimelist.net/forum/?topicid=393503&show=300#msg58419716 |
| I tried adding the start and end airing dates but it didn't work with the code provided. Any tips @Shishio-kun? Additionally, the page seems to always to loading like it is slow (the mouse always shows a circular loading sign). Is that normal? |
anime-primeMay 26, 2020 11:14 PM
 |
anime-prime said: The basic support you added was for user start/end dates, not airing dates. To add support for airing dates, try this out. Place at the bottom of your CSS:I tried adding the start and end airing dates but it didn't work with the code provided. Any tips @Shishio-kun? Additionally, the page seems to always to loading like it is slow (the mouse always shows a circular loading sign). Is that normal?  /* Basic airing dates support */
.data.airing-started,
.data.airing-finished {
left: 5px;
line-height: 25px;
text-shadow: 0 1px 2px #000;
opacity: 0;
} .data.airing-started {
top: 24px;
} .data.airing-finished {
top: 39px;
} .list-item:hover .data.airing-started,
.list-item:hover .data.airing-finished {
opacity: 1;
}
.data.airing-started::before {
content: ">"
} .data.airing-finished::before {
content: "<";
} |
Valerio_Lyndon said: anime-prime said: The basic support you added was for user start/end dates, not airing dates. To add support for airing dates, try this out. Place at the bottom of your CSS:I tried adding the start and end airing dates but it didn't work with the code provided. Any tips @Shishio-kun? Additionally, the page seems to always to loading like it is slow (the mouse always shows a circular loading sign). Is that normal? /* Basic airing dates support */
.data.airing-started,
.data.airing-finished {
left: 5px;
line-height: 25px;
text-shadow: 0 1px 2px #000;
opacity: 0;
} .data.airing-started {
top: 24px;
} .data.airing-finished {
top: 39px;
} .list-item:hover .data.airing-started,
.list-item:hover .data.airing-finished {
opacity: 1;
}
.data.airing-started::before {
content: ">"
} .data.airing-finished::before {
content: "<";
}Thanks. Is there a way to put those dates on the bottom of the thumbnail? Start date on left end date on right? Also is there a way to make either/both the dates or/and the tag (text written in the tag) automatically appear on the thumbnail even without clicking on it/putting mouse over it? |
|
| Looking for some advice/assistance to see why the "Hovering Review/Tag" section along with cover images aren't showing up on my list. I have all the necessary code, and it worked for minute. However when I pasted the custom header code, it stopped showing images and the hovering box, only the text remains. Also, for some reason, my Currently Watching header does not appear. Finally, when logged out, the Category buttons don't work. Here is the code to my list |
 anime-prime said: Thanks. Is there a way to put those dates on the bottom of the thumbnail? Start date on left end date on right? Also is there a way to make either/both the dates or/and the tag (text written in the tag) automatically appear on the thumbnail even without clicking on it/putting mouse over it? Sure, just replace the section I previously gave you with this new one. If you want it at the very bottom of the thumbnail, you may try tweaking the "bottom: 74px" to something a bit lower. And if you wanted the studio to be a bit higher, then you could probably lower the "top: 195px" on line ~2118 in your CSS. /* Basic airing dates support */
.data.airing-started,
.data.airing-finished {
bottom: 74px;
line-height: 25px;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
} .data.airing-started {
left: 5px;
} .data.airing-finished {
right: 5px;
}anime-prime said: Additionally, the page seems to always to loading like it is slow (the mouse always shows a circular loading sign). Is that normal? Sorry, totally skipped over this the first time around. I meant to respond, but slipped my mind somewhere along the process. You can either find and delete this line (should be on line 2323 or so): * { cursor: url(ThisUrlMayBeDifferentSoUseYourImagination), progress !important;}Or, you can add this to the bottom of your code: * { cursor: initial !important; }
a { cursor: pointer !important; } |
Valerio_LyndonMay 27, 2020 12:48 AM
Todd_ said: Looking for some advice/assistance If you can't be bothered to apply all these fixes I list below, you can find a patched version of your code here: [Link]. Use it to replace all of your current CSS. But if you want to know what the changes are, that's all the rest of this post is. Todd_ said: the "Hovering Review/Tag" section along with cover images aren't showing up on my list. Deleting or commenting-out the "REVIEW SECTION" text on line 474 should fix the cover issue. Having uncommented (as in, not encased by /* */ marks) is a sure-fire way to break CSS. Todd_ said: Also, for some reason, my Currently Watching header does not appear. This is another uncommented text issue (line 345), as well as not using the direct link to the image. So, this link on line 356: https://imgur.com/TpJcNfM should actually be this: https://i.imgur.com/TpJcNfM.png The first link is an Imgur album link for social sharing, where-as the second is the direct link to the image, which is required for the CSS to work. Imgur provides the direct link, but it's hard to find (usually hidden in the "BBCode" share link), or you can just right click the image on Imgur's site and select "view image" or "copy image address" or similar. Todd_ said: Finally, when logged out, the Category buttons don't work. This seems to be due to an extra element that gets added when a logged-out user views the list. It isn't accounted for in the CSS, so it breaks some formatting and causes the header element to invisibly overflow a bit. Can be fixed by adding this CSS to the bottom: /* remove MAL logo */
#mal_cs_pic {
display: none;
}Todd_ said: I highly recommend keeping backups of your CSS in a text file before making changes. This way, you can always rollback to a working version should anything break.it worked for minute. However when I pasted the custom header code, it stopped working |
| Thanks @Valerio_Lyndon Is there a way to make the air dates easier to see (like making it bigger/brighter/adding an outline)? Also, can I add a black outline for the white letters that I added to the top of my list (since some of the backgrounds have white segments that make it impossible to see the white letters). |
anime-primeMay 27, 2020 7:10 PM
|
Thank you so much! I don't have a great understanding on how coding works. I was just looking for a theme that I could easily edit in the future to whatever I want and I think this fits the bill. Soon enough I'll try working on the Top Bar and the Category Buttons, but for now this works great. Thanks again for all your help! |
| I'm converting my classic CSS list to modern and there's a feature present in the old template that I can't seem to get working on modern. I want to have an image above my category sections as a sub-header, like in this screenshot of my old list. https://imgur.com/NYGqe43 Is there any way to do the same thing on modern? This feature is pretty much the entire reason I bothered with custom CSS on my list in the first place |
| Part 7 never |
Deelaan said: There isn't a good way to do this, no. You could use a tool such as MalCat to somewhat work around the issue, but MalCat is not anywhere near as easy as the built-in classic list solution. In comparison to the default functionality, MalCat will not sort things correctly on ordered lists, and the list will not be ordered by category. Additionally, the headers will usually be out of place for at least a couple of hours after you add or remove an item from your list. It's also hard or impossible to get working with a lot of premade themes (specifically grid/cover-style themes). But if you were interested nonetheless, I could show an example of how to use it.I'm converting my classic CSS list to modern and there's a feature present in the old template that I can't seem to get working on modern. I want to have an image above my category sections as a sub-header, like in this screenshot of my old list. https://imgur.com/NYGqe43 Is there any way to do the same thing on modern? This feature is pretty much the entire reason I bothered with custom CSS on my list in the first place |
anime-prime said: Is there a way to make the air dates easier to see (like making it bigger/brighter/adding an outline)? There's definitely a way, yep, just depends what look you want. If you have a specific idea of what you wanted, I could give some code to do so (or the closest that's possible). And/or if you want to tweak the code a bit yourself, find the code you added before, on line 2448-2462. Then you can start tweaking things. We'll be adding some CSS property/value pairs, like how I do here:  For instance, to make the font bigger, you can use font-size: (1em is default size) font-size: 1.1em; To add a thicker text outline, you could add a thicker text-shadow than is already there (you could replace the current text-shadow property): text-shadow: 1px 0px 3px #000, 0px 1px 3px #000, -1px 0px 3px #000, 0px -1px 3px #000 !important; Or you could do something more advanced, such as giving it a background. This one is actually three properties: the background colour, and two padding values to make things spaced a little better. background: rgba(0,0,0,0.7); padding-left: 5px !important; padding-right: 5px !important; anime-prime said: Also, can I add a black outline for the white letters that I added to the top of my list (since some of the backgrounds have white segments that make it impossible to see the white letters). This text?  There's actually some code already in the CSS to do this, it's just commented out for some reason. If you go to line 2283, you can remove the comment marks (these: /* */). Here's an example of how to remove them:  If you want to add a darker shadow, there are ways to do so. |
Valerio_Lyndon said: Deelaan said: There isn't a good way to do this, no. You could use a tool such as MalCat to somewhat work around the issue, but MalCat is not anywhere near as easy as the built-in classic list solution. In comparison to the default functionality, MalCat will not sort things correctly on ordered lists, and the list will not be ordered by category. Additionally, the headers will usually be out of place for at least a couple of hours after you add or remove an item from your list. It's also hard or impossible to get working with a lot of premade themes (specifically grid/cover-style themes). But if you were interested nonetheless, I could show an example of how to use it.I'm converting my classic CSS list to modern and there's a feature present in the old template that I can't seem to get working on modern. I want to have an image above my category sections as a sub-header, like in this screenshot of my old list. https://imgur.com/NYGqe43 Is there any way to do the same thing on modern? This feature is pretty much the entire reason I bothered with custom CSS on my list in the first place Ah I see. I'll be fine without it then, but thanks for the reply. |
| Part 7 never |
xxheyamxx said: Hi, I have a little problem.. The image of the anime just today when I checked it didn't appear but actually it was before. appeared for me when I changed covers import link to https://malcovers.azurewebsites.net/covers/anime/xxheyamxx/presets/dataimagelinkbefore - - - - - datatitlebefore preset stopped working because there is no space between .data.title and [href^= .data.title[href^="/anime/38816/"]:before{background-image:url(https://cdn.myanimelist.net/images/anime/1395/102089.jpg)}can somebody find malscraper's author and tell him to revert changes back? |
HiruzawaMay 28, 2020 1:12 AM
| Thanks @Valerio_Lyndon One last thing (I hope, I am getting the hang some stuff), under the main banner where the list is, it is surrounded by a shadowy box. Is there a way to either remove the shadowy box so you can clearly see the background or adjust it so part of the bottom of the list isn't both in and out of it? |
|
| Hello I just had a couple of questions. I recently made a new design after switching my list style from modern to classic again. However, I like the way the modern style is able to filter tags. Is there a way to filter tags in a classic design besides just going down my list and clicking on one of my tags to filter? I used to have a script to do it but it is long since dead lol. Also I am sure this has been answered before but how do I get thumbnail pictures into my list like the modern version has before the title of an anime? Thanks so much. |
 |
Seven said: Hello I just had a couple of questions. I recently made a new design after switching my list style from modern to classic again. However, I like the way the modern style is able to filter tags. Is there a way to filter tags in a classic design besides just going down my list and clicking on one of my tags to filter? I used to have a script to do it but it is long since dead lol. Also I am sure this has been answered before but how do I get thumbnail pictures into my list like the modern version has before the title of an anime? Thanks so much. I don't know about the filter feature on modern lists, I've never used it, you mean this filter button? It doesn't look like its on classic so you wouldn't be able to recreate it easily, I'm guessing.  For the covers how about using this: https://myanimelist.net/forum/?topicid=626173  |
Shishio-kun said: Seven said: Hello I just had a couple of questions. I recently made a new design after switching my list style from modern to classic again. However, I like the way the modern style is able to filter tags. Is there a way to filter tags in a classic design besides just going down my list and clicking on one of my tags to filter? I used to have a script to do it but it is long since dead lol. Also I am sure this has been answered before but how do I get thumbnail pictures into my list like the modern version has before the title of an anime? Thanks so much. I don't know about the filter feature on modern lists, I've never used it, you mean this filter button? It doesn't look like its on classic so you wouldn't be able to recreate it easily, I'm guessing. For the covers how about using this: https://myanimelist.net/forum/?topicid=626173 Awesome thank you so much! Yes something like that for the filters (or just any way to filter the tags) I used to have a gresemonkey script that had a simple pop down menu but it's not being updated anymore. |
|
Seven said: Shishio-kun said: I don't know about the filter feature on modern lists, I've never used it, you mean this filter button? It doesn't look like its on classic so you wouldn't be able to recreate it easily, I'm guessing. For the covers how about using this: https://myanimelist.net/forum/?topicid=626173 Awesome thank you so much! Yes something like that for the filters (or just any way to filter the tags) I used to have a gresemonkey script that had a simple pop down menu but it's not being updated anymore. Well maybe we could set up a menu where you have a button near the top and you click on it, and then it reveals all the tags on your list. I set up something like that a long time ago on my own lists. First you need to add a "dummy anime" to each of your categories. This is one throw away anime you don't intend to watch and you'd never move from the category. Later on, we'll hide it. After adding it, you need to go te edit the comments (not the tags but the comments). You can do this with the edit button I think. You need to add the link to each one of your tags in the comments box and save it. So it'd have all these kinds of links: https://myanimelist.net/animelist/Seven?status=1&tag=Comedy https://myanimelist.net/animelist/Seven?status=1&tag=Sports etc and so forth. Then I could code it, tho it might take a while to find and remember everything. So add all those tags to the comments of the dummy anime. We also might have to change the preview pic style to make the more button clickable again. And the All Anime category might look weird, so it might be best to delete that link too from your list. Honestly, you should just switch over to modern. It would be easier to make your modern list look like how you have it now and you'd have the filter and preview pics how you'd want it. |
| @seven Update: I have a better idea, add a dummy anime under current anime with all the tags you want on your list. Then we can simply try to move the tags to the top of the list. It should be an anime that will always be at the top of current watching, like one of the .hack animes. So add a .hack anime to currently watching, and then add all your list's tags to its tags. Then I might be able to code a sort of filter to the top :D This way you wouldn't need to change the preview pics. |
Shishio-kun said: @seven Update: I have a better idea, add a dummy anime under current anime with all the tags you want on your list. Then we can simply try to move the tags to the top of the list. It should be an anime that will always be at the top of current watching, like one of the .hack animes. So add a .hack anime to currently watching, and then add all your list's tags to its tags. Then I might be able to code a sort of filter to the top :D This way you wouldn't need to change the preview pics. Honestly whatever is easier for you. I am just fine with scrolling through my list and filtering that way. I have a lot of tags and don't want to take up all of your time lol. |
Infinite-VoidMay 29, 2020 12:54 PM
|
Seven said: Shishio-kun said: @seven Update: I have a better idea, add a dummy anime under current anime with all the tags you want on your list. Then we can simply try to move the tags to the top of the list. It should be an anime that will always be at the top of current watching, like one of the .hack animes. So add a .hack anime to currently watching, and then add all your list's tags to its tags. Then I might be able to code a sort of filter to the top :D This way you wouldn't need to change the preview pics. Honestly whatever is easier for you. I am just fine with scrolling through my list and filtering that way. I have a lot of tags and don't want to take up all of your time lol. Well if go modern or if you add an anime with all the tags let me know :D you should a .hack anime so it's near the top always |
xxheyamxx said: xxheyamxx said: this cutie.. https://myanimelist.net/profile/Valerio_Lyndon my layout code (Text link) someone help me please to fix my list.. So is the problem still the preview pics aren't showing for you, at this moment? Because I see them  What browser are you using? Maybe you should use the alternative cover imports https://myanimelist.net/forum/?topicid=1791551 |
| @Shishio-kun would you mind taking a crack at adding the tags I put .hack to my currently watching list. Thank you :) |
|
Seven said: @Shishio-kun would you mind taking a crack at adding the tags I put .hack to my currently watching list. Thank you :) Ok you can use this. You can probably delete the hack anime, actually. This will take the tag link from the anime on your list and add a copy to the top. You didn't add all the tags to .hack, so I didn't make the codes for all the possible tags, and you'll have to any more manually but you can follow what I did with the CSS. Just copy one of the codes and change the link at the top to the new tag link, change the content to the new tag name, and change the right and top codes to the new positions. I think that's the closest you can get to a filter without some really complex CSS coding on classic or making a script of some kind like you used to use. a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Game"]:before{ content: "Game"; position: fixed; top: 70px; right: 100px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Sci-Fi"]:before{ content: "Sci FI"; position: fixed; top: 70px; right: 150px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Adventure"]:before{ content: "Adventure"; position: fixed; top: 70px; right: 200px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Mystery"]:before{ content: "Mystery"; position: fixed; top: 70px; right: 30px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Mystery"]:before{ content: "Mystery"; position: fixed; top: 70px; right: 30px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Magic"]:before{ content: "Magic"; position: fixed; top: 70px; right: 280px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Fantasy"]:before{ content: "Fantasy"; position: fixed; top: 70px; right: 330px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Shounen"]:before{ content: "Shounen"; position: fixed; top: 70px; right: 390px; color: red; } a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=TV"]:before{ content: "TV"; position: fixed; top: 70px; right: 460px; color: red; } |
Shishio-kunMay 29, 2020 4:16 PM
| @Shishio-kun Thank you so much, you helped me out a bunch, I really appreciate it!! :) Now to try and configure where all these tags to lol. |
|
anime-prime said: Thanks @Valerio_Lyndon One last thing (I hope, I am getting the hang some stuff), under the main banner where the list is, it is surrounded by a shadowy box. Is there a way to either remove the shadowy box so you can clearly see the background or adjust it so part of the bottom of the list isn't both in and out of it? If I understand correctly, you can remove the box by using this CSS at the bottom of your current code. The "box-shadow: none;" removes the bordering shadow, and the "background: none;" removes the entire black box. If you wanted to keep one, the black box for instance, just remove the relating line. /* Remove list background */
.list-unit {
box-shadow: none;
background: none;
}To fix the padding, add this to the bottom of your CSS: /* List padding fix - set padding-bottom to the same value as used for the "Move anime/manga preview pics and header down" section. */
.list-unit {
padding-bottom: 150px;
margin-bottom: 50px;
} |
Seven said: @Shishio-kun Thank you so much, you helped me out a bunch, I really appreciate it!! :) Now to try and configure where all these tags to lol. Yeah good luck and to add more tags like if you want the tag for say Fantasy at the top you would just put fantasy in the codes I've made red and adjust the numbers I made green :D a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Fantasy"]:before{ content: "Fantasy"; position: fixed; top: 70px; right: 460px; color: red; } |
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 helpthreat - 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 FixesShishio-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 ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |