Forum Settings
Forums
New
Dec 20, 2012 4:50 AM
#1

Offline
Jan 2012
1578
This layout is custom CSS. If you don't know how to install it, use the easy starter tutorial: Beginner's Tutorial

For more layouts check the Full list of Premade Layouts.

More useful topics: All CSS tutorials * Fixing or changing covers * Changing headers




Main code (for Anime list)

Works best with only numbers and score checked: https://myanimelist.net/editprofile.php?go=listpreferences

https://yuiafterdark.github.io/Hahaido/Kokoro%20Connect/Kokoro%20Connect.css


Backup:
https://pastebin.com/raw/P15cwjRM




How to speed up and improve the layout look
For a better display, it's recommended you lower the number of list columns to better accommodate the layout table:
https://myanimelist.net/editprofile.php?go=listpreferences
You can also start the layout on Currently Watching or Reading rather than a larger category (go to Default Status Selected) to help speed up the load time. Save when done.




Thanks to Valerio_Lyndon for repairing this design!


Shishio-kunMay 24, 2023 4:09 PM
Reply Disabled for Non-Club Members
Jan 10, 2013 4:29 PM
#2

Offline
Feb 2010
11294
Oh no, what happened to the CSS for copy? I can't find it. I think the Firefox icon is missing too.

btw I love the unique names for each layout you make.
Jan 10, 2013 9:33 PM
#3

Offline
Jan 2012
1578
Shishio-kun said:
Oh no, what happened to the CSS for copy? I can't find it. I think the Firefox icon is missing too.

Perhaps, that's Dropbox was temporarily unavailable. Do you see the icons now?
btw I love the unique names for each layout you make.

Thanks! Sometimes it takes more time to think of a name for a layout than making a layout!
Jan 10, 2013 10:48 PM
#4

Offline
Feb 2010
11294
Hahaido said:
Shishio-kun said:
Oh no, what happened to the CSS for copy? I can't find it. I think the Firefox icon is missing too.

Perhaps, that's Dropbox was temporarily unavailable. Do you see the icons now?
btw I love the unique names for each layout you make.

Thanks! Sometimes it takes more time to think of a name for a layout than making a layout!


They're back! Yes it was Dropbox's fault lol. I forgot you kept your codes in links not spoilers.

btw it looks like you keep all your images in dropbox. Are you aware of your current bandwidth? They do impose a limit on you.
Jan 11, 2013 12:42 AM
#5

Offline
Sep 2012
172
Woah! This is Nice~!
But it is too Girlish for me... I Love Kokoro Connect too so I wish to have this so...

I'd request an Alternare Version of this~! Blue Version with Taichi in Anime List and Aoki is the Manga~!

or even just... Taichi, Inaban and Iori in Animelist and Yui and Aoki in Manga List... then blue version... xD

I hope I'm not asking for an impossible~ :)
Jan 11, 2013 1:06 AM
#6

Offline
Jan 2012
1578
AoiMizune-kun said:

I hope I'm not asking for an impossible~ :)

That is really impossible. You should to do that by yourself. I left comments in the code for that case. Or ask somebody in this thread - http://myanimelist.net/forum/?topicid=393393&show=0
HahaidoJan 11, 2013 1:18 AM
Jan 24, 2013 8:57 PM
#7

Offline
Feb 2010
11294
Signvatar the site where we used to host our random background pics has shut down, not sure if it is temporary or not. So the Iori and Inabi pics are gone atm!

Also great notes in this code!

This layout was also put in the featured list and premade layout list with a thumbnail link cuz I recently updated those topics, so it will get more attn like it deserves!
Shishio-kunJan 24, 2013 9:10 PM
Jan 25, 2013 3:16 AM
#8

Offline
Jan 2012
1578
Shishio-kun said:
Signvatar the site where we used to host our random background pics has shut down, not sure if it is temporary or not. So the Iori and Inabi pics are gone atm!

Yes, I've noticed, sadly... But!.. See my Manga list again and try http://www.randimg.net/
This layout was also put in the featured list and premade layout list with a thumbnail link cuz I recently updated those topics, so it will get more attn like it deserves!

Big thanks for all you did!
Jan 25, 2013 8:43 PM
#9

Offline
Feb 2010
11294
Hahaido said:
Shishio-kun said:
Signvatar the site where we used to host our random background pics has shut down, not sure if it is temporary or not. So the Iori and Inabi pics are gone atm!

Yes, I've noticed, sadly... But!.. See my Manga list again and try http://www.randimg.net/
This layout was also put in the featured list and premade layout list with a thumbnail link cuz I recently updated those topics, so it will get more attn like it deserves!

Big thanks for all you did!


!?! Sweet, a new random image site! I thought there were only two, the other one I knew of besides signavatar seemed too unreliable.
Jan 25, 2013 9:27 PM

Offline
Jan 2012
1578
Shishio-kun said:

!?! Sweet, a new random image site! I thought there were only two, the other one I knew of besides signavatar seemed too unreliable.

There is only disadvantage - a picture must be <800 Kb
Jan 31, 2013 9:09 AM

Offline
Feb 2010
11294
http://signavatar.com/

Looks like they're back online, for the record.
Feb 17, 2013 8:56 AM

Offline
Apr 2009
49
i really love this theme! but i must be stupid bc only inaba loads, no iori ? also only like 5% of the anime covers load? not sure if it's the image problem you were talking about or me, but still
great work, i love your themes !
Feb 17, 2013 9:51 AM

Offline
Feb 2010
11294
Iori appeared like 2 out of 10 times for me, so she is there, its just the luck of the site I guess.

You can delete the comment thingies from the top set of imports so they look like this, then covers will appear more fully

@import url(http://fonts.googleapis.com/css?family=Quicksand|Electrolize);
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kokoro%20Connect/TabContent.css);
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kokoro%20Connect/TopMenu.css);
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kokoro%20Connect/CategoryMenu.css);
@import url(https://dl.dropbox.com/u/78192465/MyAnimeList/Kokoro%20Connect/Favorites.css);
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css);


after this set the usual codes like

#list_surround br {display: none;}

would follow, don't need to mess with these.
Feb 17, 2013 10:07 PM

Offline
Jan 2012
1578
Shishio-kun said:
http://signavatar.com/

Looks like they're back online, for the record.

Didn't notice before, thanks! But I prefer http://randimg.net/ because they have more functional interface

mahoushoujo_neko said:
i really love this theme! but i must be stupid bc only inaba loads, no iori ? also only like 5% of the anime covers load? not sure if it's the image problem you were talking about or me, but still
great work, i love your themes !

Thanks! If you're using a Manga List version of the layout then the import headers must be:
Mar 14, 2013 8:36 PM

Offline
May 2012
3820
Aw, I love this theme! ^^

But I have a problem here. The anime/manga pic did not load as I expected. What should I do?
Kazumi-Mar 14, 2013 8:39 PM
Badges: C.C.O / T.C.O / TFCC admin ID | Previously known as kazumi-san95
Mar 17, 2013 10:54 PM

Offline
May 2012
3820
That really helps. Thanks!
Badges: C.C.O / T.C.O / TFCC admin ID | Previously known as kazumi-san95
Apr 18, 2013 11:51 AM

Offline
Sep 2010
703
Why does this happend to me? =(

Apr 18, 2013 12:11 PM

Offline
Feb 2010
11294
6zio9 said:
Why does this happend to me? =(



I'm guessing its cuz you don't have a score setting and its throwing off the pics. When I use it on my list its fine, so there aren't any problems visible with the CSS itself.
Apr 19, 2013 2:24 AM

Offline
Jan 2012
1578
26zio9:
I added recommended list settings to the first post
Jun 26, 2013 2:24 PM

Offline
Sep 2011
8
I don't know what's happened, if I messed with the codes or something, but my tags on manga list aren't in the right place. Someone know how to fix this?
Jun 26, 2013 9:06 PM

Offline
Jan 2012
1578
You need to enable 'Type' in Manga List Settings
Jan 16, 2014 6:45 PM

Offline
Feb 2010
11294
The manga link doesn't work atm!
Jan 16, 2014 8:36 PM

Offline
Jan 2012
1578
Oh, I need edit 1st post when BBcodes come back. Use link for anime list. I made this layout work for manga and anime lists on 1 link. You just need uncomment related covers (anime or manga)
Dec 27, 2015 12:02 AM

Offline
Feb 2010
11294
This layout has been updated since its debut and looks even better then ever, with better lighting, colors, and more characters in the background!
Dec 15, 2017 8:12 PM

Offline
Feb 2010
11294
Fixed the layout, use the new codes in the OP
May 20, 2023 10:32 PM

Offline
Feb 2010
11294


Updated! Thanks!
Reply Disabled for Non-Club Members

More topics from this board

» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Apr 15, 2010

7812 by mtsRhea »»
Apr 21, 5:25 AM

» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )

Shishio-kun - Sep 4, 2020

121 by Pokitaru »»
Apr 21, 3:25 AM

» [CSS-MODERN] Change list text/font colors on any list layout

Shishio-kun - May 4, 2021

3 by hideso »»
Apr 20, 4:33 PM

» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layout

Shishio-kun - Jul 15, 2019

17 by hideso »»
Apr 20, 4:03 PM

» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )

Cateinya - Aug 18, 2016

309 by hideso »»
Apr 20, 3:56 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login