| The alignment looks good @ Kayrhandros. My resoulotion is the max I can go on my comp. So when I had my window maximized it showed his headers off. But since all you have to do to anchor them to the list is to establish a list width in CSS its really no big deal to fix :P |
 |
| The alignment problem is something I see crop up often when viewing many lists in both IE and Opera. Firefox would be the only one to display it lined up. Overall nice list Mathes. I agree with Kayrhandros with the alignment though. A float right would handle that but it might look a bit awkard on the high end ~1600 resolutions. |
 ...even a saint needs a soldier to do the dirty work. |
| The only thing I'd mention that hasn't been covered already is that the background is positioned in such a way that Itoshiki's face gets cut off if your window isn't that big. It's not that bad for my resolution, but any smaller and it'd look pretty bad. You might consider scaling the background down a bit and/or anchoring it at the top of the screen. |
 |
| Updated my list style to a bright, Kodomo no Jikan (Kojika) style. Probably gonna change some things in the morning. |
     |
| I like it quite a bit. It looks great as-is, but if I were you I think I'd change the category headers to fit the color scheme a little better. I.E. use shades of pink and orange instead of blue, green and purple. I normally loathe the font that you used (comic sans) because it's so often misused (much like lens flares in photoshop) but I think it fits the theme quite well. |
|
Sidestep said: The only thing I don't like about it's the fact that, it is too bright and opaque in some areas. I gotta lower the brightness on my monitor the be able to look at it, otherwise my head starts aching :|Updated my list style to a bright, Kodomo no Jikan (Kojika) style. Probably gonna change some things in the morning. |
     |
| Very nice list sidestep, it's a pretty bright design but it looks very nice and I have no complaints. :D I've updated my list with a lighter design, not as heavy as the previous one. It's still Higurashi though and the base code is from melancholy's list. I've just finished working on those simple headers, I thought anything too complicated wouldn't look good. Might change the font later on but for now I'm done. |
 staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| I really like it. I've always been partial to lighter colors, so that's probably part of it, but I think it's an improvement. Very nicely done. |
|
cyruz said: So much Higurashi love :).Very nice list sidestep, it's a pretty bright design but it looks very nice and I have no complaints. :D I've updated my list with a lighter design, not as heavy as the previous one. It's still Higurashi though and the base code is from melancholy's list. I've just finished working on those simple headers, I thought anything too complicated wouldn't look good. Might change the font later on but for now I'm done. Looks really nice. Love the headers. I'm still not fan of that background, but that's more taste than anything. |
|
| Thanks, guys. Do you happen to have any idea of how I can get rid of the white bar at the bottom? I forgot to ask that. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| you could always remove the background image from .grand_totals and make it white or do you just want to keep it with the background image and have the white bar go away? |
 and with this post my post count has increased, making me 1 post cooler than before |
| Yeah, that's what I'm trying to do. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| I thought I might be able to help, but it's giving me some trouble. I'm not really sure where the problem is coming from. The best I can come up with does what you want but it leaves the background showing through between the bottom of each category and the header of the next one. To get that, take the background color entry out of the div#list_surround tag (but be sure to leave the image stuff) and then create a new tag like so: div#list_surround table { background-color: #ffffff; } |
|
| Thanks a lot for trying to help, I just added that bit but it doesn't seem to have any effect at all. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| You have to take out the background color entry from the div#list_surround tag for it to change anything. Right now that tag reads as such: div#list_surround { margin: 0 auto; padding-top: 325px; width: 600px; background: #ffffff url(http://img.photobucket.com/albums/v44/StickyFinga/MAL/MAL_Higurashi_Header1.jpg) no-repeat top; } You have to take the background color (#ffffff) out of there and leave the rest, giving you this: div#list_surround { margin: 0 auto; padding-top: 325px; width: 600px; background: url(http://img.photobucket.com/albums/v44/StickyFinga/MAL/MAL_Higurashi_Header1.jpg) no-repeat top; } Like I said though, I don't know that it's an improvement since it removes the white bar but creates gaps between the bottom of one category and the header of the next. |
|
| Oh right, I'm sorry. I missed that bit. I just tried it out and the bottom bit looks great now but the gaps are a little annoying so I changed back. I really appreciate the help though and I hope I'll somehow find a solution for this. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| I fiddled with it some more, but I haven't managed to find anyhing better thus far. If I do figure anything else out, I'll let you know. |
|
| Thanks, Krelian. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| i edited my manga list, comments please. http://myanimelist.net/mangalist/shiro-chan |
  |
| Wow I like it. I cant really offer any comments on it :P btw Detective Conan ftw. |
|
| http://myanimelist.net/animelist/windy edited the background/header and fixed up the font/colors. made it less wide so it looks better with more resolutions. |
| Very nice all around. @ Kana: I'd tweak a few things: try anchoring the background on the right instead of the left so that it doesn't get cut off by smaller windows, and I'd add a border at the bottom of each category too instead of leaving them open like that. @ Shiro: You really ought to get rid of that dark green background color. It doesn't show up once the background is there, but it looks kinda bad while the page is loading. |
|
| I like it Kana, the only thing I dont like is the open space between each list. Other then that though. Wow nice ^_^ |
|
| Glad I could be of help, very nice headers there, Kana <3 . |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| @shiro-chan - Looks pretty clean and nice. Can't think of any improvements. Nice work. --- @Kana - I love the blue tones. Pretty smooth. I only think you should position the wallpaper to the bottom. I'm seeing just the head of the character and it doesn't look so good. Widescreen users like me will lose the "most important" part of the wallpaper. -- @Windy - I don't like that background but everything else looks great. I love that bronze tone on the links. Awesome. |
|
Kanashimi said: Changed my anime list completely... again. xD And worked a bit on that Hinoto one, but moved it to my manga list since I'm not too fond of manga as much anyway. xP Anyway, now my profile and list is KOS-MOSified. Enjoy, and thank you Cyruz and noeRu. Sorry for the trouble~ ^^;; Looks very snazzy. My only gripe is that I get a horizontal scroll bar for some reason and have to scroll a little to see all of your list, even though the window is plenty wide. Instead of using the auto margin thing you might try a different method of alignment, like floating it to the right. |
|
| For some reason I have no problems viewing Kana's list, 1280x1024. I've changed a few little bits on my list and think I'll leave it like that now, thanks for all the kind words I received about it. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| I think that looks better. The category totals are a little hard to read though. Then again, so are mine =P Anyway, I've got a question for everyone. I was looking at my manga list and I realized that it'd look better if the tabs at the top (the ones you use to select a category) had a black background like the table headers do. The problem being I can't seem to figure out a way to change them without changing around the html code of the page. I'd like to be able to adjust them without having to ask Xinil too fool with adding a special class or a wrapper div or something of the sort. Any ideas? |
|
Krelian said: I think that looks better. The category totals are a little hard to read though. Then again, so are mine =P Yes, I intentionally made them like that. I'm afraid I can't help you with your problem though, in the CSS code I can't see a bit that customizes that part of the list. |
staff.applications ▼ guidelines.faq ▼ report.abuse ▼ thx.skittles ▼ thx.kina ▼ [H+] ³ ▼ |
| changed my manga list http://myanimelist.net/mangalist/itainteazy cant seem to get a background to show up...anyone know what im doing wrong? |
itainteazy said: It looks like you clipped out the opening comment tag in the css file by accident, and that's throwing it off somehow. add a line with "/*" at the beginning of the file and you should be all good.changed my manga list http://myanimelist.net/mangalist/itainteazy cant seem to get a background to show up...anyone know what im doing wrong? Well, I have 1280x1024, but I tried to make it more compatible with 1024x780, if you're lower it'll more than likely scroll, though I'm pretty sure you have a higher resolution than me. I can't say I know how to fix it per say. Float wasn't working for me, so I stuck to margins. x-x I'm at 1440x900 on my laptop, but I never browse with the window maximized so I'm actually viewing pages at less than that. But you shouldn't have scroll bars unless the window is smaller than the actual table that contains your list. Not that it's likely anyone will be viewing it at that size, but it's bad web design practice to have things horizontally scrolling when they don't need to be. That said, I'm not quite sure how to tell you to fix it. My brain is hurting after helping my kid brother with his math homework hehe. |
KrelianAug 21, 2007 10:07 PM
|
| wow I'm smart lol thanks Krelian :D |
| Glad to be of service. I like the design, by the way. The header is awesome. |
|
| Messed with it some more :D http://myanimelist.net/mangalist/itainteazy |
| thats really good eazy, you dont phail for once ;P |
 |
| That looks awesome, provided your screen is wide enough to see a good portion of the background. In my opinion though, the white link color looks a little out of place. I'd make them a shade of grey between the background and text colors, or perhaps that dark reddish color you've been using. White draws too much attention, I think, pulling the viewer away from where you want them to focus. |
|
| meant to post this earlier but my internet died. http://myanimelist.net/mangalist/windy made it "match" my anime list :) @ eazy - looks really nice~ |
| i am so diggin the ZL theme. good work! |
| |
| Damn, you are all coming up with some pretty awesome lists. I really need to sit down and spend a day doing this. If only I had the time. >.< |
| Indeed, and black/white/hot pink is always a striking color combination. You should try to add a little padding between the white border and the table text though, I think. A few pixels should do the trick. |
|
Faust721 said: thank you :Di am so diggin the ZL theme. good work! Krelian said: i did that and i agree, it looks way better, thanks for the tip! :)Indeed, and black/white/hot pink is always a striking color combination. You should try to add a little padding between the white border and the table text though, I think. A few pixels should do the trick. Kanashimi said: thank you! i'm beginning to like it more too, haha :)windy said: http://myanimelist.net/mangalist/windy made it "match" my anime list :) I actually like this one more than your anime list, but that's probably because I like a bit of brightness (too much black can be depressing). |
| Here's my baby step toward list designing -- updating my animelist. A big thanks goes out to Mathes, who guided me through this. Talon's blog and Scrum Yummy's tutorial also helped a lot, too. Thanks a lot, guys! ^_^x Please tell me what you think, it would really help a lot. ^_^x Edited: Added some thanks and revised repetitive grammar. ^^" |
gothicpsycheAug 22, 2007 10:05 AM
gothicpsyche said: Here's my baby step toward list designing -- updating my animelist. A big thanks goes out to Mathes, who guided me through this. Talon's blog and Scrum Yummy's tutorial also helped a lot, too. Thanks a lot, guys! ^_^x Please tell me what you think, it would really help a lot. ^_^x Edited: Added some thanks and revised repetitive grammar. ^^" I quite like it. A few gripes though: the MAL copyright looks kinda bad all scrunched over like that and it bothers me a bit that the blood spatters in the background at the bottom of each category have no border. I think it'd look nice if you gave the entire list an unobtrusive 1 pixel black border. Also, what's that background from? It seems a little familiar, but I can't place it. |
|
| Looks like Saiyuki, the wallpaper image that is. gothicpsyche: Pretty nice list design overall, though the tags for the anime are ruining it imo. Just a thought; the titles are spaced out unevenly because of them. Try it without them and see how it looks. Very good work for just a starter, keep up the good work. |
リスト 。。 |
More topics from this board
» New Clashing Feelings volume after a decadeShiratori-san - Yesterday |
3 |
by Retro8bit
»»
4 hours ago |
|
» MyAnimeList x Honeyfeed Writing Contest 2025 SubmissionAvarion - 11 hours ago |
1 |
by Retro8bit
»»
4 hours ago |
|
» MAL Analog HorrorWendy-- - Yesterday |
10 |
by Shizuna
»»
6 hours ago |
|
» Vladimir Volfovich Zhirinovsky's MAL Diary of Kawai MemoriesV_V_Zhirinovsky - Today |
1 |
by V_V_Zhirinovsky
»»
Today, 1:00 AM |
|
» New Android App – Shimeji Mascot Screen Petsshimejimascot - Sep 26 |
8 |
by hacker09
»»
Sep 26, 10:03 PM |