Forum Settings
Forums
Must be a Club Member to Reply 
#1
Mar 28, 2016 10:15 AM

Offline
Joined: Feb 2010
Posts: 4433
@ users
Requests, fixes, desired features?
If you have any special requests or fixes you'd like to have for the new MAL style let us know here. Otherwise we will just make our own without your input!



@ CSS designers
Update!
You can now customize the new MAL layout. Go to the http://myanimelist.net/ownlist/style
and click on a theme to change it:



Hold on!
However I do want to remind everyone that the new HTML has changed often in some of our early experiences; so this may not be the final layout and your old layouts could be nullified. THIS HAS HAPPENED BEFORE.

I'm going to try to get word or not if this is the final HTML so we can make custom CSS layouts without fear of losing our work down the line.


Got some ideas?
However if you wish to customize the new theme during this uncertain time, please share your designs here or in this club! I've asked ppl for any desired features so there may be some in the comments.
Modified by Shishio-kun, Mar 28, 2016 10:22 AM
 
 
#3
Mar 28, 2016 10:31 AM

Offline
Joined: Feb 2013
Posts: 25
Shishio-kun said:
Just calling ppl from the big list of list designers. Here's an update you may be interested in; thanks for your time.
(...)
@lubien

Nyo-ho, thanks for quoting!
I'll try to update my actual style to the new layout
 
#4
Mar 28, 2016 10:46 AM
small bunny

Offline
Joined: Jun 2014
Posts: 4159
i actually have one layout ready:



and here's the code

the green dots mean airing / not yet aired
i increased the covers height/width
hover left side of 'score' to get 'edit and 'more' buttons
the 'viewing xx anime list' isn't styled, i'll edit it once the new default layout is totally out
it's not the final version, once the default layout final version is out, i'll probably edit again so feel free to use this until then
Modified by ryukan, Mar 28, 2016 10:29 PM
protec the small bunny at all costs
 
 
#6
Mar 28, 2016 11:38 AM

Offline
Joined: Jan 2012
Posts: 1570
For me the only difference and the biggest improvement of modern style is integrated anime covers. As for CSS, you can make classic style look like modern with no problems, so the only reason for me to use new HTML structure is that it could be mandatory
 
#7
Mar 28, 2016 12:18 PM

Offline
Joined: Sep 2011
Posts: 220
I guess I'll wait to know if this change is final since I don't really like fixing lists because of changes on the HTML.
 
#8
Mar 28, 2016 12:43 PM

Offline
Joined: Apr 2015
Posts: 284
I'm waiting for the final, stable version so I can work safely without the possibility of wasting my time. Why don't you hold off the CSS competition until the final release of the modern layout. I'm sure more people will participate, even beginners since it's like a new start. Or is it too late for the change
 
#9
Mar 28, 2016 5:22 PM

Offline
Joined: Feb 2013
Posts: 5058
Thanks for the heads-up. No idea how long that "feature" has been there. I plan to start by reproducing my current style, if only so I'll be ready when they shut off classic. I can't stay I'll use "modern" yet, classic loads faster.

I don't follow the threads I post in. Message me if you want my attention.
 
Mar 28, 2016 7:46 PM

Offline
Joined: Feb 2010
Posts: 4433
FromZeroToZero said:
I'm waiting for the final, stable version so I can work safely without the possibility of wasting my time. Why don't you hold off the CSS competition until the final release of the modern layout. I'm sure more people will participate, even beginners since it's like a new start. Or is it too late for the change


No MAL doesn't communicate all their information at all, so that'd be unreliable to organize a contest around. Also the longer we wait the more likely we won't be able t use the designs we entered which are based on classic, so I want to wrap it up around April 15th
 
Mar 29, 2016 12:25 AM

Offline
Joined: Nov 2009
Posts: 1605
@Shishio-kun: I hope there will be a topic on changes of the new list structure.
As someone who just started making layouts, I'm not even familar with the old list struture lol.
 
Mar 29, 2016 8:06 AM

Offline
Joined: Jul 2013
Posts: 359
FromZeroToZero said:
I'm waiting for the final, stable version so I can work safely without the possibility of wasting my time.


this.

tho i'm very curious, and curiosity killed the cat :p


╒════════════════════════╕
✦ 
anime list | manga list | css list layouts
╘════════════════════════╛
 
Mar 29, 2016 12:31 PM
Offline
Joined: Feb 2008
Posts: 686
Here is my first (imperfect) try. Mainly did it for myself, but thought I'd share it in case anyone wants it.

Banner: https://dl.dropboxusercontent.com/u/97405770/Lightyellow/kawaii-footer.png




Modified by Shishio-kun, Apr 22, 2016 8:52 AM
 
Mar 31, 2016 2:13 AM

Offline
Joined: Feb 2007
Posts: 888
Oooh thanks for tagging me. I might try to figure out something by this weekend and see what we can come up with. :3 I hope its not too conplicated for me :'D
 
Mar 31, 2016 7:26 AM

Offline
Joined: Jul 2013
Posts: 359
can't we have the headers on the all anime page D:


╒════════════════════════╕
✦ 
anime list | manga list | css list layouts
╘════════════════════════╛
 
Mar 31, 2016 9:38 AM

Offline
Joined: May 2014
Posts: 109
can't we have an anime/manga ID inside <tbody class="list-item"> ?
 
Mar 31, 2016 2:30 PM

Offline
Joined: Jul 2013
Posts: 103
@Lirina Nice for a first try! I'm a bit scared by the new selectors though.

I promise, I will make a new layout when changes are over. Gotta get your hands in the damn thing sometimes.
 
Apr 1, 2016 2:43 AM
small bunny

Offline
Joined: Jun 2014
Posts: 4159
nymphiae said:
can't we have the headers on the all anime page D:

nop apparently :((
protec the small bunny at all costs
 
Apr 1, 2016 11:00 AM

Offline
Joined: Jan 2012
Posts: 1570
New CSS was a big headache for me but finally I could make something
http://myanimelist.net/animelist/Hahaido
 
Apr 1, 2016 11:45 AM

Offline
Joined: Jun 2014
Posts: 1355
Hahaido said:
New CSS was a big headache for me but finally I could make something
http://myanimelist.net/animelist/Hahaido


So nice :) Its possible to change this ?



and add this style to it





 
Apr 1, 2016 9:35 PM

Offline
Joined: Apr 2013
Posts: 103
ok first, thanks for quoting @Shishio-kun :D
here, actually made this right after they add the modern list, but then i stopped after i'm done with nav drawer. now i don't know what to do again .-.
this modern list have some nice built-in js or so. one i really like is the status bar become fixed on top upon scrolling ==a


 
Apr 2, 2016 8:08 PM

Offline
Joined: Jan 2012
Posts: 58
idk i tried replicating one my layouts onto the modern layout.
http://myanimelist.net/animelist/Vzangetsuha

Modified by isaychris, Apr 3, 2016 9:23 PM
 
Apr 5, 2016 6:01 PM

Offline
Joined: Jul 2013
Posts: 103
isaychris said:
idk i tried replicating one my layouts onto the modern layout.

I tried to replicate my last layout as a test. Truth is, woking with the status menu or tables is a pain in the ass. You have to manually correct some positionning because it differs from the browser's element inspector.
If you delete some selectors, they are back by default, so you must override them.

Well, it didn't go the way I expected. Guess I'll have to keep the new code in mind for the next design.

What whent wrong in the end :
-the 1px border on tables element is doubled every four item.
-I didn't find a way to change color on hover for both list elements and entry number (at the same time)
-Ratings are still black when not logged in.
-1px borders are far from perfect, I still have to tweak more, there is some left/missing where I didn't want them. Fixed.
-zoom on fonts while hovering destroys all the pagination, so I kept it for later
-I need a premade floating menu if I want to change more than the color!
-Same for covers preview. I'm not skilled enough to get it back on modern.

Apart from these, it's not that bad, even cross-browser proof to a certain level. But I sure would keep the old layout if I could, no need to reinvent the wheel.

Edit : the code, the code!
Edit2 (17/04/16) : cleaned useless MAL empty lines.
Edit3 (22/04) : removed video icons



Modified by Nobluesky, Jan 27, 12:36 PM
 
Apr 6, 2016 1:51 AM
Offline
Joined: Oct 2008
Posts: 2
isaychris said:
idk i tried replicating one my layouts onto the modern layout.
http://myanimelist.net/animelist/Vzangetsuha


I love this layout; are you willing to tweak coloring, or show me how?
 
Apr 6, 2016 11:14 AM

Offline
Joined: Jan 2012
Posts: 58
RyaSilverthorn said:
isaychris said:
idk i tried replicating one my layouts onto the modern layout.
http://myanimelist.net/animelist/Vzangetsuha


I love this layout; are you willing to tweak coloring, or show me how?


oh im not done with it. after im done, ill make it easy to change the colors.
 
Apr 6, 2016 1:26 PM

Offline
Joined: Sep 2008
Posts: 1503
May I ask what should I do to either push the footer to the bottom of the screen when I'm only viewing a short list, or join it with the list so that there are no extra parts sticking out?
 
Apr 7, 2016 12:58 AM

Offline
Joined: Jan 2012
Posts: 1570
Finally completed my Magi style

(clickable)
 
Apr 7, 2016 2:48 AM
Offline
Joined: Oct 2008
Posts: 2
isaychris said:
oh im not done with it. after im done, ill make it easy to change the colors.
That will be lovely! Trying to go through all that code for the colors to change gave me a headache. lol