Ushioo said: My current list:  Yep, really got a unique look, I like it :) |
| Tried a SAO-Layout. Background pic was kinda hard to pick. Worked for quite a long time on it :3 Anyway had fun ~  |
| My first layout |
| Hi everyone! Need to know your thoughts of this: (clickable)  |
 |
| 2nd layout http://myanimelist.net/profile/Windex_ |
 |
SylakentH_ said: Tried a SAO-Layout. Background pic was kinda hard to pick. Worked for quite a long time on it :3 What if the animation of a category menu will based not on the position of links images, but on their width? But in this case you have to use :before or :after elements to setup description of the links images Also I recommend you to increase table opacity level. And don't change position (or use smaller values) of top menu buttons when mouse hover on because in some cases (if cursor hover on the top of a button) animation doesn't work correctly |
|
| Although I should be doing other things, I ignored my upcoming exams and made myself a new layout: |
 |
Lirina said: Although I should be doing other things, I ignored my upcoming exams and made myself a new layout I noticed a long ago that you're prefer to use small covers preview. But in most cases I can't target on it! Maybe you should use previews that not dissapear when mouse hovers? Also I can't read top menu information ('you're viewing', log in...) because the font is unreadable! And maybe make thinner lace borders of the scrolling image? |
|
Hahaido said: Lirina said: Although I should be doing other things, I ignored my upcoming exams and made myself a new layout I noticed a long ago that you're prefer to use small covers preview. But in most cases I can't target on it! Maybe you should use previews that not dissapear when mouse hovers? Also I can't read top menu information ('you're viewing', log in...) because the font is unreadable! And maybe make thinner lace borders of the scrolling image? Wow, someone actually gave me critique, I'm happy. ^^ I noticed that as well and I actually really want the pictures to remain visible when you hover them. Usually for that effect I use :hover for the preview and :hover:after for the large image but it didn't work. That you can't target them might be because the "airing" text is above them? The hover effect is a bit slow but it usually works for me. I'm kinda amazed that you found out both of my weak points. O.o I absolutely hate the top bar, cause I can't see how other people see it (unless I make a second acount for which I'm too lazy). I will probably end up using one of the premade top bars from this club ... I guess it's a good idea to make the border thinner. I wanted a nice one but since I suck at image editing this was all I could do T.T |
|
| And I'm happy that I'm right with my critique! Once I made double covers for someone. Actually you can use following premade covers http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css Also try my top bar mod that I used in my current layout http://myanimelist.net/forum/?topicid=589179 |
HahaidoMay 15, 2013 10:15 AM
|
Lirina said: Although I should be doing other things, I ignored my upcoming exams and made myself a new layout: Wow thats really nice and innovative- you're so good at picking imagery and color. And I love the story thing (I really wish more ppl would put story elements in their layouts). I love the font choices too. They maybe need to be a little thinner here and there but overall I don't have a problem reading them, tho my screen is 1366px. The cover thing is definitely possible to fix- what are using hide hover after for atm- why not use it to make the pictures easier to target by placing it over where the thumbnails usually are? Like replace it with this: .hide:hover:after { background: transparent; content: " "; height: 50px; position: absolute; top: 96px; width: 300px; z-index: 20; left: -113px; } It would do something like this but the code would be transparent colored not red. This way, when the cover pic hovers it stays on. I think it will work on any resolution.  Thats a lot of Pokemon series! If you can't use hover:after try before, span hover:after, etc. Many parts have a :before, :after, span, span:after, span:before selector to them. |
 |
Cool I like that you separated all your sections so its organized. |
|
Wow nice looking forward to more stuff from you in the future. btw I notice you excluded medium and smaller resolutions from viewing the pic but you can just use a downsized copy of the pic tho for them and move it to the side or behind the list with resolution specific coding. You probably know these but ftr- http://myanimelist.net/forum/?topicid=524033 And downsize the render in any program that uses PNG, like Gimp which is free. |
|
Hahaido said: Hi everyone! Need to know your thoughts of this: (clickable) Its pretty solid, nice to see dark colored layout from you for a change you usually use bright colorful ones. It would be cool if in the space to the right of the cover pic was the mini-review (tags) spot, and it had a cool animation so it felt more computery. That'd be pretty new. |
|
Ushioo said: My current list: Wow I really like that background pic and the arrangement of the title makes it easy to look through! Very very good! |
|
SylakentH_ said: Tried a SAO-Layout. Background pic was kinda hard to pick. Worked for quite a long time on it :3 Anyway had fun ~ Very good, I like the new icon bar and category menu styles a lot! |
|
Shishio-kun said: Its pretty solid, nice to see dark colored layout from you for a change you usually use bright colorful ones. It would be cool if in the space to the right of the cover pic was the mini-review (tags) spot, and it had a cool animation so it felt more computery. That'd be pretty new. I'm going to tell you a secret - I made that layout for next design contest! I know it will be a long time before it starts, but I can't wait because I was very excited after watching 2nd season of Darker than Black! Thank you for the advice! I will think of mini reviews P. S. finally did mini reviews! You can see at Amagami |
HahaidoMay 16, 2013 12:16 AM
|
Hahaido said: What if the animation of a category menu will based not on the position of links images, but on their width? But in this case you have to use :before or :after elements to setup description of the links images Also I recommend you to increase table opacity level. And don't change position (or use smaller values) of top menu buttons when mouse hover on because in some cases (if cursor hover on the top of a button) animation doesn't work correctly Shishio-kun said: Very good, I like the new icon bar and category menu styles a lot! Thanks guys, gonna consider it. |
Shishio-kun said: btw I notice you excluded medium and smaller resolutions from viewing the pic but you can just use a downsized copy of the pic tho for them and move it to the side or behind the list with resolution specific coding. I could, but I do not feel like this is a good idea. Just look here: http://i.imgur.com/pVnMPX6.jpg There is no space for that. It would have to be very, very small. |
Shishio-kun said: Wow thats really nice and innovative- you're so good at picking imagery and color. And I love the story thing (I really wish more ppl would put story elements in their layouts). I love the font choices too. They maybe need to be a little thinner here and there but overall I don't have a problem reading them, tho my screen is 1366px. The cover thing is definitely possible to fix- what are using hide hover after for atm- why not use it to make the pictures easier to target by placing it over where the thumbnails usually are? Like replace it with this: .hide:hover:after { background: transparent; content: " "; height: 50px; position: absolute; top: 96px; width: 300px; z-index: 20; left: -113px; } It would do something like this but the code would be transparent colored not red. This way, when the cover pic hovers it stays on. I think it will work on any resolution. Thats a lot of Pokemon series! If you can't use hover:after try before, span hover:after, etc. Many parts have a :before, :after, span, span:after, span:before selector to them. Thank you! To be honest, I don't understand that hide code ver well, but I just added your code and it seems to work better than before. I will also try to use that span thing later, maybe I can use it to add something decorative. And just to defend myself: I'm not a Pokemon freak. lol It's just that every time I'm home my sister and I watch something together. We also watched all the Dragonball, Prince of Tennis, Digimon and Yu-gi-oh stuff. ^^° Without these my list would easily be a hundred entries shorter. |
|
| My new profile design :) Went for a colorful but simple theme, hope it's not too boring :P |
TheHolyPotato said: My new profile design :) Went for a colorful but simple theme, hope it's not too boring :P 'Pretty young' for what ? :P I like frame structure with different colored borders. Also cool pics and good playing with text and its color |
|
TheHolyPotato said: My new profile design :) Went for a colorful but simple theme, hope it's not too boring :P Yep, that's really good. Also like the different colored borders, it's not often seen :P |
TheHolyPotato said: My new profile design :) Went for a colorful but simple theme, hope it's not too boring :P This is a lot better then the prototype! I like the bottom section and the colored text and borders stand out from each other nicely. And its clear which is very important! |
|
| Thanks a lot for the feedback guys :) |
| My new Profile, easy, but beautiful ^_^ |
 |
iVoid said: My new Profile, easy, but beautiful ^_^ Wow, nice layout, really nice pics, but for me it's kinda hard to read the font :/ |
| I was inspired to create myself a new layout...xD This list is specially designed for my screen along with resolution 1280x800, but I haven't adjusted it for others (the costumizing of this layout would take me too much time) !!! Additionally, I implemented tags into Preview and added edit button for them in each row, so that it appears only when you hover over a certain row. You can check it out here: http://myanimelist.net/animelist/Monsterguy Preview:  Oh, and there are a lot more backgrounds (diffrent one, on each time you refresh the page !!!), like for exemple:  |
MonsterguyMay 21, 2013 3:40 PM
 |
| @MonsterGuy That is really well done! I especially love the headers you put in although, I noticed that you spelled "Completed" as "Compleated" :P Just a little nit pick. I like the fact you have multiple baclgrounds to have something different each time! You have really improved your skills as a list designer :) |
TheHolyPotatoMay 21, 2013 4:56 PM
TheHolyPotato said: @MonsterGuy That is really well done! I especially love the headers you put in although, I noticed that you spelled "Completed" as "Compleated" :P Just a little nit pick. I like the fact you have multiple baclgrounds to have something different each time! You have really improved your skills as a list designer :) Thnx for letting me know about that, it's fixed already, why I still had photoshop file, hehehe. Oh, and thnx also for the compliments, but I must admit, I really had a hard time with this particular layout...xD |
MonsterguyMay 21, 2013 5:35 PM
|
Monsterguy said: I was inspired to create myself a new layout...xD I don't understand the theme of your layout but I'm sure that colors are picked up not well. Separately all elements look good but together don't make a good match. Each background needs an individual color scheme. You have different backgrounds so with some of them your layout doesn't look good |
HahaidoMay 22, 2013 5:16 AM
|
Hahaido said: I don't understand the theme of your layout but I'm sure that colors are picked up not well. Separately all elements look good but together don't make a good match. Each background needs an individual color scheme. You have different backgrounds so with some of them your layout doesn't look good the theme is art of background picures (artistic piece), you can see how I focused on backgrounds !!! Also, I was inspired by opacity and thuz transparency of elements, because I like transparent things, so that backgrounds come to the fore, and give their shine...xD Well, about colors, I know what you speak off, why I had big problems here, yes (if you looked at my CSS you might have noticed I tried coloring it diffrent, but it turned out as it is). Anyway could you help me, and at least advice me how to pick colors, why I must admit I'm not good at picking them...fail |
|
Hahaido said: Hi everyone! Need to know your thoughts of this: (clickable) Oh, and if you want to know about my thoughts about your list: I especially admire: + Wonderfull presentation of covers and tags (I still don't know how you do this, that the covers show up as they do) + nice outlook of hovered rows + looks nice in general (if you sit back and without doing anything look at art) But, I also don't like a few things: - nicely colored cursor, but it's also kind of strange to me (long fork, that is meant for barbecue...xD) - and WTF, the edit button is actually a thunder ??? (if I would not be designer myself, I would not notice it's an "edit" or "add" button !!!) - and lastly I must admit that personally, I'm not used to have a bug in, or for the top bar... (but this is just my preference) But anyway, nice design all together, why even though I have no idea what means the writting in the top (under Title, Score,...), it looks really good...xD In general, I like it...(^.^) |
MonsterguyMay 22, 2013 6:39 AM
|
| First of all it is very hard to pick up a set of backgrounds. I would definitely change some of them. Try to find more quality ones. All backgrounds must be in similar color scheme. In your case (multiple backgrounds) you should not use saturated colors. Try more neutral, matte colors. For example, try #c0504d instead of #c41e0e at the copyright section. As for me, I would not use black color and make the table less transparent Thanks for the feedback on my layout, I very appreciate it! I have no idea what means the writting in the top That means 'continue dream' in Russian ;) |
HahaidoMay 22, 2013 9:38 AM
|
Monsterguy said: I was inspired to create myself a new layout...xD This list is specially designed for my screen along with resolution 1280x800, but I haven't adjusted it for others (the costumizing of this layout would take me too much time) !!! Additionally, I implemented tags into Preview and added edit button for them in each row, so that it appears only when you hover over a certain row. You can check it out here: http://myanimelist.net/animelist/Monsterguy Preview: Oh, and there are a lot more backgrounds (diffrent one, on each time you refresh the page !!!), like for exemple: Yeah I like it too you have come a long way. Little thing you should take the green background color off body and replace it with black so it doesn't stand out so much when loading them tho. Love the Nel background lol. If you're gonna change any backgrounds in the future try backgrounds like Panty and Stocking type backgrounds with few solid colors over details they will look really good with the tables colors, similar to the example above and Bleach background. |
|
| Wow, guys thank you very much, all your suggestions came in handy to me...yay For now I will keep the pictures as they are, but if I ever find more good images's, I will make myself a better set of backgrounds, yes... |
|
| Edited my manga list But idk what else to do to make it look better .n. Not sure about the text either I'd love some advice q_q |
PinkSheep said: Edited my manga list But idk what else to do to make it look better .n. Not sure about the text either I'd love some advice q_q I like this a lot, perfect colors and table, plus I love Neptunia characters. To make it better- Category specific background with different characters from Neptunia Row Highlights OCR-A font imported for list text (its computerish) More transitions Everything but the transitions has a tutorial on it but it would be a little work to do them all! |
|
| I read the tutorial for importing the text but I can't find the font :| and when I search it on google fonts it brings me to a page to buy it |
PinkSheep said: I read the tutorial for importing the text but I can't find the font :| and when I search it on google fonts it brings me to a page to buy it Ah that sucks, then I guess you have to find a similar computery font to it! |
|
| Very simple design (clickable)  |
|
| I redid my AnimeList a while ago, here's what it looks like... I didn't create the coding, it was borrowed (except for the background pick) from a pre-made layout. I carefully selected and formatted the background pick though, and I wanted to get your guy's opinion on it as a whole. |
animesthabomb said: I redid my AnimeList a while ago, here's what it looks like... I didn't create the coding, it was borrowed (except for the background pick) from a pre-made layout. I carefully selected and formatted the background pick though, and I wanted to get your guy's opinion on it as a whole. Its nice looking, clean, clear and shows the background well with decent color choices, so overall good. |
|
Shishio-kun said: animesthabomb said: I redid my AnimeList a while ago, here's what it looks like... I didn't create the coding, it was borrowed (except for the background pick) from a pre-made layout. I carefully selected and formatted the background pick though, and I wanted to get your guy's opinion on it as a whole. Its nice looking, clean, clear and shows the background well with decent color choices, so overall good. Thanks! That means a lot. |
I got some help and added more stuff It has category specific backrounds too I'd love more advice :x |
PinkSheepMay 26, 2013 2:13 PM
Hahaido said: Very simple design (clickable) wow really like it :D nice idea with the category links! |
| Thank you! I saw similar effect on one website and made my links look like.That breath of inspiration made my layout |
|
| I made new covers animation for my current layout, so please check it for lags and the appearance: http://myanimelist.net/animelist/Hahaido |
|
| @hahaido Thats very unique and I didn't know what I was expecting but that definitely wasn't it :P The whole design I like because it's nice and simple with bright colors standing out instead of a colorful background that just looks messy IMO. My only problem with things like that is if I'm scanning my PtW for what I wanna watch next I like to see the cover if it intrest me but that would take alot longer that way. But in the end I think it's better this way, good job :) |
More topics from this board
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
54 |
by Shishio-kun
»»
Yesterday, 10:00 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
133 |
by Shishio-kun
»»
Dec 2, 10:24 AM |
|
» ⭐Ready to be amazed? View the Bunkasai graphic and list design contest (VOTE YOUR FAVES!)Shishio-kun - Nov 22 |
3 |
by Shishio-kun
»»
Nov 28, 9:02 PM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
65 |
by F124N
»»
Nov 11, 1:31 AM |
|
» ✳️[9-7-24] New even higher quality Cover Imports! + Fixes for Takana Grids and moreShishio-kun - Sep 7, 2024 |
37 |
by Shishio-kun
»»
Oct 30, 4:42 AM |