Forums

Here is the download links:

I' ve decided to create my own program which works like MAL #more CSS generator by u531355 generating a CSS that allows to put pictures into a list instead of text anime/manga titles. The ways you can use it:

TUTORIAL 1


OR

TUTORIAL 2


Requirments:


P. S. if you liked the program, please give feedback to do it much better!

Eh, good job. I guess it's more user-friendly than mine with your GUI plus it doesn't need that java shit.

But I think it needs a big improvement: the ability to regenerate your list faster the second time by reloading a css. It's what mine does, if you already generated a CSS it'll remove deleted entries and add new ones but won't lose it's time looking for the links of the already generated entries.
Makes it fast to update your css file.

Also MAL doesn't allow to display the &status=7 page for lists with more than 1500 entries so you should retrieve entries from &status=1, &status=2, &status=3, &status=4 and &status=6.

And I'm not sure it's a good idea to put the entry's name in the CSS as it only makes it bigger. I don't think it's a file you should read after it has been generated so I actually think it's useless.

I hope it helps

Wow thats cool, thanks for posting.

If you update this and take out entry name generation please leave a link to this original one. That way people have the option of extracting single titles from their list easily so they can make over certain individual anime/manga. For example, I might want to extract a few animes I recommend like Berserk, and enhance their pics with a glow. Then I can tell people "the glowing titles are recommended anime". I can do that on my own but this would make it easier.

Thank's for comments!

New version of the program is now available! The link in the 1st post!

List of changes:



New tutorial


Your next step is:

1. To generate the CSS press "GO!" for the second time.
2. To extract single anime/manga titles select the titles you need in the Titles View on the left. Hold CTRL or Shift key to multi-select.
3. To regenerate your CSS click "Re-generate", choose your previously generated CSS, press "GO!". Then press "Extract" (works with CSS is generated by Covers Uploader).


That's necessary for the new features.

OK new version is pretty useful for extracting those individual titles once you figure it out. Good job!

The only things I can think of to change for complete noobs would be to add "highlight a title and hit go to create a CSS" after where it says your total entries so they know what to do. Maybe messages can pop up on hover of a button? But these are not that necessary, since it can be figured out easily by playing around.

Fixed! Use the same link in the 1st post

I tried using both ways but nothing worked. I used Firebug after using the CSS extracted from the new one to find that nothing was there.

Search is added! Non case-sensitive. Spaces are allowed.



2Hinaya
The CSS file after extracting was empty?

It was yesterday. Now that I check it, the codes are there but they're not working I guess.

The trouble isn't in extracted CSS.

Example to unlock .hide for showing anime covers


But it is not a 100% working example! You should to experiment with your layout for right elements aligning etc.

Thanks, the fiddling with numbers worked!!!!
I also wanna know how you have that scroll effect!! I wanted to have that effect in the first place!

Fixed!

2Hinaya
Following code must be in your CSS (the lines you can see in each block don't mean you should delete all the other lines in a block, that means the lines must be in a block)

To scrolling animation:

I spinnned and twisted my head but I can't still do it ~_~ Wish if you could have another thread on this topic ^_^" The last codes I could get that were responsible for the scroll effect are these other than the previous one you gave before

Well, someday's i will definitely create a thread!

I saw your CSS... It's not quite correct


A property you want to be animated is must be on the top. An animation must be below. For example:

New version 1.2 is available at the link in the 1st post!

Release information:

*generated CSS for AnimeTitle, what's that?

Typical example with code based on the class .hide (id=more)

Example for the .animetitle class


Using AnimeTitle CSS is saving the classical view of your list. Tutorial

Is there any way you or I can make this generate faster? My com isn't slow at all but its takes a little while to generate. I'd let it use more of my computer's resources to make it load a list sooner. Its not a big deal if there's no way to speed it up.

Also I minimized it just now with the yellow button, and it went to the right side of my taskbar. This isn't really a problem but can you have it minimize to the same place where programs usually minimize? Here in this example, to where the red circle is not the blue one.

http://i45.tinypic.com/2uiivci.jpg

It's hardly possible. First the program downloads your anime/manga list. Next searchs for anime/manga links. Then opens found links to get covers links. It works like your Internet browser program, but doesn't displaying downloaded pages. If the way to improve the processing speed is exist, it's a faster Internet connection.


I've done that specially. Because of long generating process. You minimize the program and icon at a taskbar starts to animate showing that the process of generating is now working. Then the animation is stopped, which mean's the work has done. Does it isn't useful?

When its minimized it didn't go into the visible part of the taskbar, it went in the hidden part. I assumed I closed it or it crashed and tried to reopen it but it wouldn't so I figured it would be in that hidden part of the taskbar. While its common sense to me a noobish person might have trouble with this, and assume somethings gone wrong and not think to search their hidden part of the taskbar. Then they'll become frustrated when the program won't reopen again.

Its a small thing but I can def see a noob having trouble cuz of that. Its more useful when you know where it went, but don't worry about it. I'm trying to incorporate your generator into a premade layout, and I'll leave a note in it that the program goes to that part of the taskbar.

Also how do I make it generate this kind of CSS from your program:

#list_surround table:nth-of-type(1n+4) tbody:hover .animetitle[href*="/Fate/Zero"] {background-image: url("http://cdn.myanimelist.net/images/anime/5/3137.jpg");}

I only get this kind out of it:

/*Gintama*/
#more918{background-image: url(http://cdn.myanimelist.net/images/anime/2/10038.jpg);}

/*Gintama*/
#more918{background-image: url(http://cdn.myanimelist.net/images/anime/2/10038.jpg);}

After clicking around on your program it started to load a CSS this way, but I don't know how it even came about. Can you just put a button in that generates the CSS that way from the start?

Also as the programs loads and minimizes and un-minimizes, the text in the thought bubble starts to bleed through and mirror itself making it useless.

You should use [href$="/Fate/Zero"] instead of [href*="/Fate/Zero"] otherwise it applies to both 1st and 2nd season.

And why #list_surround table:nth-of-type(1n+4) tbody:hover ?
#list_surround table:nth-of-type(n+4):hover would be better imo.