Forum Settings
Forums

[CSS Modern] Layout collections for Madoka and GochiUsa themes - by Takana

Pages (2) [1] 2 »
Must be a Club Member to Reply 
#1
Jun 20, 2016 8:05 PM

Offline
Joined: Nov 2009
Posts: 1630
This is a custom layout for modern template lists (anime only). If you don't know how to install the codes, use the Beginner's Tutorial by clicking here.

If there are problems: install the latest version, or check the Repair Sticky for patches and updates (found here).

All premade modern layouts can be found in the gallery by clicking here.


CODES UPDATED FOR BROKEN DROPBOX LINKS (15-03-2017)


List configuration:


Important: most of layouts have different character's render in each category background, please change the default selected status to Watching. Failing to do so will result in overlayed renders, thus ruins the layout.


- How to use mini-review features: -


PLEASE ONLY COPY CODES IN THE QUOTE SECTION. DO NOT ATTEMPT TO COPY DIRECTLY FROM ANY DROPBOX LINKS


________________________________________________________________________




GochiUsa Layout



  • Menu appears on hovering
  • Tags(mini reviews) only show up if they are written
  • Each category has different character's theme
  • Floating animation on the banner


________________________________________________________________________


-Madoka Magica Layout-


Save the list image-banner to your pc and upload it to the cover image section
Link: http://i.imgur.com/RYNhDg5.png
->upload it here

Link to the background in case it doesn't show up: http://i.imgur.com/8gXcQbm.jpg

V3 UPDATE!!!


Download this banner (only for V3) and upload it on the banner-section: http://imgur.com/itPHU7i


  • The layout is now a square-style layout
  • Mark your favorite anime with a star
  • Display animation producer
  • Increase the list's width and add a little animation each loads a category








Since this is an upgraded theme for the current existing layout, I won't offer any customizations but you're free to look through the codes and change the whole thing, but it's a bit messy so be careful.



Credits:
Special thanks to Ruri for the square-style layout and favorite marking function.


--------------------------------------------

V2 UPDATE!!!



  • Menu revamped
  • Front wall is changed to welcome wallpaper that appears and fades away after a few second when first visit your list (you need to set the "default status selected" to "watching")
  • Different Madoka's characters in each category list
  • Few minor tweaks






Since this is an upgraded theme for the current existing layout, I won't offer any customizations but you're free to look through the codes and change the whole thing, but it's a bit messy so be careful.


MANGA LAYOUT MADOKA V2

Manga list configuration


CODES

----------------------------------------------
Madoka V1


________________________________________________________________________




Credits:
Thanks to Yorium (design) and Doomcat (coding) for their help.
Modified by Shishio-kun, Aug 21, 2018 1:04 PM
 
#2
Jun 20, 2016 8:22 PM

Offline
Joined: May 2011
Posts: 54720
I love this

Is there a way to customize it for a manga list?


 
#3
Jun 20, 2016 8:46 PM

Offline
Joined: Nov 2009
Posts: 1630
@Noire: thanks, I plan to customize it for manga list layout eventually, maybe on a later time this weekend. I will tag you once I manage to finish with the manga list.
 
#4
Jul 5, 2016 6:18 AM

Offline
Joined: Nov 2009
Posts: 1630
V2 Updates:


  • Menu revamped
  • Front wall is changed to welcome wallpaper that appears and fades away after a few second when first visit your list (you need to set the "default status selected" to "watching")
  • Different Madoka's characters in each category list
  • Few minor tweaks






Since this is an upgraded theme for the current existing layout, I won't offer any customizations but you're free to look through the codes and change the whole thing, but it's a bit messy so be careful.
Modified by Shishio-kun, Aug 21, 2018 1:08 AM
 
#5
Jul 5, 2016 6:56 PM

Offline
Joined: Aug 2015
Posts: 31
i really like the design and all other part same with v2 but personally think v1 better maybe anyway my point is both looks awesome keep it up
--Aikopooh--
 
#6
Jul 6, 2016 7:45 AM

Offline
Joined: Nov 2009
Posts: 1630
aikopooh said:
i really like the design and all other part same with v2 but personally think v1 better maybe anyway my point is both looks awesome keep it up
--Aikopooh--

I reckon maybe because of the category menu symbols? I do think they look kinda bad, I will have to do something about it.
 
#7
Jul 6, 2016 9:15 AM

Offline
Joined: Aug 2015
Posts: 31
@Takana_no_Hana personally i dont mind those cuz it looks unique well its up to you to change or not to change anyway if u change i want to finished results :D
gl hf and always may waifu be with you --Aikopooh--
 
#8
Jul 7, 2016 5:41 PM

Offline
Joined: Sep 2015
Posts: 592
Takana_no_Hana said:
@Noire: thanks, I plan to customize it for manga list layout eventually, maybe on a later time this weekend. I will tag you once I manage to finish with the manga list.


Tag me too this list style just made my day. It fits my preference perfectly. (Which is rare I'm a perfectionist after all)
 
#9
Jul 12, 2016 2:39 PM
Offline
Joined: May 2013
Posts: 2
Wow this customization is awesome! Thanks for the support you gave me for this. Couldn't have the list on top of the girls, could I?
 
Jul 12, 2016 7:19 PM

Offline
Joined: Nov 2009
Posts: 1630
Xenath3297 said:
Wow this customization is awesome! Thanks for the support you gave me for this. Couldn't have the list on top of the girls, could I?


Thanks, but you need to download this banner image and upload it to the cover section

http://i.imgur.com/RYNhDg5.png
 
Jul 28, 2016 11:22 AM
Offline
Joined: Dec 2013
Posts: 248
Can I have for my manga list as well? (:
 
Jul 29, 2016 2:28 AM

Offline
Joined: Aug 2013
Posts: 503
GammaY said:
Can I have for my manga list as well? (:
Should not be a problem ^^




 
Jul 29, 2016 5:46 AM

Offline
Joined: Nov 2009
Posts: 1630
@Noire, @GammaY, @Aoi_Yui
Alright alright, I was being lazy and got too distracted designing the new layout :3

So I add on a few things to make the manga list and here it is:



You can find the background and cover banner here: http://imgur.com/a/BLTGR

Just download them and upload back on their section.

Also, please remember to config your manga list like this
Modified by Takana_no_Hana, Jan 13, 2017 4:22 PM
 
Jul 29, 2016 7:24 AM
Offline
Joined: Dec 2013
Posts: 248
I can't tick off for Image and any on "Modern Only".

Is it like this one? http://imgur.com/a/Lb0BC
but I don't see same as the anime list one? o.o
 
Jul 29, 2016 7:32 AM

Offline
Joined: Nov 2009
Posts: 1630
GammaY said:
I can't tick off for Image and any on "Modern Only".

Is it like this one? http://imgur.com/a/Lb0BC
but I don't see same as the anime list one? o.o

You're using the classic list style. You have to change your list-style to the modern one.
How to install: http://myanimelist.net/forum/?topicid=1499052

If you change your list style to modern, your anime and manga list can only use modern design. You can't use classic layout and modern layout at the same time.
 
Jul 29, 2016 8:58 AM
Offline
Joined: Dec 2013
Posts: 248
something is still not right. :3

http://imgur.com/a/pfVaj
 
Jul 29, 2016 9:03 AM

Offline
Joined: Nov 2009
Posts: 1630
GammaY said:
something is still not right. :3

http://imgur.com/a/pfVaj


I just said at the post above lol.
Go here: http://imgur.com/a/BLTGR

download the background and layout's banner then upload it to
http://puu.sh/qiJFQ.jpg
 
Jul 29, 2016 9:07 AM
Offline
Joined: Dec 2013
Posts: 248
Takana_no_Hana said:
GammaY said:
something is still not right. :3

http://imgur.com/a/pfVaj


I just said at the post above lol.
Go here: http://imgur.com/a/BLTGR

download the background and layout's banner then upload it to
http://puu.sh/qiJFQ.jpg
hehe my bad...thank you (:
 
Jul 29, 2016 4:51 PM

Offline
Joined: May 2011
Posts: 54720
Thank you for the manga list style.


 
Jul 30, 2016 4:01 AM

Offline
Joined: Nov 2009
Posts: 1630
GochiUsa Layout



  • Menu appears on hovering
  • Tags(mini reviews) only show up if they are written
  • Each category has different character's theme
  • Floating animation on the banner
Modified by Takana_no_Hana, Jul 30, 2016 4:05 AM
 
Aug 3, 2016 6:12 PM
Offline
Joined: Dec 2014
Posts: 4
The most kawaii theme :D thank you, i love your works
 
Aug 4, 2016 7:36 AM

Offline
Joined: Feb 2013
Posts: 96
Can you make a manga version of the Gochiusa layout?
 
Aug 4, 2016 9:14 AM

Offline
Joined: Aug 2013
Posts: 503
Auxoran said:
Can you make a manga version of the Gochiusa layout?
He kinda did a few days ago.. Read through the page before asking questions, saves everyone time most of the time.




 
Aug 4, 2016 9:49 AM

Offline
Joined: Feb 2013
Posts: 96
Oiomi-chan said:
Auxoran said:
Can you make a manga version of the Gochiusa layout?
He kinda did a few days ago.. Read through the page before asking questions, saves everyone time most of the time.


He made one for Madoka,not Gochiusa or I am blind
 
Aug 4, 2016 9:54 AM

Offline
Joined: Nov 2009
Posts: 1630
Uhm ... I just made the manga layout but only for Madoka theme :P

I will make one for GochiUsa sometimes later in this or next week.
 
Aug 4, 2016 10:21 AM

Offline
Joined: Feb 2013
Posts: 96
Takana_no_Hana said:
Uhm ... I just made the manga layout but only for Madoka theme :P

I will make one for GochiUsa sometimes later in this or next week.


Well thank you for making me sure that I don't need an eye surgery
 
Aug 4, 2016 10:23 AM
Offline
Joined: Dec 2013
Posts: 248
Still have some minor problem. No anime/manga picture appears on side when my mouse pointing at the list or none small picture at number's. LOL : 3

http://imgur.com/a/5Bne0
 
Aug 4, 2016 4:21 PM

Offline
Joined: Nov 2009
Posts: 1630
GammaY said:
Still have some minor problem. No anime/manga picture appears on side when my mouse pointing at the list or none small picture at number's. LOL : 3

http://imgur.com/a/5Bne0

Please read the instruction carefully, your questions can all be answered if you just pay attention to the installing instruction lol.
/* A Madoka layout for modern CSS (V2)
** Visit Shishio's club for more premade layouts
**
**
*/

/* IMPORTANT: change USERNAME to your MAL username in order to display anime covers*/
@import url(http://mal-fellow-writer.appspot.com/anime/USERNAME/?covers=https://dl.dropboxusercontent.com/u/118667597/AnimeCoverModernCSS/LinkSortAfter.css);
@import url(https://dl.dropboxusercontent.com/u/118667597/MadoMura/MadoMuraV2/MadokaV2Finished.css);
/* The gradient-grey bar and your name that appear in front of the banner, change USERNAME to your MAL username
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "USERNAME";
}


Did you read the important part of the codes? And please set your default selected status into "watching" if you're using the Madoka theme.
 
Aug 5, 2016 9:17 AM
Offline
Joined: Dec 2013
Posts: 248
Takana_no_Hana said:
GammaY said:
Still have some minor problem. No anime/manga picture appears on side when my mouse pointing at the list or none small picture at number's. LOL : 3

http://imgur.com/a/5Bne0

Please read the instruction carefully, your questions can all be answered if you just pay attention to the installing instruction lol.
/* A Madoka layout for modern CSS (V2)
** Visit Shishio's club for more premade layouts
**
**
*/

/* IMPORTANT: change USERNAME to your MAL username in order to display anime covers*/
@import url(http://mal-fellow-writer.appspot.com/anime/USERNAME/?covers=https://dl.dropboxusercontent.com/u/118667597/AnimeCoverModernCSS/LinkSortAfter.css);
@import url(https://dl.dropboxusercontent.com/u/118667597/MadoMura/MadoMuraV2/MadokaV2Finished.css);
/* The gradient-grey bar and your name that appear in front of the banner, change USERNAME to your MAL username
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "USERNAME";
}


Did you read the important part of the codes? And please set your default selected status into "watching" if you're using the Madoka theme.
Yeah I did. ;( I've changed both default seletected status into "watching and reading" in manga and anime category respectively. I merely can see a small picture of it but no big picture on the right corner. Also, why my Username is on between list LOL...suppose on top when I refer to your manga list. ><
 
Aug 5, 2016 5:15 PM

Offline
Joined: Nov 2009
Posts: 1630
@GammaY

1. Copy the whole code into a notepad or something, press ctrl+F and type in USERNAME. Then change every USERNAME word you can find in the list and replace it with your MAL name. As far as I can see, you haven't done this part. There are 2 USERNAME, the first USERNAME is for the covers. The second USERNAME is for your name on the layout.


2. Download this picture then upload it to your cover section
http://i.imgur.com/i1IbYhk.png

 
Sep 8, 2016 4:41 AM

Offline
Joined: Sep 2015
Posts: 592
Er this may come off as a stupid question b ut how do I add anime on the gochi usa layout
 
Sep 8, 2016 6:10 PM

Offline
Joined: Nov 2009
Posts: 1630
Aoi_Yui said:
Er this may come off as a stupid question b ut how do I add anime on the gochi usa layout


Hover on your profile picture, a menu option will come up.
 
Sep 10, 2016 2:11 PM

Offline
Joined: Sep 2015
Posts: 592
Takana_no_Hana said:
Aoi_Yui said:
Er this may come off as a stupid question b ut how do I add anime on the gochi usa layout


Hover on your profile picture, a menu option will come up.

Thanks i did not think of that.
 
Oct 12, 2016 12:50 PM
Offline
Joined: Aug 2014
Posts: 1
/* IMPORTANT: change USERNAME to your MAL username in order to display anime covers*/

I'm sorry I'm new to this CSS thing, where exactly is the username I am supposed to change to my own?
 
Oct 13, 2016 5:19 PM

Offline
Joined: Nov 2009
Posts: 1630
titibooh said:
/* IMPORTANT: change USERNAME to your MAL username in order to display anime covers*/

I'm sorry I'm new to this CSS thing, where exactly is the username I am supposed to change to my own?

Search the exact word of "USERNAME" in every line of code and change it to your own.

----
Madoka layout: Update some fixes, the image renders now have better quality.
 
Oct 17, 2016 3:16 AM

Offline
Joined: Nov 2009
Posts: 1630
V3 UPDATE!!!


Download this banner (only for V3) and upload it on the banner-section: http://imgur.com/itPHU7i


  • The layout is now a square-style layout
  • Mark your favorite anime with a star
  • Display animation producer
  • Increase the list's width and add a little animation each loads a category








Since this is an upgraded theme for the current existing layout, I won't offer any customizations but you're free to look through the codes and change the whole thing, but it's a bit messy so be careful.



Credits:
Special thanks to Ruri for the square-style layout and favorite marking function.
Modified by Takana_no_Hana, Oct 20, 2016 5:09 AM
 
Nov 28, 2016 7:33 PM
Offline
Joined: Oct 2016
Posts: 1006
@Takana_no_Hana Hey, can you please add the manga settings for v3 of the Madoka theme? Or is it the same as the v2 settings? TIA
 
Nov 28, 2016 9:53 PM

Offline
Joined: Nov 2009
Posts: 1630
UltimateBestGirl said:
@Takana_no_Hana Hey, can you please add the manga settings for v3 of the Madoka theme? Or is it the same as the v2 settings? TIA

My apology but I don't think I will add a manga setting for this Madoka layout.
On the other hand, my latest layout supports the manga list, maybe you can use it.
 
Nov 29, 2016 3:40 PM
Offline
Joined: Oct 2016
Posts: 1006
Takana_no_Hana said:
UltimateBestGirl said:
@Takana_no_Hana Hey, can you please add the manga settings for v3 of the Madoka theme? Or is it the same as the v2 settings? TIA

My apology but I don't think I will add a manga setting for this Madoka layout.
On the other hand, my latest layout supports the manga list, maybe you can use it.


oh ok, thats cool
thx for replying
 
Dec 9, 2016 10:50 AM
Ech Lord

Offline
Joined: Oct 2016
Posts: 10
I was keen to give the GochiUsa theme a try but for some reason the completed page seems to not load when I have it on and it becomes unresponsive. Everything else works fine.
 
Dec 30, 2016 3:32 AM
Offline
Joined: Aug 2013
Posts: 1
Is there not supposed to be banner or theme for the "All entries" page for the GochiUsa theme? Just wondering if I'm doing anything wrong since all the individual category pages have unique themes except for the main page.

Gorgeous theme regardless, thanks for sharing!
 
Dec 30, 2016 3:45 AM

Offline
Joined: Nov 2009
Posts: 1630
Xlegace said:
Is there not supposed to be banner or theme for the "All entries" page for the GochiUsa theme? Just wondering if I'm doing anything wrong since all the individual category pages have unique themes except for the main page.

Gorgeous theme regardless, thanks for sharing!


You're supposed to disable the "all entries". Go to your list setting and set "default selected status" to anything besides "all anime".

At the time I made that layout, I didn't make one for "all anime" cause I have a very long anime list and putting the list on "all anime" will just make my browser freezes.

Though in later designs, I changed my mind about the matter :P. But yeah, Madoka and Gochiusa themes don't have their own "all anime" entry.
 
Jan 13, 2017 11:23 AM

Offline
Joined: Jul 2015
Posts: 940
Hi there!

I'm using the manga version of the Madoka theme for my Manga List and, for the life of me, I can't get the manga covers to show up on the right-hand side when I scroll over them on the list. It just shows a blank rectangle with a white border.

And before you say anything: I changed all USERNAME parts of the code to my MAL username, so.

P.S.
The anime version of the Madoka theme works perfectly for my Anime List, so no need to worry about that.
~ RedKitten13
 
Jan 13, 2017 4:26 PM

Offline
Joined: Nov 2009
Posts: 1630
RedKitten13 said:
Hi there!

I'm using the manga version of the Madoka theme for my Manga List and, for the life of me, I can't get the manga covers to show up on the right-hand side when I scroll over them on the list. It just shows a blank rectangle with a white border.

And before you say anything: I changed all USERNAME parts of the code to my MAL username, so.

P.S.
The anime version of the Madoka theme works perfectly for my Anime List, so no need to worry about that.


Oh right, it was before the changes on MAL, they updated their security.

@import url(https://mal-fellow-writer.appspot.com/manga/USERNAME/?covers=https://dl.dropboxusercontent.com/u/118667597/AnimeCoverModernCSS/LinkSortAfter.css);


Add this on top of your code (or replace this line of code if you can find), and change your USERNAME.

The reason it didn't work is because the url should contain https instead of just http

You might want to check my latest themes as they also support manga list. Just a reminder that Kimi no na wa and Violet layout don't support mangalist though.
 
Jan 13, 2017 10:24 PM

Offline
Joined: Jul 2015
Posts: 940
Takana_no_Hana said:
RedKitten13 said:
Hi there!

I'm using the manga version of the Madoka theme for my Manga List and, for the life of me, I can't get the manga covers to show up on the right-hand side when I scroll over them on the list. It just shows a blank rectangle with a white border.

And before you say anything: I changed all USERNAME parts of the code to my MAL username, so.

P.S.
The anime version of the Madoka theme works perfectly for my Anime List, so no need to worry about that.


Oh right, it was before the changes on MAL, they updated their security.

@import url(https://mal-fellow-writer.appspot.com/manga/USERNAME/?covers=https://dl.dropboxusercontent.com/u/118667597/AnimeCoverModernCSS/LinkSortAfter.css);


Add this on top of your code (or replace this line of code if you can find), and change your USERNAME.

The reason it didn't work is because the url should contain https instead of just http

You might want to check my latest themes as they also support manga list. Just a reminder that Kimi no na wa and Violet layout don't support mangalist though.


Thank you - it worked! :)
~ RedKitten13
 
Jan 17, 2017 6:44 PM

Offline
Joined: Jul 2015
Posts: 940
I'm once again having trouble with the manga covers not showing up on my Manga List while using the manga version of the Madoka theme. :(

I've checked the code and everything seems to be in order, so...

What gives and how can I fix it?
Modified by RedKitten13, Jan 17, 2017 7:36 PM
~ RedKitten13
 
Jan 17, 2017 7:15 PM

Offline
Joined: Nov 2009
Posts: 1630
RedKitten13 said:
I'm once again having trouble with the manga covers not showing up on my Manga List while using the manga version of the Madoka theme. :(

I've checked the code and everything seems to be in order, so...

What gives and how can I fix it?

Yeah, the cover generator is down again =/.

Use this instead, paste the code on top of your css.

@import url(http://mal-image.appspot.com/all/RedKitten13/?code=.link.sort%5Bhref*%3D%22%2F%5BID%5D%2F%22%5D%3Aafter%20%7Bbackground-image%3A%20url(%5BIMG%5D)%3B%7D%0A);
 
Jan 17, 2017 7:42 PM

Offline
Joined: Jul 2015
Posts: 940
Takana_no_Hana said:
Yeah, the cover generator is down again =/.

Use this instead, paste the code on top of your css.

@import url(http://mal-image.appspot.com/all/RedKitten13/?code=.link.sort%5Bhref*%3D%22%2F%5BID%5D%2F%22%5D%3Aafter%20%7Bbackground-image%3A%20url(%5BIMG%5D)%3B%7D%0A);


Thanks for the code! Alas, I'm not really sure what you mean by placing it "on top" of my CSS. :s
~ RedKitten13
 
Jan 17, 2017 8:04 PM

Offline
Joined: Nov 2009
Posts: 1630
RedKitten13 said:
Takana_no_Hana said:
Yeah, the cover generator is down again =/.

Use this instead, paste the code on top of your css.



Thanks for the code! Alas, I'm not really sure what you mean by placing it "on top" of my CSS. :s


Oops, my apology. Try this code instead, put this on top of your css, delete the previous code.

@import url(https://mal-image.appspot.com/all/RedKitten13/?format=https://dl.dropboxusercontent.com/u/118667597/AnimeCoverModernCSS/LinkSortAfterMalTool.css);
 
Jan 17, 2017 8:10 PM

Offline
Joined: Jul 2015
Posts: 940
Takana_no_Hana said:
Oops, my apology. Try this code instead, put this on top of your css, delete the previous code.

@import url(https://mal-image.appspot.com/all/RedKitten13/?format=https://dl.dropboxusercontent.com/u/118667597/AnimeCoverModernCSS/LinkSortAfterMalTool.css);


Tried it. Still doesn't work. :(
~ RedKitten13
 
Top
Pages (2) [1] 2 »