This topic on fixing your covers part of our Customizing your list section and Tools and Tips section.      UPDATED!!  If you have any suggestions for the CSS Generator feel free to message me or leave a comment Last update: 04/03/2016  Alternative solutions and generators If this isn't working for you, try any of the other cover generators linked at the top of the post, or see the main thread on fixing your covers to see all solutions: https://myanimelist.net/forum/?topicid=443333 |
Syaoran3Sep 29, 2016 8:17 AM
Best MAL Generator tool!  |
DRedDogPE said: It's great that you removed the need to use "&" in the url, which the MAL editor can't handle, but... there is still one thing holding me back from using this: I would like to specify the format IN the url rather than specify a url to a file that has to be hosted elsewhere.@import "http://mal-image.appspot.com/OPERATION/USERNAME/?format=URL"; You can replace "URL" with a link to a text file with a custom styling format. Example of what I'm looking for: Note: This is your example passed through encodeURIComponent() to escape the special characters. It would be easy enough to support both, if the format parameter starts with "http" you can assume it is a URL and not the format itself. Also, from a development/implementation perspective... I'm curious what you did for caching the data (if any). I figure it would be way too inefficient to request the data from mal-api with every request. (Maybe the web host page caching is good enough so it doesn't matter?) |
  |
DRedDogPE said: Yeah! Now that's what I'm talkin' about!@import "http://mal-image.appspot.com/OPERATION/USERNAME/?code=CODE"; Just checking this out and noticed a few things. First: The problem is the hanging "*/" if there is a comment in the format. You could probably just replace "*/" with "*//*" to re-comment. Or you could do something else to break it up "*\/". Browsers will skip past it... it's just not "clean". Second: I compared load times vs my static pre-generated CSS and there is a difference of around 200ms. (file: ~600ms, generated: ~800ms) ... my free host kinda sucks... Either way, it's a pretty long delay to load the list. This leads back to my previous question about caching the data. If this is hitting the MAL API with every request, that isn't going to scale well. If you share a bit about how it works I might have some ideas on how to improve performance. Third: Do you like quirks mode? On a different note, it might be a useful idea to have fields for people to select anime/manga and put in their username. Then generate the entire URL for them. It might be a bit much to expect MAL users to be able to encode their CSS and put it in the right spot. Overall this is looking really good. |
|
| I tried your encoded-based generator to know what its capability is... Ooh! it works twice faster than my previous one (which is based on link/file). Good job ! And on the favorites feature, there's a bug. I set the minimum-score to 9, but some titles with score under 9 also have a star.  |
 |
D_Cuy said: I tried your encoded-based generator to know what its capability is... Ooh! it works twice faster than my previous one (which is based on link/file). Good job ! And on the favorites feature, there's a bug. I set the minimum-score to 9, but some titles with score under 9 also have a star. Yeah i noticed that a little but all the code says it shouldnt happen...ill make some changes |
Best MAL Generator tool! |
| I've added this cover generator to the list of cover generators in the main topic for updating covers: http://myanimelist.net/forum/?topicid=443333 |
| Nice creation with the Fellow Writer one being almost Identical. I think this one is more useful because if you go to the link itself you find not just the pictures links but also the names attached. It makes it easier Fellow Writer doesn't have that. Might have to try this out if fellow writer app is ever down again :D |
 |
| It's good I tested it but One piece has Death Note's cover and Cowboy Bebop has Monster's cover... Those are just the one's I found . :/ It's only like that if I use the all one. Not if I use anime only one. |
Madara22Dec 30, 2015 3:01 AM
| |
| Thanks for the links above - it really is great and fixed all cover related issues. :D |
Madara22 said: It's good I tested it but One piece has Death Note's cover and Cowboy Bebop has Monster's cover... Those are just the one's I found . :/ It's only like that if I use the all one. Not if I use anime only one. This is now fixed if you use the @import "http://mal-image.appspot.com/all/USERNAME"; as i have made it detect what list it is being requested from so that it loads correctly. |
Best MAL Generator tool! |
| it seems.. my "Gate" and "Overlord" anime fail to show its cover |
|
| I'm also having issues, as far as I've seen so far the Naruto anime doesn't display a cover and nor does Yami Shibai |
| That's the first thing I checked yeah.. nothing wrong with the code yet it doesn't show for some reason xD oh well, still a great generator |
Tybone said: That's the first thing I checked yeah.. nothing wrong with the code yet it doesn't show for some reason xD oh well, still a great generator Thanks! I also changed http://mal-image.appspot.com/all/USERNAME so it checks if the list is requesting the code so it sends the correct information |
Best MAL Generator tool! |
| I also added this: http://mal-image.appspot.com/cover/USERNAME E.g http://mal-image.appspot.com/cover/DRedDogPE |
Best MAL Generator tool! |
DRedDogPE said: Tybone said: That's the first thing I checked yeah.. nothing wrong with the code yet it doesn't show for some reason xD oh well, still a great generator Thanks! I also changed http://mal-image.appspot.com/all/USERNAME so it checks if the list is requesting the code so it sends the correct information Ah.. when I change it to all the covers show up :p thanks! |
| Using the "all" operation on the "advanced code" import makes it ignore the coded style and default to #more CSS. btw this generator is great, kudos for making and sharing it! Much appreciated |
 |
yea.. it's fixed now... "Gate" and "Overlord" were my new entries... BUT.. it's happened again after I added "Boku Dake ga Inai Machi" Boku Dake ga Inai Machi's ID is "31043" http://myanimelist.net/anime/31043/Boku_dake_ga_Inai_Machi at the moment, there's no "31043" in this code. Both firefox and chrome don't show the cover |
D_CuyJan 22, 2016 8:07 AM
|
D_Cuy said: yea.. it's fixed now... "Gate" and "Overlord" were my new entries... BUT.. it's happened again after I added "Boku Dake ga Inai Machi" Boku Dake ga Inai Machi's ID is "31043" http://myanimelist.net/anime/31043/Boku_dake_ga_Inai_Machi at the moment, there's no "31043" in this code. Both firefox and chrome don't show the cover  Its there... |
Best MAL Generator tool! |
Doomcat55 said: Using the "all" operation on the "advanced code" import makes it ignore the coded style and default to #more CSS. btw this generator is great, kudos for making and sharing it! Much appreciated On it now Edit: You can now use ?code= with the all |
Syaoran3Jan 25, 2016 8:26 AM
Best MAL Generator tool! |
DRedDogPE said: Ok, that works now, thanks.Doomcat55 said: Using the "all" operation on the "advanced code" import makes it ignore the coded style and default to #more CSS. btw this generator is great, kudos for making and sharing it! Much appreciated On it now Edit: You can now use ?code= with the all Doesn't seem to be updating, though - I added Tsukimonogatari (28025) to my list today and it hasn't generated a cover. |
|
Doomcat55 said: Ok, that works now, thanks. Doesn't seem to be updating, though - I added Tsukimonogatari (28025) to my list today and it hasn't generated a cover. Change your import code to this .animetitle%5Bhref%5E%3D%22%2F%5BTYPE%5D%2F%5BID%5D%2F%22%5D%7Bbackground-image%3Aurl%28%5BURL%5D%29%3B%7D You didnt add a / at the end of the numbers |
Syaoran3Jan 26, 2016 9:30 AM
Best MAL Generator tool! |
DRedDogPE said: Working now, thanks!Doomcat55 said: Ok, that works now, thanks. Doesn't seem to be updating, though - I added Tsukimonogatari (28025) to my list today and it hasn't generated a cover. Change your import code to this .animetitle%5Bhref%5E%3D%22%2F%5BTYPE%5D%2F%5BID%5D%2F%22%5D%7Bbackground-image%3Aurl%28%5BURL%5D%29%3B%7D You didnt add a / at the end of the numbers |
|
| eh forums need "thank you" or "+rep" button xD. Anyhow thanks for this.. really useful as covers tend to be broken |
 |
vaikepois said: eh forums need "thank you" or "+rep" button xD. Anyhow thanks for this.. really useful as covers tend to be broken Thanks!! |
Best MAL Generator tool! |
| I'd like to request a feature. Would it be possible to add another field (eg. [LURL] or [LIMG]) that would return url to the larger version of a cover image? Larger versions are accessible in the same directories, only with letter L added in the file name. Example: http://cdn.myanimelist.net/images/anime/10/42079.jpg http://cdn.myanimelist.net/images/anime/10/42079l.jpg It should be noted that some of these urls return 404 because not all the images have their larger versions. The generator can ignore this fact and spit the url out anyway. We'll deal with it in CSS. EDIT1: Well, dealing with it by using double background url is not very efficient. If the field could return url to small image in case of the large one being unavailable, it would be awesome. I don't know if there's an efficient way to achieve this though. EDIT2: Just noticed, that your gen prints out the format in a comment. This can lead to errors as part of the format string can get uncommented. |
Szop_GraczFeb 13, 2016 10:17 AM
Szop_Gracz said: I'd like to request a feature. Would it be possible to add another field (eg. [LURL] or [LIMG]) that would return url to the larger version of a cover image? Larger versions are accessible in the same directories, only with letter L added in the file name. Example: http://cdn.myanimelist.net/images/anime/10/42079.jpg http://cdn.myanimelist.net/images/anime/10/42079l.jpg It should be noted that some of these urls return 404 because not all the images have their larger versions. The generator can ignore this fact and spit the url out anyway. We'll deal with it in CSS. EDIT1: Well, dealing with it by using double background url is not very efficient. If the field could return url to small image in case of the large one being unavailable, it would be awesome. I don't know if there's an efficient way to achieve this though. EDIT2: Just noticed, that your gen prints out the format in a comment. This can lead to errors as part of the format string can get uncommented. Thanks for the feedback! Ill work what you suggested tomorrow as well as fixing that comment error. Edit: I couldn't wait and i just updated it :D i also added the Smaller cover versions too with [SIMG] or [SURL] |
Syaoran3Feb 23, 2016 3:08 PM
Best MAL Generator tool! |
DRedDogPE said: Nice nice nice. This generator just keeps getting better and better. Thank you!Thanks for the feedback! Ill work what you suggested tomorrow as well as fixing that comment error. Edit: I couldn't wait and i just updated it :D i also added the Smaller cover versions too with [SIMG] or [SURL] |
|
Doomcat55 said: DRedDogPE said: Nice nice nice. This generator just keeps getting better and better. Thank you!Thanks for the feedback! Ill work what you suggested tomorrow as well as fixing that comment error. Edit: I couldn't wait and i just updated it :D i also added the Smaller cover versions too with [SIMG] or [SURL] Just added this! http://mal-image.appspot.com/preview/DRedDogPE Check it out and tell me what you think of it so far. Im going to add a way to set custom CSS in a textbox soon. |
Best MAL Generator tool! |
DRedDogPE said: Madara22 said: It's good I tested it but One piece has Death Note's cover and Cowboy Bebop has Monster's cover... Those are just the one's I found . :/ It's only like that if I use the all one. Not if I use anime only one. This is now fixed if you use the @import "http://mal-image.appspot.com/all/USERNAME"; as i have made it detect what list it is being requested from so that it loads correctly. Thanks seems like Fellow Writer is down and this helps a lot sorry for the late reply we just got the quote thing now :X |
| |
DRedDogPE said: Doomcat55 said: Nice nice nice. This generator just keeps getting better and better. Thank you! Just added this! http://mal-image.appspot.com/preview/DRedDogPE Check it out and tell me what you think of it so far. Im going to add a way to set custom CSS in a textbox soon. That's so amazing :X |
| |
Madara22 said: DRedDogPE said: Just added this! http://mal-image.appspot.com/preview/DRedDogPE Check it out and tell me what you think of it so far. Im going to add a way to set custom CSS in a textbox soon. That's so amazing :X Thanks! |
Best MAL Generator tool! |
| Just allowed using your own style sheet with a url on http://mal-image.appspot.com/preview/DRedDogPE !! I dont think i will be able to make it so you can enter code and edit it live but i will try!! |
Best MAL Generator tool! |
| Very nice work, but I'm having problem using Are there any codes you need to add to make this work? |
Takana_no_Hana said: Very nice work, but I'm having problem using Are there any codes you need to add to make this work? There isnt. Im going to change the fav selector today to make it better though. |
Best MAL Generator tool! |
| The suggestions I would give: make using these way clearer for all users, more details and examples of them in use. Defintely separate them into their own topics with really specific examples on how to use each of them. Example of how you detail such a topic: Example a specific tool's function, then give visual examples: pic 1 is list/CSS without generator pic 2 is how to use the generator with the list pic 3 is result Also "Covers" should be placed next to the headers All, Anime, and Manga. To someone new to imports, and when mixed with all these other headers like Tools, I believe they will quit after seeing Tools isn't what they want. So you lose out on a lot of potential audience. |
| Wow I had made a list style and when I pasted the url https://dl.dropboxusercontent.com/s/1hpxypwgfyjeqdg/Noblesse.css?dl=0%22; It appeared in the preview. That's some amazing work. I'd like to make a suggestion are you able to minimize the preview section of the Style Picker once a list design has been chosen then that would be percfect ! |
Madara22Feb 26, 2016 8:48 AM
| |
Madara22 said: Wow I had made a list style and when I pasted the url https://dl.dropboxusercontent.com/s/1hpxypwgfyjeqdg/Noblesse.css?dl=0%22; It appeared in the preview. That's some amazing work. I'd like to make a suggestion are you able to minimize the preview section of the Style Picker once a list design has been chosen then that would be percfect ! Can you please explain more what you mean by minimize the preview section. |
Best MAL Generator tool! |
DRedDogPE said: Madara22 said: Wow I had made a list style and when I pasted the url https://dl.dropboxusercontent.com/s/1hpxypwgfyjeqdg/Noblesse.css?dl=0%22; It appeared in the preview. That's some amazing work. I'd like to make a suggestion are you able to minimize the preview section of the Style Picker once a list design has been chosen then that would be percfect ! Can you please explain more what you mean by minimize the preview section. Oh I just mean that the Style Picker is in the way when you choose 1 it's best if there is a function to minimize it so that we are able to see the entire list for example where the section is located is where I have my covers for anime. So you won't be able to see them unless you stand on the title and it's zoomed in. |
| |
Madara22 said: Oh I just mean that the Style Picker is in the way when you choose 1 it's best if there is a function to minimize it so that we are able to see the entire list for example where the section is located is where I have my covers for anime. So you won't be able to see them unless you stand on the title and it's zoomed in. You mean this?  I added it straight away but you might not have noticed it. It can be resized to look like this:  |
Best MAL Generator tool! |
| [quote=DRedDogPE message=44918775] You can't see it but my Killua cursor is on the resize function. (You can't see customized cursors on in printscreens I guess)And it doesn't work with Customized cursors on the list I created with the "url of style updates".  |
Madara22Feb 26, 2016 2:48 PM
| |
| [quote=Madara22 message=44918922] DRedDogPE said: You can't see it but my Killua cursor is on the resize function. (You can't see customized cursors on in printscreens I guess)And it doesn't work with Customized cursors on the list I created with the "url of style updates". It does for me  and when its smaller wait.. i just realised you are using google chrome, and the resize at the moment doesnt work with it.. Let me update it so that chrome lets you resize it. |
Syaoran3Feb 26, 2016 3:24 PM
Best MAL Generator tool! |
| @DRedDogPE: I get this problem in the favorite anime sector.  |
Takana_no_HanaFeb 28, 2016 2:38 AM
Ill look into it for you. EDIT Should be fixed now :D |
Syaoran3Feb 29, 2016 8:34 AM
Best MAL Generator tool! |
I have no idea why the import code doesn't work, but when I paste the query directly into the list, it works but look like this: http://puu.sh/nqe12.jpg I create a small space for the favorite "tag" between # and animetitle. Is there any way I can control where to place the favorite tag?  Edit: I changed the display from block to inline and it works well, but still, the import doesn't work. I have to add the query into my list manually. Also here are some of my thoughts after using the favorite section: _ It's a pain to look through all the cover images and tick through the very small box, also the box and text are extremely hard to see in many cases like this example http://puu.sh/nqeih.jpg _ To make it simpler and more productive (especially with 300+ anime titles in a person's list), you should create a search feature for an anime in their list. They will definitely miss a lot of their favorite show if just scrolling down and look through covers. _ If possible, create another feature for them to just "add" their favorite shows in a favorite list and proceed to the next step. It will save a lot of time. _ In addition, creating a "sort" feature will greatly benefit the user because most of the time, their favorites are always rated the highest. _ The favorite section should only include "watching" and "completed" anime to go through. I have 690+ titles in my completed list, but the favorite section also include PTW, Dropped and On hold which pushes the amount of title roughly to 1000. I gave up half way. Overall, great work, but if you can improve some of the function, it will greatly benefit other users. |
Takana_no_HanaFeb 29, 2016 3:23 PM
DRedDogPE said: ................ When I use the all cover list I still have a couple of problems such as the covers don't match like the ones for Cowboy Bebop, Prince Of tennis and etc.  It becomes this in my list.  |
| |
Madara22 said: DRedDogPE said: ................ When I use the all cover list I still have a couple of problems such as the covers don't match like the ones for Cowboy Bebop, Prince Of tennis and etc. It becomes this in my list. Only use @import "http://mal-image.appspot.com/all/NAME"; in the actual css box on MAL not else where other wise they don't import properly. |
Best MAL Generator tool! |
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |