Forum Settings
Forums

♔ Anime/Manga List Layouts [by Recuvan] ♔

New
Jan 8, 2016 3:30 PM
#1
Offline
Jul 2018
564612
--------------------------------------------------------------------------------------
#1 Info
---------------------------------------------------------------------------------------

"Am I allowed to use one of your layouts?": A nice comment below this post grants you permission to all of them ;)


Work in progress:
  • Minimalistic & Compact Design (Aesthetic+)
  • Full Material Design (Simplistic+)

To-do list:
  • High Quality/Premium Design (Deluxe+)


--------------------------------------------------------------------------------------
#2 Premade layouts
---------------------------------------------------------------------------------------


Click on a picture to get the CSS file, then click CTRL+A (Select All) and copy everything.
Paste that CSS into your Advanced CSS Edittor (MAL > Settings > Style/Design > Advanced CSS Editor)
Then simply follow the instructions in the notification that should appear above the editor after saving the CSS

Read through the CSS before reporting any bugs/suggestions!

--------------------------------------
NEW HTML STRUCTURE
--------------------------------------


x x x


--------------------------------------
OLD HTML STRUCTURE
--------------------------------------




















--------------------------------------------------------------------------------------
#3 Stats
---------------------------------------------------------------------------------------

Last update: 17/02/16

removed-userFeb 17, 2016 10:45 AM
Pages (10) [1] 2 3 » ... Last »
Jan 8, 2016 7:36 PM
#2

Offline
Dec 2015
66
Oh my god these are beautiful. They're exactly what I've been looking for.

How long did it take you to make these?
Jan 9, 2016 7:40 AM
#3
Offline
Jul 2018
564612
Henesys said:
Oh my god these are beautiful. They're exactly what I've been looking for.

How long did it take you to make these?


You're actually using them, wow :o

Materialist+ has taken me 10 days to create (it was created from a scratch)
Imaginary+ has taken me 4 days to create (for this one, I used Materialst+ as a base and adjusted it for the layout's needs)

I'm going to create a dark versin of Imaginary+ in the near future too ;)
Jan 9, 2016 7:45 AM
#4
Offline
Jul 2018
564612
Good job mate, looks great :D

It feels kinda weird having the titles on right side though o:
Jan 9, 2016 7:48 AM
#5
Offline
Jul 2018
564612
GreenSoap said:
Good job mate, looks great :D

It feels kinda weird having the titles on right side though o:


I just find it easier to have the Edit button on the left side and the title on the right. The reason for that is when you try to change the number of watched episode or the score, you know exactly what row are you on, instead of looking to the left, to the right, ensuring that you're on the right row and finally updating your list. Of course, it's all up to personal preference ;)
Jan 9, 2016 9:45 AM
#6
Offline
Jul 2018
564612
The dark layout for Imaginary+ is now completed :)

I've been thinking of creating a special topic (welp, this topic, just updating it) for my layouts in the Creative Corner, if everyone's fine with that.

I consider them as quite different from all the layouts on MAL so far...
Jan 9, 2016 10:18 AM
#7

Offline
Dec 2015
66
Recuvan said:
Henesys said:
Oh my god these are beautiful. They're exactly what I've been looking for.

How long did it take you to make these?


You're actually using them, wow :o

Materialist+ has taken me 10 days to create (it was created from a scratch)
Imaginary+ has taken me 4 days to create (for this one, I used Materialst+ as a base and adjusted it for the layout's needs)

I'm going to create a dark versin of Imaginary+ in the near future too ;)

I can't just say these were exactly what I've been looking for and just not use them heheh
Jan 9, 2016 10:24 AM
#8
Offline
Oct 2015
49
I love these layouts.Good job!
I am using the Imaginary+ one now and i love it.
Jan 9, 2016 11:09 AM
#9
Offline
Jul 2018
564612
Henesys said:

I can't just say these were exactly what I've been looking for


Tell me what you're looking for and I may meet your expectations if I like your ideas ;p. Feel free to draw the plan of it in Paint for the sake of explanation if you want to.

mjeseceva said:
I love these layouts.Good job!
I am using the Imaginary+ one now and i love it.


Glad to hear it!
Jan 9, 2016 4:44 PM

Offline
Jan 2013
13161
Great list designs /o/
imaginary + are my fav designs ♥

Is the option to change the background for materialist available. I like the features, but not a big fan of space
Jan 9, 2016 4:50 PM
Offline
Jul 2018
564612
shuryukan said:
Great list designs /o/
imaginary + are my fav designs ♥

Is the option to change the background for materialist available. I like the features, but not a big fan of space


You are able to change the background of Materialist+ in the CSS quite easily, there's just a bit more messing around with the banner as there needs to be a circle in the "middle" of it, I'm going to update the main post in a minute so you can grab yourself a copy of the .psd file of the banner.

//EDIT: It's all done, just click on "Show tweaking ideas" below Materialist+
removed-userJan 9, 2016 5:05 PM
Jan 9, 2016 5:19 PM
Offline
Jul 2018
564612
Cat said:
oh the first one is really really nice :0, but the top banner that says "anime list" feels a bit too clunky and not as sleek compared to the "completed", "watching" shapes/designs.

It was designed to be that way, but you may make the font of the banner look thinner by adding this to your CSS:

@import url(https://fonts.googleapis.com/css?family=Lato:100);

/* Change Recuvan into your username */
#inlineContent:after{
content:"your text here" !important;
font-family: Lato !important;
font-weight: 100 !important;

}
Jan 9, 2016 10:59 PM

Offline
Dec 2015
66
Recuvan said:

Tell me what you're looking for and I may meet your expectations if I like your ideas ;p. Feel free to draw the plan of it in Paint for the sake of explanation if you want to.

Oh I think you misunderstood me. This kind of minimalist layout was what I was looking for. I was saying that me not using it after telling you it was perfect wouldn't make any sense!
Jan 10, 2016 4:23 AM
Offline
Jul 2018
564612
Henesys said:
Recuvan said:

Tell me what you're looking for and I may meet your expectations if I like your ideas ;p. Feel free to draw the plan of it in Paint for the sake of explanation if you want to.

Oh I think you misunderstood me. This kind of minimalist layout was what I was looking for. I was saying that me not using it after telling you it was perfect wouldn't make any sense!


Now that I read it twice, I get it, glad to hear it ;)
Jan 10, 2016 8:12 AM

Offline
Nov 2014
9843
I came here for cookies, I was not disappointed.
Great design. Can something b done about this?

Jan 10, 2016 10:37 AM
Offline
Jul 2018
564612
ExTamplier said:
I came here for cookies, I was not disappointed.
Great design. Can something b done about this?


There is a fix for that in the new .css version of Imaginary+, just click on the image in the first post and you should find it at the very bottom of the CSS.
Jan 10, 2016 11:14 AM

Offline
Nov 2014
9843
Recuvan said:
ExTamplier said:
I came here for cookies, I was not disappointed.
Great design. Can something b done about this?
There is a fix for that in the new .css version of Imaginary+, just click on the image in the first post and you should find it at the very bottom of the CSS.
Thanks, looks really good.

Jan 10, 2016 11:21 AM
Offline
Jul 2018
564612
ExTamplier said:
Recuvan said:
There is a fix for that in the new .css version of Imaginary+, just click on the image in the first post and you should find it at the very bottom of the CSS.
Thanks, looks really good.


You're more than welcome :).

//UPDATE, in a few hours Extravagant+ should be out, just let me finish the coding...
Jan 10, 2016 11:31 AM

Offline
Sep 2013
472
These layouts are gorgeous! I'm using Imaginary+ for both my manga and anime lists at the moment. Thank you for sharing, Recuvan!

Edit: Using Extravagant+ now. It's so nice! I'm a fan.
OuahJan 12, 2016 3:11 AM
Jan 10, 2016 11:53 AM
Offline
Jul 2018
564612
AyaMiu said:
These layouts are gorgeous! I'm using Imaginary+ for my manga list at the moment. Thank you for sharing, Recuvan!


Glad to hear that, yw ;).
Jan 11, 2016 10:08 AM
Offline
Jul 2018
564612


It's out! Scroll up to the first post for .css and a preview!

Also, I'll finish up the coding for the buttons in max 2 hours time, so feel free to use these layouts as they're live, they'll update automatically when I improve the functionality.

Remember that you're able to change its color to whatever you want! It was designed to be very simple to change so there shouldn't be any confusion made ;)!
removed-userJan 11, 2016 10:17 AM
Jan 11, 2016 10:23 AM

Offline
Nov 2014
9843
It is a sad clown =/.

Looks good as simple layout, but there is no reason to take so much top space with emptiness.
p.s. Can you implement smart scroll for "Currently watching completed..." tab for other scripts?

Jan 11, 2016 10:35 AM
Offline
Jul 2018
564612
ExTamplier said:
It is a sad clown =/.

Looks good as simple layout, but there is no reason to take so much top space with emptiness.
p.s. Can you implement smart scroll for "Currently watching completed..." tab for other scripts?


The spacing between the navigation bar, the banner and the list has been fixed.

However, I don't really understand what do you mean by Smart Scroll.
removed-userJan 11, 2016 11:06 AM
Jan 11, 2016 10:38 AM

Offline
Nov 2014
9843
When you scroll in Ext+ script this bar constantly stays on top:
Which is not the case for this bar from Img+:

Jan 11, 2016 10:47 AM
Offline
Jul 2018
564612
It was designed to stay in a fixed position at the top, same as Mat+ ;). However, you may add that to your css to don't let it scroll with the page.

#list_surround table[align="center"]:first-of-type {
position: absolute !important;
}
removed-userJan 11, 2016 11:06 AM
Jan 11, 2016 3:51 PM
Offline
Jul 2018
564612
12/01/16 - UPDATE

Layout requests!
[*]as of now, you can tell me to create a list layout for you, i'll be more than happy to make one! (more info above, i'll make the example clearer tomorrow done)

Extravagant+
[*]buttons for adding anime/manga to the list and for opening the list owner's profile added
[*]search box animation added
[*]table header animation added
[*]scaling bugs fixed
removed-userJan 11, 2016 4:15 PM
Jan 12, 2016 2:38 AM

Offline
Nov 2015
1053
Loving these list layouts, my personal favourite is Extravagant+. The simplistic materialistic designs are great, keep up the good work!


Jan 12, 2016 3:38 AM

Offline
Jul 2015
3643
Can I ask for an extremely simple one ?
Wohooooooooooooooooooooooooooooooooooooooooo
Jan 12, 2016 7:15 AM
Offline
Jul 2018
564612
I'd be more than happy to make one, however I need some more info about it to be able to make one. May you use this form to tell me what you want me to create? If you're having any troubles with filling it, scroll up to the top of the page and there should be an example saying how to request. Take your time!

Name:
Priority:
Layout width:
Layout type:
Banner type (+URL):
Background type (+URL):
Menu type:
Nav bar type:
Color scheme:
Other info:
Jan 12, 2016 11:57 AM

Offline
Dec 2015
66
Extravagant+ is nice and sharp, looks great! Will use~
Jan 12, 2016 12:26 PM

Offline
Jan 2014
10453
Thank you for the layouts, pal; they look exquisite.
Extravagant for manga list and Imaginary for anime makes a great combination.
Proud founder of The Official Anti-Ging Freecss Fan Club Join now!
Kellhus said:
GuusWayne said:
there is a limit to the suspension of disbelief

And it's the fan that did it. Not the smoking porn reading rubik cube genius rape ape with a magic boat.
Jan 12, 2016 12:27 PM
Offline
Jul 2018
564612
Sapewloth said:
Thank you for the layouts, pal; they look exquisite.
Extravagant for manga list and Imaginary for anime makes a great combination.

Henesys said:
Extravagant+ is nice and sharp, looks great! Will use~


Arigatou gozaimasu! There's a lot of new layouts coming and I'll keep making them as long as my creativity allows me to ;). Stay tuned!
Jan 12, 2016 2:12 PM

Offline
May 2014
51
ugh sdfkjhkj perf extravagant+ is my fave ♡ (◡‿◡✿)
bless you're talented soul~
Jan 13, 2016 9:22 AM
Offline
Nov 2008
1387
Haha you started taking requests ^^ nice. Good luck and the themes look great!
-Tidus-Jan 13, 2016 9:27 AM
Jan 13, 2016 9:41 AM
Offline
Jul 2018
564612
PrinceZeal said:
Haha you started taking requests ^^ nice. Good luck and the themes look great!


Doesn't seem like anyone's requesting anything for now...

But that's good in some way, as I can finish making layouts that I wanna make much quicker (the list of them may be found in the first post). I also have a few Add-ons ideas, so watch out ;).
removed-userJan 13, 2016 9:49 AM
Jan 13, 2016 10:06 AM
Offline
Nov 2008
1387
I think a lot of that could be because people don't know there is an "animelist layout request thread". This was more of a thread to show your work. So you might have to change the thread title to tell people you're doing requests also.
-Tidus-Jan 13, 2016 1:04 PM
Jan 13, 2016 10:57 AM
Offline
Jul 2018
564612
im not quite sure why you removed the more button even if you didn't add codes. if you want, there's a way to make "more" work with covers. pm me i got the code for it.
Jan 13, 2016 11:22 AM
Offline
Jul 2018
564612
Love said:
im not quite sure why you removed the more button even if you didn't add codes. if you want, there's a way to make "more" work with covers. pm me i got the code for it.


Like I wouldn't know how to do it (I'm so modest, ikr) XD.
I removed it on purpose, I don't want it in my layouts, it's useless (78% out of 14 people doesn't use it - I've done my research). I can add the code to all the css files that makes the button show up if anyone wants me to though.

PrinceZeal said:
I think a lot of that could because people don't know there is a "layout request thread". This was more of a thread to show your work. So you might have to change the thread title to tell people you're doing requests also.


Done, thanks for the suggestion!
removed-userJan 13, 2016 11:26 AM
Jan 13, 2016 4:28 PM
Offline
Jul 2018
564612
14/01/16 - UPDATE

Layouts
[*]Works on Motionless+ have begun (FULL MATERIAL DESIGN)

Add-ons
[*]Gathering ideas for Add-ons

Others
[*]A new way of presenting all the layouts will be implemented by the end of the day (Thursday)
Jan 13, 2016 6:13 PM

Offline
Jul 2010
317
These are the synonyms of perfection.
Jan 13, 2016 6:56 PM

Offline
Aug 2013
9
I don't know if this is how the requests work but...

Name: Scenic
Priority: Low (Take as long as you want)
Layout width: Medium
Layout type: Grid
Banner type (+URL): Extro (I just wanted a picture similar to those shown in Imaginary+ but perhaps a little lighter. Perhaps an ocean scene with more light blues and whites)
Background type (+URL): Intro (Like the banner, I just wanted something that could fit with the scenic theme and art style)
Menu type: List
Nav bar type: Absolute
Color scheme: Light Blue, white, soft grays
Other info: If possible, it'd be nice if the list was kept as an anime neutral list meaning that the images used were simply of scenic artworks. I'm not a big fan of the darker colors so I don't really want anything like a sunset. It would also be nice if the list were done in a modern way like the ones you've created so far. Miniature, separate images for the section headings as shown in Imaginary+ would also be nice. The images used in these can be anything of a similar art style as that of the rest of the list (Images of darker color could provide contrast here.) And perhaps, somewhere on the list, there could be an animated element. Or maybe the sectional headings could have a sort of radiant glow to them... if that's possible. Similar to the animation shown on the picture in the following video: https://www.youtube.com/watch?v=CllT2SIw83Q&list=PLEIQUY03-W0P6HDWFzqYhkF6b_f1MsrCF

I don't know if this is how this works, but even if you can't fulfill my request, I still thank you for creating such beautiful lists!
brandonvuJan 13, 2016 7:05 PM
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.
Jan 13, 2016 11:40 PM
Offline
Jul 2018
564612
brandonvu said:
I don't know if this is how this works, but even if you can't fulfill my request, I still thank you for creating such beautiful lists!


There is nothing in this world I can't make ;). I'll start planning out the layout at school today and should start working on your layout as soon as I get back home.
Jan 14, 2016 1:15 AM
Offline
Mar 2015
3511
Woah, this is just beautiful.
Jan 14, 2016 7:01 AM
Offline
Jul 2018
564612
Grudge said:
Woah, this is just beautiful.

Thanks, man! I appreciate it
removed-userJan 14, 2016 9:43 AM
Jan 14, 2016 9:43 AM
Offline
Jul 2018
564612


It's perfectly fine, Themisto!

removed-userJan 17, 2016 11:08 AM
Jan 15, 2016 5:59 AM

Offline
Oct 2012
249
Make me a list you dirty slut ^.~
Jan 15, 2016 11:06 AM
Offline
Jul 2018
564612
Hey, brandonvu, Themisto and TheEvilPotato... I've tried making layouts for someone but ended up creating something that I do not want to create... I hate having barriers, I hate not being able to make something just because I was told to do something different. I guess that letting people request layout was a bad decision. I'm sorry for that, but the request section is going to be removed. Even though it'll be closed, I won't stop creating layouts and let my creativity die out. Sorry for that, guys ;).

Also, brandonvu, Scenic+ is going to be created anyways. However, it'll be somewhat different from your request. Let's call it a suggestion then, thanks for it!

//EDIT: The topic's name has been changed due to the actions taken
removed-userJan 15, 2016 11:13 AM
Jan 15, 2016 11:18 AM
Dreamcatcher

Offline
Aug 2013
2369
Name: Gochuumon wa Usagi Desu ka?
Priority: Low
Layout width: Medium
Layout type: List
Banner type (+URL): Intro
Background type (+URL): Intro
Menu type: Buttons
Nav bar type: Fixed
Color scheme: A wintery theme, ice blue, white, snowy
Other info: Something like this: http://myanimelist.net/animelist/SakuraPetals_ I would like the covers to hover.
Jan 15, 2016 11:31 AM
Offline
Jul 2018
564612
Yuki-Chan276 said:
Name: Gochuumon wa Usagi Desu ka?


Recuvan said:
I've tried making layouts for someone but ended up creating something that I do not want to create... I hate having barriers, I hate not being able to make something just because I was told to do something different. I guess that letting people request layout was a bad decision. I'm sorry for that, but the request section is going to be removed


Sorry for that, Yuki. However, I really like your idea as I've never considered a winter-ish theme, so I may create a layout like this in the future ;).

BTW, we just hit 2 pages!
removed-userJan 15, 2016 11:54 AM
Pages (10) [1] 2 3 » ... Last »

More topics from this board

» Help me modify this layout

Luffie00 - 8 hours ago

0 by Luffie00 »»
8 hours ago

» What software(s) and hardware(s) do you use for digital drawings?

DesuMaiden - Apr 16

10 by JKKH »»
11 hours ago

» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page )

nin-tendo - Dec 16, 2022

357 by nin-tendo »»
Yesterday, 12:16 PM

» Protect or punish?

DollzchanAi - Yesterday

2 by Cammell »»
Yesterday, 6:19 AM

» Show us your latest sketch or drawing v.2 ( 1 2 3 4 5 ... Last Page )

Luna - Feb 21, 2017

1628 by JKKH »»
Apr 17, 9:47 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login