List Design Updated - Check It Out

Offline

Feb 2012

805

Hey, I just somewhat finished my Anime List style, I used Shishio-kun CSS and modified pretty much all of it.

Any feedbacks, thoughts, etc.? :)

My Anime List

(BEST VIEWED IN 1920x1080 or more)

Jun 29, 2012 8:24 PM

#5010

Parasprite

Offline

Jun 2010

578

It looks the same as my list...
idk maybe its my computer.

Jun 29, 2012 8:52 PM

#5011

Offline

Feb 2012

805

Parasprite said:
It looks the same as my list...
idk maybe its my computer.

Probably your computer.

Jun 29, 2012 9:00 PM

#5012

Seven

Offline

Apr 2008

2579

Nice I really like your signature part especially how you added all the different characters in it each with a separate picture.

Jun 29, 2012 10:50 PM

#5013

koleare

Offline

Aug 2010

2344

Parasprite said:
It looks the same as my list...
idk maybe its my computer.

Try this:
Go here: http://myanimelist.net/editprofile.php?go=listpreferences and see if you have the "Override user lists..." checked. If it is, uncheck it.

Nice lists everyone! I should be doing one this days...

The FAQ | Got something to report? | The Site and Forum Guidelines

Jun 30, 2012 6:32 AM

#5014

riot_riot

Offline

Feb 2010

Hey guys! I just switched to google chrome and noticed that i see no hover animation on my anime list (when you pass the cursor over the links) but it's okay in firefox. Any ideas?

Jun 30, 2012 7:16 AM

#5015

Han-yuu

Offline

Jul 2010

2285

riot_riot said:
Hey guys! I just switched to google chrome and noticed that i see no hover animation on my anime list (when you pass the cursor over the links) but it's okay in firefox. Any ideas?

You mean transition effect.
replace:

with:

everywhere in the list.

Jun 30, 2012 10:45 AM

#5016

riot_riot

Offline

Feb 2010

Han-yuu said:

You mean transition effect.
replace:

with:

everywhere in the list.

thanks! works exactly as before.

Jun 30, 2012 12:26 PM

#5017

Offline

Feb 2012

805

riot_riot said:

Han-yuu said:

You mean transition effect.
replace:

with:

everywhere in the list.

thanks! works exactly as before.

FYI, -moz-* is for Firefox
-webkit-* for Chrome
-o-* for Opera
And there's another one for IE, but I can't remember off of my head.

Jul 1, 2012 10:41 AM

#5018

halllo

Offline

Feb 2010

Mine
My first try, i liked the result.

Jul 1, 2012 4:03 PM

#5019

Yawmus

Offline

Mar 2012

144

halllo said:
Mine
My first try, i liked the result.

Good job, I think that the default a tag color would look better as black, the hover effect/transition looks pretty sick btw.

Jul 1, 2012 5:20 PM

#5020

Offline

Apr 2012

325

halllo said:
Mine
My first try, i liked the result.

Nice and clean!
Although I would not leave the row [Totals] hanging like that and that little border in the black rows. But it looks great.
That background, Aoi Bungaku series?

Jul 2, 2012 6:59 AM

#5021

halllo

Offline

Feb 2010

Thanks. Yes, the background is from Aoi Bungaku.

Jul 2, 2012 3:45 PM

#5022

GamerchiX

Offline

Oct 2008

I finally finished a new list layout. I did most of it awhile back, but just added in some fancy stuff recently. What do you think? =3

http://myanimelist.net/animelist/GamerchiX

Jul 3, 2012 2:01 AM

#5023

Offline

Dec 2011

112

And it's my anime List : http://myanimelist.net/animelist/Shinsae but it's not finished yet (and not optimized).

Jul 3, 2012 2:07 AM

#5024

Vanessa-

Offline

Mar 2008

3105

GamerchiX said:
I finally finished a new list layout. I did most of it awhile back, but just added in some fancy stuff recently. What do you think? =3

http://myanimelist.net/animelist/GamerchiX

looks really neat, I LOVE the colors! :)
the only thing I don't like that much is that the font gets bigger when you scroll over it (but that's probably what you wanted to do, so...)

Shinsae said:
And it's my anime List : http://myanimelist.net/animelist/Shinsae but it's not finished yet (and not optimized).

wow, really good idea, looks really professional (seriously, I'm too uncreative to make something like that ;( ) !
Not sure what you mean with optimized, looks perfect on my laptop. ;)

Jul 3, 2012 3:04 AM

#5025

Offline

Dec 2011

112

Thanks precious :) I'll optimize the code, it's not structured and there are any bugs. And realy i like yours too. If you ask me, i never think to do like yours.

ShinsaeJul 3, 2012 3:11 AM

Jul 3, 2012 3:51 AM

#5026

Offline

Feb 2012

805

@Shinsae

Woah, your list looks stunning! Beautiful work! :)

Jul 3, 2012 6:38 AM

#5027

Offline

Dec 2011

112

Thanks Ozland : )

Jul 3, 2012 7:44 AM

#5028

Offline

Apr 2012

325

Shinsae said:
I'll optimize the code, it's not structured and there are any bugs.

I've noticed some minor things, like exceptional long titles being cut off and some contrast that needs to be adjusted, but still looking forward to seeing your list when it's done, caus it looks awesome even now.

Jul 3, 2012 8:13 AM

#5029

Offline

Dec 2011

112

Thank you Endelerius. In total, there will be no big change. As you said, corrections. And i'll optimize for ie too. Even if i hate it :p

Jul 3, 2012 9:06 AM

#5030

Peinuzumaki95

Offline

Sep 2010

716

Anime list: http://myanimelist.net/animelist/360justin

Manga List:http://myanimelist.net/mangalist/360justin

Feedback would be appreciated.

Jul 3, 2012 9:14 AM

#5031

Offline

Apr 2012

325

360justin said:
Anime list: http://myanimelist.net/animelist/360justin

Manga List:http://myanimelist.net/mangalist/360justin

Feedback would be appreciated.

The spacing in your animelist's hover animation is like seriously bugged.

Jul 3, 2012 9:18 AM

#5032

Offline

Apr 2012

325

Shinsae said:
Thank you Endelerius. In total, there will be no big change. As you said, corrections. And i'll optimize for ie too. Even if i hate it :p

Couldn't care less about IE :p
I doubt even any MAL user, uses it.

Jul 3, 2012 9:20 AM

#5033

Peinuzumaki95

Offline

Sep 2010

716

Endelerius said:

360justin said:
Anime list: http://myanimelist.net/animelist/360justin

Manga List:http://myanimelist.net/mangalist/360justin

Feedback would be appreciated.

The spacing in your animelist's hover animation is like seriously bugged.

Yeah I see but I don't have a clue to know how to fix that, I'm a total noob at ccs editing I just learned like 3 days ago.

Jul 3, 2012 9:48 AM

#5034

GamerchiX

Offline

Oct 2008

precious said:

GamerchiX said:
I finally finished a new list layout. I did most of it awhile back, but just added in some fancy stuff recently. What do you think? =3

http://myanimelist.net/animelist/GamerchiX

looks really neat, I LOVE the colors! :)
the only thing I don't like that much is that the font gets bigger when you scroll over it (but that's probably what you wanted to do, so...)

Yep, and after the 2 hours I spent managing to fail at making it do that, it's staying for good. xD

Jul 3, 2012 10:09 AM

#5035

Rukayex

Offline

Mar 2009

2096

Shinsae said:
And it's my anime List : http://myanimelist.net/animelist/Shinsae but it's not finished yet (and not optimized).

Yeah, looks amazing. Love the artist for the header. *-* I agree with what Endelerius said about long titles cut off. Also, you might want to smooth the edges of the rounded corners on your header.

anime list | manga list

Jul 3, 2012 11:38 AM

#5036

Offline

Dec 2011

112

Endelerius said:
Couldn't care less about IE :p
I doubt even any MAL user, uses it.

Rukayex said:
Also, you might want to smooth the edges of the rounded corners on your header.

Hmm.. Why not, i'll see (probably tomorrow).

Thanks to you :)

http://myanimelist.net/clubs.php?cid=24297

Jul 3, 2012 7:44 PM

#5037

fluffy-luffy

Offline

Jun 2011

195

I just changed my list design a couple of days ago ^.^

It's right here: http://myanimelist.net/animelist/smokahontas96

Jul 4, 2012 7:02 AM

#5038

Offline

Apr 2012

325

smokahontas96 said:
I just changed my list design a couple of days ago ^.^

It's right here: http://myanimelist.net/animelist/smokahontas96

That red is a bit hard to read…

Jul 4, 2012 8:12 AM

#5039

Eucliwood

Offline

Mar 2011

104

Didn't really know what I should do with the design so I just did something really simple. The only thing that's probably worth mentioning is that my banner image changes if you refresh it as it's on a rotation. Might add more things to it later but I can't be bothered now ^^''

http://myanimelist.net/animelist/Eucliwood

Jul 4, 2012 1:20 PM

#5040

Offline

Apr 2012

325

Yea so … I was wondering.
When I started testing out these list styling thingys when I registered, I was able to create a list style and then edit it. The problem is, I can't seem to find where I did this. I've been looking all over the "edit profile" section, but I can't find anything that says something like "create new list style".
Or is it because you can only create a maximum of 2?

Jul 4, 2012 6:34 PM

#5041

Offline

Dec 2011

112

Eucliwood said:
Didn't really know what I should do with the design so I just did something really simple.

http://myanimelist.net/animelist/Eucliwood

Generally, a very simple design is better than heavy site. :)

Jul 4, 2012 6:49 PM

#5042

Siva

Offline

Oct 2007

3470

Shinsae said:

Eucliwood said:
Didn't really know what I should do with the design so I just did something really simple.

http://myanimelist.net/animelist/Eucliwood

Generally, a very simple design is better than heavy site. :)

Thats what she said.

"A Legend is but a tale of a beautiful lie."

Jul 4, 2012 7:24 PM

#5043

Offline

Dec 2011

112

Siva said:
Thats what she said.

;)

Jul 4, 2012 8:10 PM

#5044

Ber53rker

Offline

Oct 2011

Figured I'd show off my finished project.
Simple and plain. (I'm not big on vibrant color either.)
http://myanimelist.net/animelist/Ber53rker

It felt like a puzzle at times trying to effect some elements.
With the hidden limitations, it's more difficult than I anticipated.

Jul 4, 2012 11:20 PM

#5045

Yawmus

Offline

Mar 2012

144

Ber53rker said:
Figured I'd show off my finished project.
Simple and plain. (I'm not big on vibrant color either.)
http://myanimelist.net/animelist/Ber53rker

It felt like a puzzle at times trying to effect some elements.
With the hidden limitations, it's more difficult than I anticipated.

It looks good, but add some left-padding on watching, completed etc. to line up with the #.

Jul 5, 2012 12:53 AM

#5046

Eucliwood

Offline

Mar 2011

104

Endelerius said:
Yea so … I was wondering.
When I started testing out these list styling thingys when I registered, I was able to create a list style and then edit it. The problem is, I can't seem to find where I did this. I've been looking all over the "edit profile" section, but I can't find anything that says something like "create new list style".
Or is it because you can only create a maximum of 2?

　
You can only make a maximum of 2 unfortunatly. So if you should save your codes on a notepad or something if you want to try out different ones.

Jul 5, 2012 7:30 AM

#5047

Offline

Apr 2012

325

Eucliwood said:

　
You can only make a maximum of 2 unfortunatly. So if you should save your codes on a notepad or something if you want to try out different ones.

Ah ok so my suspicions were correct. Well no biggie, it's that much of a detour to change the list.

Does it have to be so wide? It's fine on a smaller sized window/screen, but when you stretch it out it becomes quite the bother to go from left to right the entire time to check what scores you gave. A max width of 960px should be wide enough. That's my opinions anyways.

Jul 5, 2012 8:10 AM

#5048

idonotknow

Offline

Dec 2010

Endelerius said:
Updated my list!
It's 99% finished, just need to fix that 1 pixel difference in Safari & Chrome. Maybe add some sort of background to the .status_(not_)selected.
Any feedback welcome, let me know if you spot any errors!
http://myanimelist.net/animelist/Endelerius

D: wow, looks amazing ^^" just one thing, then hovering box with anime title all list jumps ~1-2px down. I dont know if you wanted to do so but it somehow I guess doesn't fit into that style.

I mean this part (same and with .td2) :

.td1:nth-child(2) {
color: #d3775a; }

.td1:nth-child(2):hover {
border-bottom: dotted #a99981 1px;
border-top: dotted #a99981 1px; }

I guess if you just add ~transparent borders and in unhovered element that would be better... Just my opinion..

Anyway all list looks awesome and so cool ^^ great job!

Jul 5, 2012 2:29 PM

#5049

Offline

Apr 2012

325

ushiopix said:
D: wow, looks amazing ^^" just one thing, then hovering box with anime title all list jumps ~1-2px down. I dont know if you wanted to do so but it somehow I guess doesn't fit into that style.

Thanks!
And about that, I've noticed this too, but only in Safari & Chrome, Firefox doesn't seem to have this issue. Anyway, I didn't think it was that big of a deal because it's only (like you said) 1-2px, so I let it slide.
I'm working on a new design since I've got some free time on my hands and am just aching to make something new! That also might solve the problem :p

Jul 5, 2012 10:38 PM

#5050

Offline

Dec 2011

112

Endelerius said:
I'm working on a new design since I've got some free time on my hands and am just aching to make something new! That also might solve the problem :p

*I look forward to seeing it.*