Swiper00 said: Couldnt see a discord to send an image to make it easier. The "MAL" Icon that took me back to homepage has suddenly disappeared from the top left of my lists. no chrome update or anything, I was updating my list, refreshed and its vanished. I assume its just an image? I don't know as I can still click the spot and it works, its just invisible. The image is still up when i incognito (logged out) and check my list, the image is still there for a friend using the same type of design. Chrome. Version 100.0.4896.60 (Official Build) (64-bit) EDIT: I'll just edit the same message so its in 1 place. I disabled all the extensions / addons and it didnt fix it, I think its probably safe to assume it's easier to just ignore it since its only on my end You can upload an image through a site like Imgur then post it here like you do with your signature BBcode (or better yet just link it). You don't need to use Discord and I don't want ppl sending me images and questions to my Discord anyways, and I don't want to manage one for this group https://imgur.com/upload You can try to copy and paste this to the bottom of the CSS, to give yourself a new logo since it sounds like you were blocked from the original logo image somehow .header .header-title:before { content: ""; width: 100%; height: 100%; background: url(https://image.myanimelist.net/ui/uPWTt-aXqsOCFgzRgUepKKS_4qaKfvfxG6opq61fpL1PkHKcMQvTFNDQ8zO_dcZO) left 4px/auto 20px no-repeat; position: absolute; display: block; } |
 |
Pico-tan said: Shishio-kun said: I'm trying to find the font for our club bars (has to be a free download because I don't want to pay $50 for a font lol). https://gofile.io/d/ZkVHME And here's some screenshots of the font     Photoshop says its [Small Fonts] but I don't think that is it, and I could have sworn it was a different font before, also I can't find a font called [Small Fonts] that matches this. Part of the PSD is here with the font and these are some screenshots. The font might be: Kairos Sans Extended by Monotype Roadhouse Light No2 by Kimmy Design But I can't find them for free also I can't confirm if they are the original font from the PSD I linked. Any help is appreciated, I'd take a font that looks close enough to the original from PSD since I can redo all the bars to match the new font I thought it might be these but they don't seem to be it CA Mechano Wide by Cape Arcona Type Foundry Eurostile Discaps Regular I'm pretty sure it's a Eurostyle Lite font variation, but the ones I find have a bit more spacing and slight differences. I'll just have to download all versions and try them all! XD  Any easy way to at least reduce spacing between letters in Photoshop? Don't know if you found out how, but you do it with this setting  I think it is obvious enough from the image how to find it ^^ Hi btw ;) Thanks again for this, very useful I needed it again :D |
|
| Does anyone have the code to remove the captcha from the old style layouts laying around? ;) Also, if anyone happens to find out why i cant get my manga list to scroll it would be greatly appreciated. |
         |
Pico-tan said: Does anyone have the code to remove the captcha from the old style layouts laying around? ;) Also, if anyone happens to find out why i cant get my manga list to scroll it would be greatly appreciated. Remove it with .grecaptcha-badge, .grecaptcha-badge *{ display: none !important; } It's scrolling now, you fixed it earlier, right? |
|
| Anyone know how to do a direct link to a file on Github? I would like to make that into a tutorial here |
|
Shishio-kun said: Pico-tan said: Does anyone have the code to remove the captcha from the old style layouts laying around? ;) Also, if anyone happens to find out why i cant get my manga list to scroll it would be greatly appreciated. Remove it with .grecaptcha-badge, .grecaptcha-badge *{ display: none !important; } It's scrolling now, you fixed it earlier, right? kinda fixed it ^^ before the scrollbar was hidden behind the footer by being attached to the list surround rather than the actual body. But I can't get that to work anymore :( |
|
Pico-tan said: Shishio-kun said: Remove it with .grecaptcha-badge, .grecaptcha-badge *{ display: none !important; } It's scrolling now, you fixed it earlier, right? kinda fixed it ^^ before the scrollbar was hidden behind the footer by being attached to the list surround rather than the actual body. But I can't get that to work anymore :( Yeah seems different, see if Hahaido's horizontal layout still has this issue Also maybe you can body:before instead of body for scrolling and hide that |
|
Shishio-kun said: I can check, it used to be that list surround was the scrolling element, but now that does not work for some reason... it doesn't seem to detect that it has reached the edge of the screen and insted just extends past it..Pico-tan said: kinda fixed it ^^ before the scrollbar was hidden behind the footer by being attached to the list surround rather than the actual body. But I can't get that to work anymore :( Yeah seems different, see if Hahaido's horizontal layout still has this issue Also maybe you can body:before instead of body for scrolling and hide that |
|
Shishio-kun said: yea, there are a few ways, you can create a github-pages environment which will give you the domain https://[username].github.io/[project name]/[filename] (supports custom domains)Anyone know how to do a direct link to a file on Github? I would like to make that into a tutorial here by going to https://github.com/[username]/[project name]/settings/pages or you can click on the file in the project then the Raw button to get a link like https://raw.githubusercontent.com/[username]/[project name]/[build]/[filename] or copy the download link like https://github.com/[username]/[project name]/raw/[build]/[filename] ** [build] being something like master, develop or main depending on the project. Also, Github has a desktop app that makes syncing just as convenient as dropbox. (you do have to add a summary and description when you're "push"ing files to your project due to the commits system, but it helps with tracking and when "pull"ing from other contributors that have "fork"ed your project) |
ShaggyZEApr 13, 2022 8:20 PM
   My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
ShaggyZE said: Shishio-kun said: yea, there are a few ways, you can create a github-pages environment which will give you the domain https://[username].github.io/[project name]/[filename] (supports custom domains)Anyone know how to do a direct link to a file on Github? I would like to make that into a tutorial here by going to https://github.com/[username]/[project name]/settings/pages or you can click on the file in the project then the Raw button to get a link like https://raw.githubusercontent.com/[username]/[project name]/[build]/[filename] or copy the download link like https://github.com/[username]/[project name]/raw/[build]/[filename] ** [build] being something like master, develop or main depending on the project. Also, Github has a desktop app that makes syncing just as convenient as dropbox. (you do have to add a summary and description when you're "push"ing files to your project due to the commits system, but it helps with tracking and when "pull"ing from other contributors that have "fork"ed your project) OK thanks, I bookmarked this for later |
|
| Hi, I want to use grid style 5, though I'm having a couple of problems. For this layout it claims you can: * 6 Wallpapers (one for each category page) * 6 Banners (one for each category page) * 6 Customized category buttons with their own pics * 12 Renders on the sides (two for each page, removable) I can't seem to add this many, do I need to repeat the code? I've watched a majority of your videos and you only demonstrate the first list style. When I added to the coding everything had grey lines and then went back to normal as if I never added anything. But I can't seem to find any replies or videos with an answer to this, I hope this picture shows and helps: Here's my code before any changes: |
  |
| @KkCAnimeL layout is on your list, seems fine, you don't see this atm?  https://myanimelist.net/animelist/KkCAnimeL You don't need to add the code twice, that would probably break something. If you added something extra or twice you should probably delete all and start over, enter the grid 5 code fresh, change background image links right after You don't add anything, the images are already in the code. Go down to /*WALLPAPERS to change the multiplewallpapers, /*SIDE RENDERS (left and right) for the multiple renders, they are all there and the image links need to be changed with new ones you upload and create as in the video |
|
Shishio-kun said: @KkCAnimeL layout is on your list, seems fine, you don't see this atm? https://myanimelist.net/animelist/KkCAnimeL You don't need to add the code twice, that would probably break something. If you added something extra or twice you should probably delete all and start over, enter the grid 5 code fresh, change background image links right after You don't add anything, the images are already in the code. Go down to /*WALLPAPERS to change the multiplewallpapers, /*SIDE RENDERS (left and right) for the multiple renders, they are all there and the image links need to be changed with new ones you upload and create as in the video No, I didn't recopy and paste the code twice. But somehow your message helped, I'll reply to you again if I have any problems, thanks. |
|
Sinatsuuu said: Why can't other ppl see my list style design? My POV of anime list style design is the one in the left of this imgur link, and the one in the right is what other ppl see in my anime list. Do you know what's the problem? https://imgur.com/QwaFXIV Probably parenthesis imports you need to fix. This thread title says "read the first post" and in the first post I link you to a repair guide, in part C of the repair guide should be the answer |
|
Sinatsuuu said: Shishio-kun said: Probably parenthesis imports you need to fix. This thread title says "read the first post" and in the first post I link you to a repair guide, in part C of the repair guide should be the answer I tried it but it worsened. If my CSS would help, take a look at this. Thx @\import url "https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore"; @\import url "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css"; @\import url "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Dark%20Mode%20Compressed.css"; @\import url "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Hover%20Image%20Compressed.css"; .status-menu:after { background-image: url "https://media.giphy.com/media/RMw1DhEAwx5ZK/giphy.gif"; } /* =================================== Top background text */ #cover-image-container:after { content: " сука блять"; } /* =================================== Custom mini avatar */ #cover-image-container { background-image: none !important; } /* =================================== Top background modifier */ .cover-block { background-image: linear-gradient(rgba(0, 0, 0,0.1), rgba(50, 50, 50,0.2)), url(https://media1.tenor.com/images/ecd6509c42b74ef855cf3d1751a730a5/tenor.gif?itemid=15226370) !important; } /* =================================== Main background modifier */ body { background-image: linear-gradient(rgba(80, 102, 116,0.8), rgba(88, 102, 116,0.6)), url(https://images8.alphacoders.com/721/721078.jpg) !important; } /* =================================== Favourites modifier */ .data.tags span a[href*="\=Favourite"], .data.tags span a[href*="\=Favorite"] { position: absolute; left: -32px; top: 50%; margin-top: -13px; width: 26px; height: 26px; padding: 0; background: #212121; border-radius: 50%; color: #ff65ad !important; font-size: 0 !important; line-height: 23px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .data.tags span a[href*="\=Favourite"]:before, .data.tags span a[href*="\=Favorite"]:before { content: "♥"; font-size: 26px; } /* =================================== Hover text colour modifier */ .list-table .list-table-data:hover a{ color: #6585e7 !important; } /* =================================== Combine Premier and Studio Sections */ .data.season { width: 120px; height: 32px; margin-top: 8px; -webkit-align-self: flex-start; -moz-align-self: flex-start; align-self: flex-start; } .data.studio { margin-top: 45px !important; margin-left: -120px; -webkit-order: 20; -moz-order: 20; order: 20; } You didn't remove the URL from the imports at top, that should be all you need to do but you mighta missed something else so make sure you're reading and following the directions carefully  |
|
Shishio-kun said: Sinatsuuu said: I tried it but it worsened. If my CSS would help, take a look at this. Thx @\import url "https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore"; @\import url "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css"; @\import url "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Dark%20Mode%20Compressed.css"; @\import url "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Hover%20Image%20Compressed.css"; .status-menu:after { background-image: url "https://media.giphy.com/media/RMw1DhEAwx5ZK/giphy.gif"; } /* =================================== Top background text */ #cover-image-container:after { content: " сука блять"; } /* =================================== Custom mini avatar */ #cover-image-container { background-image: none !important; } /* =================================== Top background modifier */ .cover-block { background-image: linear-gradient(rgba(0, 0, 0,0.1), rgba(50, 50, 50,0.2)), url(https://media1.tenor.com/images/ecd6509c42b74ef855cf3d1751a730a5/tenor.gif?itemid=15226370) !important; } /* =================================== Main background modifier */ body { background-image: linear-gradient(rgba(80, 102, 116,0.8), rgba(88, 102, 116,0.6)), url(https://images8.alphacoders.com/721/721078.jpg) !important; } /* =================================== Favourites modifier */ .data.tags span a[href*="\=Favourite"], .data.tags span a[href*="\=Favorite"] { position: absolute; left: -32px; top: 50%; margin-top: -13px; width: 26px; height: 26px; padding: 0; background: #212121; border-radius: 50%; color: #ff65ad !important; font-size: 0 !important; line-height: 23px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .data.tags span a[href*="\=Favourite"]:before, .data.tags span a[href*="\=Favorite"]:before { content: "♥"; font-size: 26px; } /* =================================== Hover text colour modifier */ .list-table .list-table-data:hover a{ color: #6585e7 !important; } /* =================================== Combine Premier and Studio Sections */ .data.season { width: 120px; height: 32px; margin-top: 8px; -webkit-align-self: flex-start; -moz-align-self: flex-start; align-self: flex-start; } .data.studio { margin-top: 45px !important; margin-left: -120px; -webkit-order: 20; -moz-order: 20; order: 20; } You didn't remove the URL from the imports at top, that should be all you need to do but you mighta missed something else so make sure you're reading and following the directions carefully Oh right, thanks. |
| @Sinatsuuu good, it's working perfectly now! |
|
Amogus_Gamer said: How do I remove the banner avatar and also is it possible to make the gifs on the banner buttons only move when i hover/click on it?
/*BANNER AVATAR
Change the first "center" to "left" or "right" to move the picture position. Change "cover" to "contain" or remove it to change how the image fills the avatar.*/
.list-table .list-table-header:after {
display: none !important;
}
I do not know of any CSS that can pause or stop them, but you can convert the gifs to .jpg with an online editor like ezgif then upload them somewhere else and replace the ones without :hover or .on under /*BANNER BUTTON BACKGROUNDS example (note this ezgif image will expire):
/*ALL ANIME BANNER BUTTON*/
.status-button.all_anime {
background-image:url(https://im4.ezgif.com/tmp/ffffff-ezgif-4-c2cc0daabf-gif-jpg/frame_000_delay-0.03s.jpg);
}
.status-button.all_anime:hover,.status-button.all_anime.on {
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwOXObExRPu3loFxMxYnFKwI);
}
/*CURRENT BANNER BUTTON*/
.status-button.watching,.status-button.reading {
background-image:url(https://im4.ezgif.com/tmp/ffffff-ezgif-4-c2cc0daabf-gif-jpg/frame_000_delay-0.03s.jpg);
}
.status-button.watching:hover,.status-button.watching.on,.status-button.reading:hover,.status-button.reading.on {
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKcswfP-rha4L_BSMmHJ6i8);
}
/*COMPLETED BANNER BUTTON*/
.status-button.completed {
background-image:url(https://im4.ezgif.com/tmp/ffffff-ezgif-4-c2cc0daabf-gif-jpg/frame_000_delay-0.03s.jpg);
}
.status-button.completed:hover,.status-button.completed.on {
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEX0_j9dntvHIol-oROI18o);
}
/*ON HOLD BANNER BUTTON*/
.status-button.onhold {
background-image:url(https://im4.ezgif.com/tmp/ffffff-ezgif-4-c2cc0daabf-gif-jpg/frame_000_delay-0.03s.jpg);
}
.status-button.onhold:hover ,.status-button.onhold.on {
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwIczsZ31PVTqtY_F0Fe24tQ);
}
/*DROPPED BANNER BUTTON*/
.status-button.dropped {
background-image:url(https://im4.ezgif.com/tmp/ffffff-ezgif-4-c2cc0daabf-gif-jpg/frame_000_delay-0.03s.jpg);
}
.status-button.dropped:hover,.status-button.dropped.on {
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPmKsRy4H1AyBPLRpR8R02U);
}
/*PLANNED BANNER BUTTON*/
.status-button.plantowatch,.status-button.plantoread {
background-image:url(https://im4.ezgif.com/tmp/ffffff-ezgif-4-c2cc0daabf-gif-jpg/frame_000_delay-0.03s.jpg);
}
.status-button.plantowatch:hover,.status-button.plantowatch.on,.status-button.plantoread:hover,.status-button.plantoread.on {
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwM5TnjgqPN3o2VWZi_6Jaic);
} |
ShaggyZEApr 23, 2022 5:50 PM
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Amogus_Gamer said: I copied and pasted the thing into the code and now the banner avatar is gone but there's a white square in it's place. How can I remove that? And also I did what u said with the turning the gifs into jpgs and stuff and it worked. the gifs don't move unless I hover over it. However, I notice that if I stop hovering over the gif and hover over the gif again, the gif starts playing from where I left it instead of restarting. This makes it look kinda clunky. Is it possible to make the gifs restart when I hover over it again instead of picking up where it left off? it's because you have the original layout code at the bottom, it's usually at the top so the display:block!important code in it is taking precendent .list-table-header:after{position:absolute;height:120px!important;width:120px!important;background-repeat:no-repeat;background-size:contain;position:absolute;display:block!important{ADD NEW CODES UNDER HERE} gifs are not movies, so no you can't pause, stop or restart them; without javascript they have to finish their loop. which is probably why Takana no Hana decided to keep them looping and just made them monotone. you could try adding
background-image:url();
|
ShaggyZEApr 23, 2022 8:23 PM
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
| Hi. Is there any way I can edit that "Edit -" text that I highlighted in the pic below? I wanted to change the color and hopefully get rid of the dash. Link to my list and I'm using classic. CSS: |
 ワンダーランズ×ショウタイム |
wkteo said: Hi. Is there any way I can edit that "Edit -" text that I highlighted in the pic below? I wanted to change the color and hopefully get rid of the dash.
/* EDIT/ADD, little dash between them, and MORE */
a.List_LightBox {
color: red !important;
}
#list_surround > table > tbody > tr > td > div > small {
color: transparent !important;
}
Amogus_Gamer said: How do I remove the "Viewing Your Anime List" on the top right of the list? Or if I can't, can I make it so that the words are white and that the "your" is not bolded? And also how do I remove the words on the bottom on the bottom of the list where it says "MyAnimeList.net is a property of MyAnimeList Co.,Ltd. ©2022 All Rights Reserved. Shelter Style V2- Layout originally designed by Takana no Hana"? And if it's not removeable, how could I make it so that it's only on the very bottom of the list and not just on the bottom of screen all the time? I don't mean to disrespect the company or the person who designed the layout but it just catches my eye whenever I scroll down. watch Shishio-kuns inspect element video div.btn-menu {
display: none !important;
}I wasn't able to figure out what all makes it static at the bottom instead of after the list like usual maybe @Shishio-kun can help but you could move it to the top footer,#footer-block {
background: transparent !important;
position: relative !important;
top: 0px;
} |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
| Hi! why the Youtube's videos aren't playable from my bio/about me [Section] |
 |
Amogus_Gamer said: How do I remove the "Viewing Your Anime List" on the top right of the list? Or if I can't, can I make it so that the words are white and that the "your" is not bolded? And also how do I remove the words on the bottom on the bottom of the list where it says "MyAnimeList.net is a property of MyAnimeList Co.,Ltd. ©2022 All Rights Reserved. Shelter Style V2- Layout originally designed by Takana no Hana"? And if it's not removeable, how could I make it so that it's only on the very bottom of the list and not just on the bottom of screen all the time? I don't mean to disrespect the company or the person who designed the layout but it just catches my eye whenever I scroll down. Yes, removing the credits on the core layout is something I don't tell people since that would disrespect the designer, and people who contribute are a high priority because without them we'd wouldn't have the layouts at all. But I understand what you mean and I can show you how to remove it just for your point of view, you need the ublock origin extension, it's safe and really important for web security actually since it blocks dangerous ads and also lets you remove anything from view install page: https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm?hl=en Now you just right click the page and choose block element, then point and click the bottom of the page, and you remove both the copyright and recaptha with the menu on the right (click Create to create a new blocking rule for the page). Only you see this. I recorded myself doing it here: https://www.dropbox.com/s/y9d3uklfc864zxw/remove%20elements.mp4?dl=0 Only click create when the line at the bottom containing the copyright you want to hide is highlighted It's a good idea to pin ublock to the browser bar too in case you need to turn it off for some reason. You can remove anything from the page this way later too :D |
Shishio-kunApr 27, 2022 4:29 AM
|
ineedcookiesss said: Hi! why the Youtube's videos aren't playable from my bio/about me [Section] Post the code you're trying to use in your bio here so we can quote it and look at it |
|
 |
|
Copy and paste the BBCode in a post here. Not a screenshot. If you paste it here, we can look at it with the quote button |
|
| Hi! the problem has been solved somehow with little corrections. I appreciate your help so much,You are the best. |
|
izayoiseeing said: The issue is that whoever made the design have for some reason hidden the actual PTW button and instead redesigned the All button. I assume the intention was to do it the other way around. What you need to do is go into the code and find references to these two links and switch them around. (I have no actually looked at the code so I don't know exactly where and the exact syntax used but that's the gist of it)Hello! I'm having trouble fixing a small issue with a theme I customized. I'll try to explain the issue in simple enough terms, though it's a little confusing I feel like, so I can elaborate if there's anything I'm not quite getting across in this post. The issue is that I have filter buttons on my sidebar to narrow down to my completed anime, dropped anime, etc. All of the links work just fine except for the PTW for some reason. The issue, I've found, is that in order to get to the PTW section, the link listed on the button SHOULD be as follows : https://myanimelist.net/animelist/izayoiseeing?status=6&tag= However, if you hover the mouse over the PTW button, it actually reads as: https://myanimelist.net/animelist/izayoiseeing?status=7&tag= The 7 should be a 6. This is the fix I need. However, despite the fact that I have figured this much out, I am no coder. I do not have any idea how to make this fix within the CSS coding itself, or if it's even possible! Therefore, I have come here in hopes someone may have a solution. The theme I have is customized slightly from the original, but even the original theme I copied and pasted did not have a functioning PTW button, so I will just link the original post for convenience: https://myanimelist.net/forum/?topicid=393503&show=250#msg50649686 If, for some reason, my own personal version of the code is needed, I can provide a Google Doc link. Thanks so much in advance! |
|
izayoiseeing said: Hello! I'm having trouble fixing a small issue with a theme I customized. I'll try to explain the issue in simple enough terms, though it's a little confusing I feel like, so I can elaborate if there's anything I'm not quite getting across in this post. The issue is that I have filter buttons on my sidebar to narrow down to my completed anime, dropped anime, etc. All of the links work just fine except for the PTW for some reason. The issue, I've found, is that in order to get to the PTW section, the link listed on the button SHOULD be as follows : https://myanimelist.net/animelist/izayoiseeing?status=6&tag= However, if you hover the mouse over the PTW button, it actually reads as: https://myanimelist.net/animelist/izayoiseeing?status=7&tag= The 7 should be a 6. This is the fix I need. However, despite the fact that I have figured this much out, I am no coder. I do not have any idea how to make this fix within the CSS coding itself, or if it's even possible! Therefore, I have come here in hopes someone may have a solution. The theme I have is customized slightly from the original, but even the original theme I copied and pasted did not have a functioning PTW button, so I will just link the original post for convenience: https://myanimelist.net/forum/?topicid=393503&show=250#msg50649686 If, for some reason, my own personal version of the code is needed, I can provide a Google Doc link. Thanks so much in advance! The codes have to be renamed, and All Anime has to be removed, so I think this is correct
/* @import url(https://image.myanimelist.net/ui/CKus0Grwxay7Gtl9ZFhA6dZuXUewSlfwCjB0n6CWI1FuLed13y2-ScX60P5o-FVubOxQo_V41QZpfDebEE8IqA);
*/
/* BACKGROUND */
body {
background-attachment:fixed;
background-clip:border-box;
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/ogNrt6xjoxcgp7z0v_1Ziy0XhxJ8fQpQNBa8Y4d-m9jgjuXWtzNkzSzmZ1j7QIu5srWb20XTsviBDJcgFXcAh_aJKItogSqGmVFCT0ApdTo);
background-position:0 0;
background-repeat:no-repeat no-repeat;
background-size:cover;
cursor:url(https://image.myanimelist.net/ui/0hNJiVDdbt-C96Lk7LlbPZ7RV6aWmSESiJAK15xx4bFNM5zSlUC5jlFAhvqJjK-R1zDRi0Gx-oC0SPirRQWyYg), auto;
font-family:'Roboto';
}
/* SECOND BACKGROUND (character)*/
#inlineContent {
background-image:url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAosLEfCgsuShnxf_9BwnHhw);
background-position: 1% 0;
background-repeat:no-repeat no-repeat;
display:inline-block !important;
height:3950px !important;
left:-15% !important;
margin:auto !important;
position:fixed !important;
right:0 !important;
top:20% !important;
width:3000px !important;
z-index:-1 !important;
}
/*SIZE OF LIST & TITLE */
#list_surround {
background-attachment:scroll;
background-color:transparent;
background-position:50% -5px;
background-repeat:no-repeat no-repeat;
font-size:81.25%;
line-height:1;
margin:0 auto;
padding-bottom:10px;
padding-top:10px;
position:absolute;
right:-250px !important;
width:800px;
margin-right: 650px;
/*! border-top: 10px groove #ff809f; */
}
/*HEADER COLOR*/
.table_header {
background-color:rgb(51, 49, 50);
/*! border-top: 10px groove #ff809f; */
}
.td1:nth-of-type(5), .td2:nth-of-type(5) {
border-right: 2px solid white !important;
color: white;
}
.td1:nth-of-type(1), .td2:nth-of-type(1) {
border-left: 2px solid white !important;
color: white;
}
.table_header:nth-of-type(1), .table_header:nth-of-type(2), .table_header:nth-of-type(3), .table_header:nth-of-type(4), .table_header:nth-of-type(5) {
border-top: 2px solid white !important;
}
.table_header:nth-of-type(1) {
border-left: 2px solid white !important;
color: white;
}
.table_header:nth-of-type(5) {
border-bottom-right-radius: 0;
border-right: 2px solid white;
border-top-left-radius: 0;
color: white;
}
/*ROUNDED CORNER ON TOP LEFT*/
.table_header:first-of-type {
}
/*MOVING HEADER TITLE OVER */
.table_header:nth-of-type(2) {
padding-left:35px;
text-align:left;
/*! border: 10px 5px 0px 0px groove #ff809f; */
/*! border: ; */
}
/*ROUNDER CORNER ON TOP RIGHT */
.table_header:last-of-type {
}
/*ROW COLORS*/
a, .td1, .td2, .category_totals {
transition: all 0.25s ease-in-out 0s;
}
.td1 {
background-color:rgb(51, 49, 50);
height:10px;
}
.td2 {
background-color:rgb(51, 49, 50);
height:10px;
}
/*DONT WORRY ABOUT THIS*/
.table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
border:0 none;
padding:4px;
text-align:center;
vertical-align:top;
/*! border-top: 10px groove #ff809f; */
}
.table_header, .td1, .td2, .category_totals {
color:#fff;
/*! text-shadow: 2px 2px white; */
}
.borderRBL {
line-height:normal !important;
}
[cellspacing="0"] {
line-height:17px;
/*! border-top: 10px groove #ff809f; */
}
/*CATEGORY TOTALS*/
.category_totals {
background-color:rgb(51, 49, 50);
color:##5c0094;
text-align:center;
}
.category_totals {
border-bottom: 2px solid white;
border-left: 2px solid white !important;
border-right: 2px solid white;
text-align: center;
}
/*DONT WORRY ABOUT THIS*/
[class^="header_"] * {
background-repeat:no-repeat no-repeat;
font-size:0;
height:200px;
line-height:24px;
padding-bottom:4px;
text-align:right;
vertical-align:bottom;
}
.header_title {
/*! border-bottom-left-radius:4px; */
/*! border-bottom-right-radius:4px; */
/*! border-top-left-radius:4px; */
/*! border-top-right-radius:4px; */
color:#FFFFFF;
display:inline-block;
font-style:italic;
height:auto;
padding:0 8px 0 0;
text-shadow:rgb(51, 49, 50) 0 1px 1px;
}
/* GRAND TOTALS */
#grand_totals {
background-color:rgb(51, 49, 50);
border:1px solid white;
color:#FFFFFF;
line-height:20px;
min-height:20px;
padding:8px;
text-align:center;
vertical-align:middle;
}
/*COPYRIGHT DONT REMOVE*/
#copyright {
background-color:rgb(51, 49, 50);
border: 1px solid white;
color:#EEEEEE;
line-height:17px;
margin-top:10px;
padding:8px;
text-align:center;
}
#copyright::after {
}
/*MOVING ANIME TITLES OVER*/
.td1:nth-of-type(2), .td2:nth-of-type(2) {
padding-left:35px;
text-align:left;
}
/*DONT MESS WITH THIS*/
.td1:nth-of-type(6), .td2:nth-of-type(6) {
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat repeat;
border-bottom-style:none !important;
border-bottom-width:medium !important;
display:inline-block;
font-family:cursive;
font-size:9pt;
height:0 !important;
left:70px;
line-height:16px !important;
margin-top:16px;
position:absolute;
text-align:justify !important;
width:720px;
z-index:2;
}
.table_header:nth-of-type(6) {
display:none;
}
span[id*="tagRow"] {
display:block !important;
}
span[id*="tagLinks"] {
display:none !important;
}
a, .td1, .td2, .category_totals {
-webkit-transition:all 0.25s ease-in-out 0s;
}
.status_selected, .status_not_selected {
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAsqAcxJ9jJcJCfnS9Gwe3RQ);
background-position:100% 0;
background-repeat:no-repeat;
background-size:contain;
border-width: 5px !important;;
border: groove #89CFF0;
display:block;
left: 101%;
padding:0;
position:absolute;
top:199px;
width:300px;
}
.status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected {
background-image:url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAiFJPJSR2iW7jBZ_BI14c3k);
background-position:100% 0;
top:290px;
}
.status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected {
background-image:url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAqCevTshUt-prxjp1tcw3Xw);
background-position:0 0;
top:381px;
}
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background-image:url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAs4wwzYSXHnljzxiIv99J88);
background-position:100% 0;
top:472px;
}
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background-image:url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPApzZdRCbPtHpQQi7k19sIbE);
background-position:0 0;
top:563px;
}
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
display: none;
}
/*SIZE OF CATEGORY BOXES*/
.status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
color:transparent;
display:block;
height:80px;
width:400px;
}
/*SIZE OF CATEGORY BOXES*/
.status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
color:transparent;
display:block;
height:80px;
width:400px;
}
/*CURRENTLY WATCHING HEADER*/
.header_cw {
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwJq7catXfxVk6g_LcATQI1Q);
background-position:200px 170px;
background-repeat:no-repeat no-repeat;
height:20px;
margin-bottom:0;
margin-top:-10px;
}
/*COMPLETED HEADER*/
.header_completed {
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKcJ2WE6M1XXUJgOezWYrls);
background-position:290px 170px;
background-repeat:no-repeat no-repeat;
height:50px;
margin-bottom:0;
margin-top:-100px;
}
/*ON HOLD HEADER*/
.header_onhold {
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwO32Gv1DWaEBZCtAVR7D6Yw);
background-position:300px 170px;
background-repeat:no-repeat no-repeat;
height:50px;
margin-bottom:0;
margin-top:-100px;
}
/*DROPPED HEADER*/
.header_dropped {
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwGuNtrF3562_F4_45DbDQ68);
background-position:300px 170px;
background-repeat:no-repeat no-repeat;
height:50px;
margin-bottom:0;
margin-top:-100px;
}
/*PLAN TO WATCH HEADER*/
.header_ptw {
background-color:transparent;
background-image:url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwDH7XRVMt7oL-RVpapOG5Tg);
background-position:233px 170px;
background-repeat:no-repeat no-repeat;
height:50px;
margin-bottom:0;
margin-top:-100px;
}
/*CATEGORY LINK STUFF*/
.status_selected {
display:block;
}
.status_not_selected {
display:block;
}
.status_not_selected {
opacity:1;
}
.status_not_selected:hover {
color:transparent;
opacity:1;
}
/*COLOR OF THE "AIRING EXT." TEXT*/
.animetitle + small {
color:#afeeee !important;
font-weight:bold;
}
/*TEXT COLOR*/
a {
color:#fff;
text-decoration:none;
text-shadow: none;
}
/*TEXT HOVER*/
a:hover {
color:fffff;
text-shadow:none;
text-decoration: underline;
}
/*MAKES STUFF TRANSITION*/
* {
-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out}
I believe there's also supposed to be covers with (see part B use the right classic import) https://myanimelist.net/forum/?topicid=439897 |
|
Ferwat said: Is there a layout out there from my dressup darling? I don't think so, but the thing is you can pick any theme you like and then just get help here for changing the images for banner/background that you find online or optionally request for character renders to be made, and voila you have a dressup darling theme. |
ShaggyZEMay 5, 2022 2:15 PM
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
| I am not sure if this is mentioned somewhere but I'd like to know how to change the color of the background for specific genres. Thanks in advance |
      |
Leospars said: I am not sure if this is mentioned somewhere but I'd like to know how to change the color of the background for specific genres. Thanks in advance Do you mean the text color of the individual genre links, or the background pages when you click a genre links? |
|
| Hey! I don't know if someone already asked, if so just redirect me to their message. Here's my problem: When I want to customize my list (anime) and click on "Add Custom CSS", instead of showing the text box, it writes "The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images." That's different from the FAQ, because I didn't even change anything from the basic classic design I chose. |
Samolexie said: Hey! I don't know if someone already asked, if so just redirect me to their message. Here's my problem: When I want to customize my list (anime) and click on "Add Custom CSS", instead of showing the text box, it writes "The @import statement is only available when viewing your own list. URL statements only work for *.jpg, *.gif, *.png images." That's different from the FAQ, because I didn't even change anything from the basic classic design I chose. You have to keep refreshing the page and clicking on the Add Custom CSS link until you can access the black box under the import text, outlined the box in red here. There's a bug where it doesn't appear sometimes I have no idea why  The box is where you paste codes, the import thing appears right above it normally but should have the box under it too |
|
Shishio-kun said: You have to keep refreshing the page and clicking on the Add Custom CSS link until you can access the black box under the import text, outlined the box in red here It works! Thank you! |
| Hello there! once again So, I've been trying to make some small adjustments regarding my anime/manga lists' design. To be more specific, I want to make the background a bit darker when I'm hovering over an anime, as well as adjust the text font in the "tags" area to make it look a bit more clear/crisp. I remember I changed a few things months ago, but I cannot recall exactly what I tweaked. If the font cannot be changed for any reason, then making it bigger and/or making it bold, would be ok I think Here's a screenshot to get a better understanding of what I mean: And here's the CSS code that I'm currently using: |
 |
Shishio-kun said: Do you mean the text color of the individual genre links, or the background pages when you click a genre links? The text color and the background behind the text though either is fine since I'd just add whatever changes under that element. I just don't know how to specify each of the genres under data.genre using heref 🤷♂️ |
|
Leospars said: Shishio-kun said: Do you mean the text color of the individual genre links, or the background pages when you click a genre links? The text color and the background behind the text though either is fine since I'd just add whatever changes under that element. I just don't know how to specify each of the genres under data.genre using heref 🤷♂️ So we'll go to ShaggyZE's manga code cuz he has this already https://dl.dropboxusercontent.com/s/j3dbcw5j7itrl8b/special_tags.css He has the genre codes customized and it looks like genre 1 (action) has this selector so you can customize it with red. a[href$="&genre=1"]{ color: red !important;} When you point to the genre on your list it shows the number of the genre at the bottom of your page, 1 is action, 4 is comedy, 10 is fantasy etc  |
|
| hi ! sorry to be bothering you but i'm struggling a lot with something, i want to use a list design from someone and i already tried with the view page source tool but whenever i get the code and then put it to preview it is all over the place. i don't know if im selecting something wrong for this to be happening. this is the design i want to use: https://myanimelist.net/animelist/sunnysummerday i want to customize it based from their whole layout but as i said, i'm struggling a lot to get the code. i'm reaching out to you because i'm very bad with coding and don't really understand it, i've tried making my themes but always fail. i'd greatly appreciate your help !! |
kome11037 said: hi ! sorry to be bothering you but i'm struggling a lot with something, i want to use a list design from someone and i already tried with the view page source tool but whenever i get the code and then put it to preview it is all over the place. i don't know if im selecting something wrong for this to be happening. this is the design i want to use: https://myanimelist.net/animelist/sunnysummerday i want to customize it based from their whole layout but as i said, i'm struggling a lot to get the code. i'm reaching out to you because i'm very bad with coding and don't really understand it, i've tried making my themes but always fail. i'd greatly appreciate your help !! I can't show you how to take someone else's layout, especially someone who contributes so much to the site- some people take that personally. If you get their permission to use the code, they can copy/paste it to you But her layout is based on Clarity, that layout is available in the stickies. And it's modern while you're on classic as well, see part A 2-3 and maybe 4 later. You need your list set to modern to use that style https://myanimelist.net/forum/?topicid=439897 Clarity: https://myanimelist.net/forum/?topicid=1723114 |
|
Shishio-kun said: kome11037 said: hi ! sorry to be bothering you but i'm struggling a lot with something, i want to use a list design from someone and i already tried with the view page source tool but whenever i get the code and then put it to preview it is all over the place. i don't know if im selecting something wrong for this to be happening. this is the design i want to use: https://myanimelist.net/animelist/sunnysummerday i want to customize it based from their whole layout but as i said, i'm struggling a lot to get the code. i'm reaching out to you because i'm very bad with coding and don't really understand it, i've tried making my themes but always fail. i'd greatly appreciate your help !! I can't show you how to take someone else's layout, especially someone who contributes so much to the site- some people take that personally. If you get their permission to use the code, they can copy/paste it to you But her layout is based on Clarity, that layout is available in the stickies. And it's modern while you're on classic as well, see part A 2-3 and maybe 4 later. You need your list set to modern to use that style https://myanimelist.net/forum/?topicid=439897 Clarity: https://myanimelist.net/forum/?topicid=1723114 thanks for the reply !! i already changed my list a bit, i'm still struggling but i hope i can make something similiar to her list style, thank you so much ! ૮₍ ˶ᵔ ᵕ ᵔ˶ ₎ა |
More topics from this board
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
133 |
by Shishio-kun
»»
Dec 2, 10:24 AM |
|
» ⭐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 |