kuroshiroi said: DaBigD: Looks good. Do you need the numbers in your list? Also, I don't get why you needed to hijack the grand totals?
I don't need the numbers, but they are still visible through the stripes. They probably wouldn't be noticed at the first glance, but I guess it is my perfectionist side showing. I needed to hijack grand totals because I'm using the background-image in #list_surround to give the background with all the Selecao numbers. Re-placing the grand totals to use its background as the "DaBigD's Anime List Blah Blah Style" image made sense. The only other way I know is to create an image that has both the main header and the selecao background, and make its height 20000px to compensate for the fact that we're removing its repeatability. Then again, I only learned what CSS was after I came to MAL. Tell me if there is a better way.
Unchecking the numbers this time made the anime titles go left inside the stripes. I'm scrapping this idea and pasting the selecao numbers and the stripes to the background. Sure, they won't move, but this time it'll work perfectly. Still don't have a cursor.
themee said: Updated my animelist
I personally like how it came up considering my crappy css skills.
Its a pretty nice updated list. One thing that really stands out, I think you should change is the bacground behind the text and the top and bottom of text. It seems weird having the tops and bottoms different color and semi-transparent. Should either have it all one solid color or semi-transparent. Also Your copyright needs a background as well or would probably look good with the dark orange color text.
Hi Guys! Somehow, I've been updating my animelist~
This time, I choose to do a really really simple geometric design because I'm somehow tired of those complicated, full of things and stylish designs... So... it's nothing special but I still wanted to share it with you guys and hear your opinions~
Details: Did an One Piece skull as a cursor and added another skull to the "More Box"
Colors: Just used my favourite colors of the initial picture for the headers... so... it was random pick up xD
Used the color red for the important text because it was Luffy's color (and since he's the captain :3)
Thoughts: I'm thinking of doing something for the background/wallpaper... I like it black how it is but I think it's missing something out there :/
Very nice design Moony. I like it's simplicity, and a nice choice of header image. Nice jolly roger's (skull logo's) as well :)
I can't think of anything at the moment to change for the background/wallpaper, but if you only plan to keep the bottom gradient stripes, maybe make it a bit wider for larger resolutions (ie. like this) :)
It looks really good, but I think it would be cool if you made the white parts on the table transparent so that you can see the background behind it when you're looking at it through a smaller window.
Very nice! Lucky Star lists always lend themselves well to bright, colorful designs. The only thing I'd suggest is changing the font color of the status selection boxes (directly below your title graphic) as well as grand totals and copyright to something other than white -- maybe the same blue color as your section backgrounds. They're somewhat hard to read as they are now. Another possibility might be to give those sections the same blue background you used for your anime listings.
Really good designs all over the last few pages. I decided to update my anime and manga lists now that the new Eva movie is out. Also, I needed to get rid of that rotating Rozen Maiden list since every time I went there and didn't get the doll I wanted, I found myself waiting around wasting several minutes to reload until I did. :D
Iri said: Also, I needed to get rid of that rotating Rozen Maiden list since every time I went there and didn't get the doll I wanted, I found myself waiting around wasting several minutes to reload until I did. :D
I loled hard.
As for the list, let just skip about the crazy css code you got there, the design itself can only be described as Factor said "jaw dropping designs". The Animelist is prettier than the Mangalist but the Mangalist is more stylist than the Animelist. It is like, how dare you put a picture in front of your list.
I updated my animelist a couple of days ago. It still looks like unfinished work - that's 'cause it is. I'd like to know how to make curvy cornered boxes (if that makes any sense), so could someone direct me towards a tutorial that shows how to do that please?
I don't know if it's just me and my Opera but some of the manga list text goes in front of the picture. It seems to be random which lines actually do that though. Basically, you need to up the z-index :)
D-GreatRuler: Try the signature thread, there was a discussion about that a few pages ago, iirc.
I decided to update my anime and manga lists now that the new Eva movie is out.
Wow. Those lists are amazing. I've never seen anything like your manga list before. Some of the text there goes in front of picture as well when I look at it, but I think that makes it even cooler. The only problem is with your anime list. I think the font is a little hard to read, but that's just me. =D
And thanks for the suggestions. But can someone tell me if it's possible to use a image as a font color? I want to use the blue that I have on the tables as a font color, but it's an image... http://i91.photobucket.com/albums/k309/ngamer18/footer2-1.png
I tried to update my anime list again. This time, with completely different images, layout etc. But I don't understand why the header keeps on repeating itself. Help? I'm quite sure that the image size and everything was done correctly - I double checked.
D-GreatRuler said: I tried to update my anime list again. This time, with completely different images, layout etc. But I don't understand why the header keeps on repeating itself. Help? I'm quite sure that the image size and everything was done correctly - I double checked.
Thanks to all for the many kind and generous words!
Factor said: I'm not sure which I like more though; the gorgeous Asuka background or the lovely ASCII art in your source code. ;)
On that one, I guess it depends on what, *ahem*, angle you prefer to view her from. I'm sort of partial to the ASCII myself.
Siva said: I loled hard.
It's funny because it's true. Also, upon retrospect, exceptionally sad.
kuroshiroi said: I don't know if it's just me and my Opera but some of the manga list text goes in front of the picture. It seems to be random which lines actually do that though. Basically, you need to up the z-index :)
Spoiler for long-winded CSS babbling:
It's not just Opera -- it's across all browsers because, unfortunately, it's by design. Sort of.
The problem is how overlay images are displayed with the MAL CSS setup. I had several lists in the past that used an overlay, but the effect of that was that in the entire box defined by the overlay, links were useless because the transparent part of the PNG was covering them. This would invariably bring usability issues up, so I quit using them.
Recently I glanced at Scorpedo's list and noticed he had an overlay element that cleverly got around that, and I quickly realized that the whole time I had been one line of CSS away from getting a partial, but not complete, solution to my problem above. The trick is putting the links and ONLY the links on top (which I didn't realize one could do.) The effect is that they "pass" over the picture. That's what you're seeing. It's not random -- the only things that hover over Rei are the links that can be clicked. Everything else is below her.
To make this list work, I cleared out the middle of the list so that there are only two columns, and only links on the far left and far right, with her in the middle. Unfortunately, some of the manga titles are long and will still cover her. This could be easily solved by making the list wider, but then the proper proportion between the list's width and her height would be off. If I increased Rei's size to offset that, that would effect lower resolution viewers. Font size could be lowered (to make the links smaller) at the cost of legibility. After thinking about it for a while, I just left it as it is, since I sort of like how it sort of looks like she is "reaching" into the list. There's almost certainly a better way to do this, but in the end, it just ended up being the end of a series of compromises for me, like what happens on most of my lists.
Yves said: I think the font is a little hard to read, but that's just me. =D
I bumped up the font size a little, so maybe that will help.
This is another one of those "compromises" I mentioned above. I tried to go for a "grungy" font that is present on most people's systems across platforms (My main resource for finding out that information) but, unfortunately, you also have to plan for people just the basic fontset and in that case, the sizes don't necessarily match (i.e., the primary font I'm using, Mistral, looks good at 22, but if a user doesn't have it installed and their browser defaults to Bradley Hand or Century New Gothic or something else, it will look too big at 22.)
great lists Iri. :) I like both the Asuka and Rei designs. I'm glad my list was able to help somewhat; -was the only solution I could figure out to make links still clickable.
I was gonna say the Rei pic might need touchup, but I see you're already messing with it.
good job again :)
scorpedo said: great lists Iri. :) I like both the Asuka and Rei designs. I'm glad my list was able to help somewhat; -was the only solution I could figure out to make links still clickable.
And thank you very much for that. It was indeed very, very helpful, and I wouldn't have even tried either of the overlays without it. Hopefully, if I ever find the time, I can go back and redo a couple of the past lists I've done but had to discard because they weren't usable for this reason.
I was gonna say the Rei pic might need touchup, but I see you're already messing with it.
You surely did catch me being lazy on the Rei pic :D I tried to "eye" it out using the eraser tool to do a quick job, which obviously didn't work as well as I wanted. :)
D-GreatRuler said: ^Thanks, but now it has turned out to be one small header. I'm quite sure that the original is 600x200.
Looks good, but you might want to fix the white spots on the corners of the headers.
So because I didn't know how to fix the whitened corners, I made the background itself white. Everything seems to be going well except the header for 'plan to watch' which repeats itself even though I used the same layout/coding structure whatever. -_- CSS is ever so tiring.
D-GreatRuler, you put 250px instead of 200px for the ptw header.
I really like the way the tables look, but you have to change the font color or the background color for .td2 because you can't see the score,type, progress, etc. for every other line.
Yves said: D-GreatRuler, you put 250px instead of 200px for the ptw header.
I really like the way the tables look, but you have to change the font color or the background color for .td2 because you can't see the score,type, progress, etc. for every other line.
@Iri- very clean anime list. I like the designs as well :D
@D-GreatRuler= nice list. Some things you might want to consider, some of your text are hard to read, might want to use different colors. A border line around your headers would make them look better. And last thing would be is to change the background to a different color or an image might nice as well.
SabakuNoGaara said: OK! I opened Iri's Animelist thousand times.. And I can't see nothing! Just background.. Some girl in red outfit.. I mean, girls but in red outfit..
Is it just me? Or I am going lunatic?.. O.O
You have to clear your cache and cookies. If that doesn't work try a different browser.
spineslayer said: @D-GreatRuler= nice list. Some things you might want to consider, some of your text are hard to read, might want to use different colors. A border line around your headers would make them look better. And last thing would be is to change the background to a different color or an image might nice as well.
Thanks for the feedback. I do intend to add a background and change certain things... But I need to figure out how to get rid of the whitened corners of each header. After that, perhaps I'll add a few things. :)
Hello. (:
I was wisely redirected here by Talon, so here goes: there was a user who had, quite a long time ago, a fabulous Toshokan Sensou animelist theme.
Do you know who that user is?
Yes, it was her. I've checked.
Thanks a ton. You can't even imagine how happy I am after searching for her for more than 6 months. Thank you so much. ^^
nyaa~ so many and so cool anime lists *_*
i`m still a noobie at the CSS code thingy but I gave it a try, thought i still got so many things to do in it and to learn ^^" Anime List
My manga list is the same, just with a different bannar at the top :D