| @Bunnie the legendary Bunnie 🤩 Your list passes all qualifications! https://myanimelist.net/animelist/Bunnie |
@MurakumoJP Are you entering this design? It looks great, it passes all qualifications! https://myanimelist.net/animelist/MurakumoJP |
| @coreynj Great job! The layout passes all qualifications :D https://myanimelist.net/animelist/coreynj |
| @fuwanian The anime list looks really cool! Many nice changes. You are using the default MAL layout, and not a premade layout, so you don't need to change the colors as per rule 2 in case anyone is wondering. Both layouts qualify. https://myanimelist.net/animelist/fuwanian https://myanimelist.net/mangalist/fuwanian |
| @peeledwatermelon You've made a nice chocolate list! This meets all qualifications. https://myanimelist.net/mangalist/peeledwatermelon |
| @Valerio_Lyndon So you can still be a judge, right? People will trust your decisions :D |
| @getNorted You're entering your anime list, right? It looks absolutely amazing and passes all qualifications for sure. https://myanimelist.net/animelist/getNorted It looks like this in Chrome  And this in Firefox for me   Notice there's some random text, broken icons or something in my Firefox. I'm not really sure what since I don't have time to look into it right now. But I will go with the Chrome screenshots since they look better, but before I do, is the Chrome screenshot looking 100% correct to you? Let's make sure now. |
Shishio-kunDec 14, 2020 7:03 PM
| @TheBlueSparta Awesome! You've customized the premade well; the list passes all qualifications. https://myanimelist.net/animelist/TheBlueSparta |
| @UshRuFF Are you still planning to enter? If so, which list? I don't see any customization on your anime or manga list. https://myanimelist.net/animelist/UshRuFF |
| @Ana28 You are entering this layout, right? It passes all qualifications :D https://myanimelist.net/animelist/Ana28 |
| @_ozhi Great work! This layout meets all qualifications! https://myanimelist.net/animelist/_ozhi |
| @Elrwyn SUPER COOL LAYOUT! And its classic, maybe the only one? It passes all qualifications! :D https://myanimelist.net/animelist/Elrwyn |
| @frenzleboy https://myanimelist.net/animelist/frenzleboy This is a premade layout with different images, but have you changed the colors in any way? You need to noticeably change the font color or table colors (or both) in order to qualify according to rule #2. Please do so before the deadline. If you don't know how, just ask and we'll help. Table colors are under /* ANIME/MANGA CONTAINER SETTINGS */ You just change the numbers to set the table to a new color you like for the layout and that will be fine. Each code controls a different part of the table. The first number is how much red is in it, the second is how much green, and the third how much blue. The last decimal is how see thru the table is (0 is transparent, 1 is opaque, .5 is translucent). So this combination would give you a red table. .list-unit {
background-color: rgba(255,0,0,.4) ;
}
.status-menu-container {
background-color: rgba(255,0,0,.4) ;
}
.list-table .list-table-data:hover {
background-color: rgba(255,0,0,.4) ;
}Just use your own color idea and the layout will pass all qualifications :D |
Shishio-kunDec 14, 2020 7:22 PM
| @Hahaido Amazing original layout as always! This definitely passes all qualifications! https://myanimelist.net/animelist/Hahaido?status=1 |
| @HoodClips https://myanimelist.net/animelist/HoodClips This is a premade layout with different images, but have you changed the colors in any way? You need to noticeably change the font color or table colors (or both) in order to qualify according to rule #2. Please do so before the deadline. If you don't know how, just ask and we'll help. Table colors are under /* ANIME/MANGA CONTAINER SETTINGS */ You just change the numbers to set the table to a new color you like for the layout and that will be fine. Each code controls a different part of the table. The first number is how much red is in it, the second is how much green, and the third how much blue. The last decimal is how see thru the table is (0 is transparent, 1 is opaque, .5 is translucent). So this combination would give you a red table. .list-unit {
background-color: rgba(255,0,0,.4) ;
}
.status-menu-container {
background-color: rgba(255,0,0,.4) ;
}
.list-table .list-table-data:hover {
background-color: rgba(255,0,0,.4) ;
}Just use your own color idea and the layout will pass all qualifications :D if you'd like to change the font colors instead let me know if you need help with that (red font might look good with the dark tables). |
| @Hrybami These layouts meet all qualifications! https://myanimelist.net/animelist/Hrybami https://myanimelist.net/mangalist/Hrybami |
| @Shishio-kun: Yeah I'm working on it on my alt profile here: https://myanimelist.net/profile/Half_Blood It's set to friends-only currently but if you send me a FR you can see it. It's about 95% done, so I hope to finish it by friday, but I'll let you know on thursday if I need a couple days more. I don't want to be "that guy", but I doubt anyone else has been working on their list for 12+ hours a day for the past few weeks xD |
Shishio-kun said: @MurakumoJP Are you entering this design? It looks great, it passes all qualifications! https://myanimelist.net/animelist/MurakumoJP yes, i participate with my anime list. )) |
Shishio-kun said: @Elrwyn SUPER COOL LAYOUT! And its classic, maybe the only one? It passes all qualifications! :D https://myanimelist.net/animelist/Elrwyn Oh my, thank you XD It's not yet finished though but I suspect I'm almost satisfied with it ;P |
 |
UshRuFF said: Shishio-kun said: @UshRuFF Are you still planning to enter? If so, which list? I don't see any customization on your anime or manga list. https://myanimelist.net/animelist/UshRuFF I'm putting a few finishing touches. I barely have any time because of work, but I'm still hopeful I can finish it Just for clarification, I'm entering my Animelist Wow looks amazing! @_@ You can ask for an extension of time if you need it :D |
| @Shishio-kun: good news, I should be done by this time tomorrow ^^ |
Awesome :D |
Shishio-kun said: @frenzleboy https://myanimelist.net/animelist/frenzleboy This is a premade layout with different images, but have you changed the colors in any way? You need to noticeably change the font color or table colors (or both) in order to qualify according to rule #2. Please do so before the deadline. If you don't know how, just ask and we'll help. Table colors are under /* ANIME/MANGA CONTAINER SETTINGS */ You just change the numbers to set the table to a new color you like for the layout and that will be fine. Each code controls a different part of the table. The first number is how much red is in it, the second is how much green, and the third how much blue. The last decimal is how see thru the table is (0 is transparent, 1 is opaque, .5 is translucent). So this combination would give you a red table. .list-unit {
background-color: rgba(255,0,0,.4) ;
}
.status-menu-container {
background-color: rgba(255,0,0,.4) ;
}
.list-table .list-table-data:hover {
background-color: rgba(255,0,0,.4) ;
}Just use your own color idea and the layout will pass all qualifications :D Sorry that I didn't reply earlier. But I've changed the colour scheme yeserday so it should be alright i hope. |
| @Shishio-kun: The list is complete and up, on my main profile here: https://myanimelist.net/animelist/Half_Bl00d If you're gonna be making a gif/video of it, I suggest using Firefox (while you are logged in to your account, as modern lists do not show all elements to users who are not logged in), because I could not remove the scrollbars in Chrome. Other than that, it works completely fine on both Chrome and Firefox. As stated on the list, it is best viewed in fullscreen on 16:9 screens, though it works fine with 16:10 too. Everything is click-based, and pretty much every element can be clicked on, though some pages might take a moment to appear due to the amount of animation on it. Each category shows a different system, with new clickable elements, so be sure to explore them ^^ One interesting thing about the list; everything on it scales with the browser window, including the table itself. Every single element on the entire design has a variable dimension and position. This makes it viewable on any resolution, though naturally higher resolutions are better, but removes the need for resolution-based media queries and modifications to fit to smaller screens like my previous lists. Also, all elements on the list aside from the planet images are svg, so they can be scaled infinitely and never lose quality. Here's some numbers just for fun: - Total size of all images used: 88 MB - Total CSS size: 354 KB - Total time spent making the list: around 350 hours - Total number of celestial bodies: 23 (1 star, 8 planets, 2 dwarf planets, 12 satellites) P.S.: just in case anyone wonders where did this entire idea come from, I actually have an astrophysics degree. xD |
Half_Bl00dDec 18, 2020 12:37 PM
| Today is the deadline, but we'll wait till tomorrow to officially start things as I'm waiting on one person to update their layout and it'll give people some extra time to fix up their designs last minute D: @Half_Bl00d ok I will try to make a good GIF video! @frenzleboy Awesome, thank you :D |
| @UshRuFF: thanks a lot mate, I'm really glad you like it ^^ Your list is pretty nice too, but for some reason it doesn't have the cover images for me? |
| @UshRuFF: it seems one of my privacy/adblock addons was messing with them. I see the images now, it looks great ^^ |
| @getNorted I think the problem with your list's broken icons is it needs the Honeybee font to look correct. Unfortunately the Dropbox link you have in your CSS is down so it won't import the font to visitors. A webpage (looked official) gave this link for the font. You can add it to the top of your CSS and fix the font so ppl can see the list as it is supposed to be seen. @\import "https://solrainha.github.io/honeybee/honeybee.css"; I've placed it my MAL script and It looks like this which is really nice  |
| (This message was also PMed to each eligible entrant or left on your comment wall) Thank you to all for entering the 2020 List Design contest! A thread has been opened featuring all eligible participants and a link to their layout. I’ve taken screenshots to properly represent your layout(s) and also tried to feature any animated effects you worked on in GIFs under 10MB without too much quality loss. MAL members can vote to pick the Member's Favorite List Design of 2020! https://myanimelist.net/forum/?topicid=1883599 VERY IMPORTANT This goes out to all contest entrants: do NOT try to rally clubs and/or your friend's list to all vote for you in the contest. It will only get you disqualified. I tell every contest entrant this every year. The popular vote/member's favorite has been and should always be representative of what the community likes best. The true winner earns that award for their hard work, not their popularity and size of their friend's list. Other categories Other contest categories like Best Table, Best Imagery, etc will be decided by judges. Valerio_Lyndon, Lulech23, and Cateinya have signed up to be judges with me. They've all designed popular list layouts and I trust they will be fair and impartial. Updates Follow the Contests forum for updates and the announced winners! I will also mass message it in our club https://myanimelist.net/clubs.php?cid=19736 Questions? Concerns? If you wish to discuss anything or get your screenshot changed, please use the Registration and Discussion topic (this thread) and I'll get back to you as soon as possible. I would prefer all discussions be there so they will be documented and open to all. |
| I didn't know that the list will be displayed in fullscreen. That's why I arranged the renders in my list to fit with the windows bar on the bottom. Now it looks kind of strange in the screenshot with the characters hanging in the air and with cut off legs. Is there anything we can do to change that? If it's allowed I can also change their position again. |
frenzleboy said: I didn't know that the list will be displayed in fullscreen. That's why I arranged the renders in my list to fit with the windows bar on the bottom. Now it looks kind of strange in the screenshot with the characters hanging in the air and with cut off legs. Is there anything we can do to change that? If it's allowed I can also change their position again. Unfortunately I didn't notice that in the screenshot, so I'll correct this right away since I know that was your intention. But the render will have a gap on the bottom even outside of fullscreen for many users, depending on the screen resolution. It has the gap outside of fullscreen for me in Firefox. You generally don't want the render merged with the wallpaper, it needs to be separate so it can be fixed to the bottom. Yes, you can edit your layout for this since you're going for an intended look. But the only way I can think of to fix it for all users would be to cut out the gap on the bottom of original wallpaper, and upload that new wallpaper /* WALLPAPER
To change background images: Delete what's in the parenthesis. Upload the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.
*/
body, body.ownlist
{
background-image: url(https://i.imgur.com/duWDtxH.png);
}And also adjust it a bit /* customization */
/* The list background */
body[data-query*='"status":1'],
body[data-query*='"status":2'],
body[data-query*='"status":3'],
body[data-query*='"status":4'],
body[data-query*='"status":6'],
body[data-query*='"status":7'] {
background-attachment: fixed !important;
background-position: left 50%;
background-repeat: no-repeat !important;
background-size: cover;
}So now it looks like this for me, there's no gap this way on all resolutions  I've updated your entry with this screenshot. |
| Oh thank you so much! I will try to fix it as soon as I can! I normally use a 1440p monitor but I adjusted it to 1080p on Chrome for the contest since most people have these. However didn't consider that it's also different on other browsers. Thanks again for changing the screenshot! |
frenzleboy said: Oh thank you so much! I will try to fix it as soon as I can! I normally use a 1440p monitor but I adjusted it to 1080p on Chrome for the contest since most people have these. However didn't consider that it's also different on other browsers. Thanks again for changing the screenshot! No problem! Cute layout and pretty colors :D |
Thank you! ^^ |
| I missed the deadline lol. Just wanted to say thanks to @shishio-kun for fixing my layout for the screenshot. College took all my free time, so i couldn't fix the bugs or finish the list design as i wanted. |
getNorted said: I missed the deadline lol. Just wanted to say thanks to @shishio-kun for fixing my layout for the screenshot. College took all my free time, so i couldn't fix the bugs or finish the list design as i wanted. No problem I noticed the Dropbox link went down, it was probably after your last edited the layout and were busy. You can add this to the top of your list CSS and it should fix the font Dropbox was supposed to provide for now @\import "https://solrainha.github.io/honeybee/honeybee.css"; |
More topics from this board
» | OPEN | Best Profile Design (October 2025) NOMINATIONSPhraze - Oct 4 |
4 |
by Sensual_Yuri_69
»»
Yesterday, 3:07 AM |
|
» | OPEN | Best Profile Design (September 2025) NOMINATIONSPhraze - Sep 7 |
10 |
by Ms_Muffin
»»
Oct 1, 10:02 AM |
|
» Best Profile Design (August 2025) WINNERPhraze - Sep 7 |
4 |
by KarenShirotori
»»
Sep 12, 1:48 AM |
|
» | CLOSED | Best Profile Design (August 2025) VOTINGPhraze - Aug 22 |
13 |
by wujack
»»
Sep 4, 8:53 PM |
|
» | CLOSED | Best Profile Design (August 2025) NOMINATIONSPhraze - Aug 4 |
9 |
by Phraze
»»
Aug 22, 11:06 PM |