New
Jun 27, 2009 10:36 AM
#3151
kuroshiroi said: 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.DaBigD: Looks good. Do you need the numbers in your list? Also, I don't get why you needed to hijack the grand totals? |
Jun 27, 2009 12:09 PM
#3152
My point was, just disable the numbers? Now I get the whole grand totals thing :) |
Jun 27, 2009 12:53 PM
#3153
kuroshiroi said: One word: How?My point was, just disable the numbers? |
Jun 27, 2009 12:56 PM
#3154
Nice list DaBigD :) oh, and here: http://myanimelist.net/editprofile.php?go=listpreferences :) |
Jun 27, 2009 2:05 PM
#3155
^ What he said. Uncheck the Numbers ;) |
Jun 27, 2009 10:32 PM
#3156
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. |
Jun 29, 2009 3:31 AM
#3157
Jun 29, 2009 3:44 AM
#3158
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. |
Jun 29, 2009 4:25 AM
#3159
Jun 29, 2009 9:40 PM
#3160
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~ This was the result: http://myanimelist.net/animelist/Moony Theme: One Piece 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 :/ |
Jul 1, 2009 12:02 PM
#3161
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) :) |
Jul 2, 2009 11:24 AM
#3162
Jul 2, 2009 12:44 PM
#3164
Hi. I'm working on my list, but I have a question. On GIMP, does anyone know how to make something opaque? |
Jul 6, 2009 2:49 PM
#3165
Ok, so after long brake i made one more list design, for friend... and i think its the best style i ever made so far. http://myanimelist.net/animelist/kax0153 What do you guys think about it?^^ |
Jul 6, 2009 3:31 PM
#3166
Keogh said: Ok, so after long brake i made one more list design, for friend... and i think its the best style i ever made so far. http://myanimelist.net/animelist/kax0153 What do you guys think about it?^^ 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. |
Jul 6, 2009 6:44 PM
#3167
Jul 7, 2009 5:01 AM
#3168
Looks really nice there, good work. I think the headers are a tad too clean to fit in with the rest though. Maybe try something with the text there, along the lines of: ![]() ^ that's just a quick.. materialization of my idea, heh. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
Jul 7, 2009 8:03 AM
#3169
vanisher1 said: Awesome ! How Did u Do That? Can u Teach Me :P i'm no good at GFX and Designing :( http://myanimelist.net/blog/Ranivus There's a really good tutorial there that should help you get started. |
Jul 7, 2009 11:22 AM
#3170
For some unknown reason my images with advcss won't show up q.q, so I played a bit with basic options - nothing fancy tho http://myanimelist.net/animelist/ruoste |
ruosteJul 7, 2009 11:26 AM
Jul 7, 2009 8:36 PM
#3171
updated my anime list design to go with my new profile design better. what do you think? http://myanimelist.net/animelist/shinigamidono |
Jul 7, 2009 9:20 PM
#3172
I also updated.. :D Jello helped a lot, btw.. :D http://myanimelist.net/animelist/SabakuNoGaara |
Jul 8, 2009 6:24 AM
#3173
SabakuNoGaara said: I also updated.. :D Jello helped a lot, btw.. :D http://myanimelist.net/animelist/SabakuNoGaara It looks really nice but it would look better without that black border around currently watching, completed, on hold etc. links. |
Jul 8, 2009 7:46 AM
#3174
shinigamidono said: updated my anime list design to go with my new profile design better. what do you think? http://myanimelist.net/animelist/shinigamidono I think you have to lower the background a bit, because when I look at it, the top is cut off. I tweaked my manga list a bit: http://myanimelist.net/mangalist/Yves I'm open to any suggestions. =) |
Jul 8, 2009 6:50 PM
#3175
Yves said: I tweaked my manga list a bit: http://myanimelist.net/mangalist/Yves I'm open to any suggestions. =) 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 |
Jul 8, 2009 7:05 PM
#3176
Wow, jaw dropping designs Iri. Can't think of much else to say. I'm not sure which I like more though; the gorgeous Asuka background or the lovely ASCII art in your source code. ;) |
Jul 9, 2009 5:37 AM
#3177
Iri said: I loled hard.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 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. |
Jul 9, 2009 5:47 AM
#3178
Jul 9, 2009 8:24 AM
#3179
Iri: Fantastic lists. I want your manga list. 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. |
Jul 9, 2009 11:38 AM
#3180
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 [edit] Actually, nvm. xD |
YvesJul 9, 2009 12:06 PM
Jul 9, 2009 12:10 PM
#3181
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. |
Jul 9, 2009 1:09 PM
#3182
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. Try this: .header_cw { height: 107px; background-image:url(http://i431.photobucket.com/albums/qq31/D-GreatRuler/MAL/currently-watching.gif); background-repeat: no-repeat; background-position: bottom left; } The table looks pretty cool though. =) |
Jul 9, 2009 1:11 PM
#3183
Thanks to all for the many kind and generous words! Factor said: 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.I'm not sure which I like more though; the gorgeous Asuka background or the lovely ASCII art in your source code. ;) Siva said: It's funny because it's true. Also, upon retrospect, exceptionally sad.I loled hard. kuroshiroi said: Spoiler for long-winded CSS babbling: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 :) 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 bumped up the font size a little, so maybe that will help. I think the font is a little hard to read, but that's just me. =D 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.) |
Jul 9, 2009 1:19 PM
#3184
Jul 9, 2009 1:23 PM
#3185
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 :) |
Jul 9, 2009 1:27 PM
#3186
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. |
Jul 9, 2009 2:09 PM
#3187
scorpedo said: 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.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. 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. :) |
Jul 9, 2009 3:12 PM
#3188
Yves said: 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. |
Jul 9, 2009 3:33 PM
#3189
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. |
Jul 9, 2009 4:27 PM
#3190
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. Thank you. Your help was much appreciated. :) |
Jul 9, 2009 11:37 PM
#3191
@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. |
Jul 9, 2009 11:44 PM
#3192
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 |
Jul 9, 2009 11:44 PM
#3193
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. |
Jul 10, 2009 2:47 AM
#3195
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. :) |
Jul 10, 2009 8:30 AM
#3196
@D-GreatRuler: Try saving the headers as png's instead of gif's. Will probably get rid of the white. :) |
Jul 15, 2009 3:33 PM
#3197
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? I've desperately searched for them but to no use. |
Jul 15, 2009 4:49 PM
#3198
Was possibly Fara7 (http://myanimelist.net/forum/?topicid=1976&show=2280#msg1935004) though it's no longer the current style |
scorpedoJul 15, 2009 7:18 PM
Jul 16, 2009 8:23 AM
#3199
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. ^^ |
Jul 23, 2009 4:52 PM
#3200
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 I still haven`t finished it,but... :D |
More topics from this board
» MAL Analog HorrorWendy-- - Today |
5 |
by OnigiriBhai
»»
Today, 8:52 AM |
|
» New Clashing Feelings volume after a decadeShiratori-san - Today |
0 |
by Shiratori-san
»»
Today, 4:14 AM |
|
» New Android App – Shimeji Mascot Screen Petsshimejimascot - Yesterday |
8 |
by hacker09
»»
Yesterday, 10:03 PM |
|
» SHMUP CreatorElderNerd - Yesterday |
0 |
by ElderNerd
»»
Yesterday, 9:28 PM |
|
» Four Ages!Robert_SS_Gordon - Feb 21 |
48 |
by Robert_SS_Gordon
»»
Yesterday, 8:42 AM |