Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (9) « First ... « 4 5 [6] 7 8 » ... Last »
Feb 24, 2016 11:38 AM

Offline
Jan 2015
3461


Delete the 1st cover link and add this:

Seems like Fellow Writer dropbox is down usually takes up to 2-3 days so Add this instead of that one

@import "http://mal-image.appspot.com/all/PrincessSerenity";

I'd also add the start and finish dates that way your table doesn't look that empty in your animelist and if possible the days one as well.
_________________

Also I'll show you a pic I hope that helps with the problem at hand. With this all your problems should be resolved unless you have more questoins :D And if you like the 30px header size tell me and i'll make you a special smaller link like above.

Madara22Feb 24, 2016 11:50 AM
Mar 1, 2016 5:57 PM
Offline
Jul 2018
564084
Here's my old list I've been using for a while:

note - you will have to change the banner image to something else, but I'll leave that up to you.


Mar 7, 2016 6:09 AM

Offline
Oct 2014
15
Ameno said:
Inferno17 said:
My Lists
ANIMELIST- SAO Styled
http://myanimelist.net/animelist/Inferno17


MANGALIST- SAO and Date A Live
http://myanimelist.net/mangalist/Inferno17

yeah, are you gonna donate this?? why dont you post the code??

For his manga list, this should be it

@import url(http://fonts.googleapis.com/css?family=Nova+Square);

/* Import fonts */


@import url(http://fonts.googleapis.com/css?family=Nova+Square); /* Import fonts */
@import url("https://dl.dropbox.com/u/98878693/MyAnimeList/Sword%20Art%20Online/MenuSAO.css"); /* menu dynamiczne */


/*
// Self-explanatory
*/

/* Kursor najazd - Cousor hover */

a:visited, a:link, a:hover
{
cursor: url("https://dl.dropbox.com/u/98878693/MyAnimeList/Sword%20Art%20Online/Cursor.png"), auto;
}

BODY
{
/* Kursor zwykly - Cousor over */

cursor: url("https://dl.dropbox.com/u/98878693/MyAnimeList/Sword%20Art%20Online/Cursor.png"), auto;

/* Tlo - Background */


background-color: #000000;
background-image: url("http://i59.tinypic.com/2b8cr8.png"), url("http://i60.tinypic.com/qrm144.png"), url("http://i60.tinypic.com/2lj0ryg.jpg");
background-size: 20%, 16%, cover;
background-position: left bottom, right bottom;
background-repeat: no-repeat, no-repeat, no-repeat;
background-attachment: fixed, fixed, fixed;


/* Inne - other */

margin: 0;
color: #505050; /* kolor miedzy tabelami + stopka bez linkow */
font-size: 15.00px; /* wielkoϾ liter - naglowki tabel: on-hold, droped, etc... */
font-family: 'Nova Square', Segoe Print;


}

/*
// Determines the positioning of your list
*/

#list_surround
{
/* Umieszczenie tabeli */
margin: 0 auto !important;
right: 0px;
left: 0px;
width: 920px;
border-style: none; /* off Obramowka tabeli */
border-width: 5px;
border-top:none;
border-bottom:none;
border-color: #F0F0F0;
padding-top: 356px; /* odleglosc od top */
background:url("http://i.imgur.com/o8YAxnu.jpg");
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: 100%;
filter: alpha(opacity=90);
-moz-opacity: 0.5;
.opacity: 0.9; /* przezroczystosc tla - transparent */



}


/*
// All links on your list - wszystkie linki na liœcie (stronie)
*/

a /* zwykly */
{
color: #505050 ;
text-decoration: none;
}

a:visited /* kliknienty */
{
color: #505050 ;
text-decoration: none;
}

a:hover /* najazd */
{
color: #FFCC00;
text-decoration: none;
}

/*
// Alternating row color 1 - Tabela nieparzyste
*/

.td1
{

color: none;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
padding: 3px; /* Wysokosc w tabeli */
background-color: #F0F0F0 ;
filter: alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.8; /* przezroczystosc tla - transparent */
}

/*
// Alternating row color 2 - Tabela parzyste
*/

.td2
{

color: #505050;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
padding: 3px; /* Wysokosc w tabeli */
background-color: #F0F0F0;
filter: alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.7; /* przezroczystosc tla - transparent */
}

/*
// This represents the "Anime Title", "Score", "# Eps" columns - Nagluwek tabel
*/

.table_header
{

color: none;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
background-color: #F0F0F0;
padding: 3px;
text-shadow: 1px 1px 0 #E8E8E8 ;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1; /* przezroczystosc tla - transparent */
}

/*
// headerLink represents the color of the links inside the_header - Linki w tabelach
*/

.table_headerLink
{
color: #505050 ;
}

.table_headerLink:Visited
{
color: #505050 ;
}

.table_headerLink:Hover
{
color: #FFCC00 ;
}

/*
// Controls the select form decoration (the drop down select box)
*/

.form
{
border-width: 1px 1px 1px 1px;
border-color: #ABABAB;
border-style: solid;
color: #000000;
padding: 2px;
font-size: 11.00px;
font-family: Verdana, Arial;
}


/* Which 'status' up top is selected? - Nagluwek menu */

.status_selected
{

color: none;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
border-radius: 0 0 15px 15px;
padding: 8px;
background-color: #FFFF00;
text-shadow: 1px 1px 0 #E8E8E8;
filter: alpha(opacity=90);
-moz-opacity: 0.5;
opacity: 0.9; /* przezroczystosc tla - transparent */
}

.status_not_selected
{

color: none;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
border-radius: 0 0 15px 15px;
padding: 8px;
background-color: #F1F1F1;
text-shadow: 1px 1px 0 #E8E8E8;
filter: alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.8; /* przezroczystosc tla - transparent */
}

/*
Header classes for Currently Watching, Completed, Dropped, etc... - W menu
*/

.header_cw
{

}

.header_completed
{

}

.header_onhold
{

}

.header_dropped
{

}

.header_ptw
{

}

.header_title {
font-size: 20px;
font-weight: bold;
text-align:center;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #A8A8A8;
border-radius: 15px 15px 0 0;
background-color: #F0F0F0;

}


.category_totals /* Pasek pod tabela */
{
color: none;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
border-radius: 0 0 15px 15px;
background-color: #F0F0F0;
padding: 3px;
text-align:center;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.4; /* przezroczystosc tla - transparent */
}

#grand_totals /* pasek podsumowania */
{
text-align: center;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #A8A8A8;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 0 2px 1px;
background-color: #F0F0F0;
filter: alpha(opacity=40);
-moz-opacity: 0.5;
opacity: 0.4; /* przezroczystosc tla - transparent */
}

/* header_al is thesurrounding "User's Anime List" at the top */

.header_al
{
font-weight: bold;
font-size: 16px;
}

/* header_al_links is thewith your "Profile" and "MyAnimeList home" links */
.header_al_links
{

}

/* controls what styles you can give to all the anime titles in your list */
.animetitle
{
font-weight: bold;
}


*/

#copyright
{
padding-top: 6px;
text-align: center;
padding-bottom:4px;
margin: 0 auto;
width: 920px;


font-color: #585858;
text-shadow: 1px 1px 0 rgba(88,88,88,0.21);
box-shadow: 0 0 4px 2px;
border-radius:15px 15px 0 0;
background-color: #F0F0F0;
filter: alpha(opacity=60);
-moz-opacity: 1;
opacity: 0.6; /* przezroczystosc tla - transparent */

}

#copyright::before
{
text-shadow: 1px 1px 0 rgba(88,88,88,0.21);
content:'Design by Inferno17';
display:block;

}


/* Import style */

body {}

</style>


<title>
Inferno17&#039;s Manga List - MyAnimeList.net
</title>



<meta name="keywords" content="anime, myanimelist, anime news, manga" />



<meta name='csrf_token' content='d7c336b1597b0a60b561e9854ae3496532ce0c9f'><script type="text/javascript" src="http://cdn.myanimelist.net/static/assets/js/pc/all-40d9b8fa19.js"></script><script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdn.myanimelist.net/js/hover.js?v=57"></script>
<script type="text/javascript" src="http://cdn.myanimelist.net/js/jquery.fancybox.pack.js?v=57"></script>


<script type="text/javascript" src="http://cdn.myanimelist.net/js/dimension.js?v=57"></script>
<script type="text/javascript" src="http://cdn.myanimelist.net/js/list.js?v=57"></script>

<script type="text/javascript" src="http://cdn.myanimelist.net/js/myanimelist.js?v=57" id="myanimelistjs" data-myanimelistjs-params='{&quot;origin_url&quot;:&quot;http:\/\/myanimelist.net&quot;,&quot;is_request_bot_filter_log&quot;:false}'></script>

<link rel="stylesheet" href="http://cdn.myanimelist.net/css/list.css?v=32" type="text/css" />


<link rel="stylesheet" type="text/css" href="http://cdn.myanimelist.net/css/jquery.fancybox.css?v=32" />
<link rel="stylesheet" type="text/css" href="http://cdn.myanimelist.net/css/dialog.css?v=32" />
<link rel="stylesheet" type="text/css" href="http://cdn.myanimelist.net/static/assets/css/pc/style-277f3a6b9e.css" />
<link rel="search" type="application/opensearchdescription+xml" href="http://cdn.myanimelist.net/plugins/myanimelist.xml" title="MyAnimeList" />

<link rel="shortcut icon" href="http://cdn.myanimelist.net/images/faviconv5.ico" />

<!-- ### Load GPT Library ### -->
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-369102-1', 'auto');
ga('require', 'linkid'); // Enhanced Link Attribution
ga('send', 'pageview');

</script>

<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'en-GB'}</script>
<script src="https://www.google.com/recaptcha/api.js?hl=en"></script>

</head>
Mar 8, 2016 4:00 PM

Offline
Feb 2010
11827
Naisto said:
Here's my old list I've been using for a while:

note - you will have to change the banner image to something else, but I'll leave that up to you.




Wow really nice, thanks for donating. I like the color choices alot

@elkensteyin

here is your test notification as you requested
Shishio-kunMar 8, 2016 6:59 PM
Mar 10, 2016 2:21 PM

Offline
Aug 2015
984
**UPDATED**

Some people on r/anime wanted me to post my Oregairu - Yukinoshita CSS anime list layout so I'll just post it here.

Font requiring load unsafe scripts fixed and removed unused music mod [2/11/2018]
Snow effect fixed. Credit to this thread. [10/15/2017]
v3 out with a big overhaul.
Update includes:
-Moved the list to the left as per suggestion.
-Moved the category buttons to the left including brand new designs featuring solely on Yukinoshita.
-Top bar replaced with a new (simpler) one.
-Credits removed.

(Cover picture and hover tags included. You'll have to remove the code if you yourself don't want them. They have been labelled accordingly.







Version 1 removed.
_Kairu_Feb 11, 2018 9:14 PM
Mar 18, 2016 5:26 PM

Offline
Jul 2015
1769
FlameSpeedster said:
Some people on r/anime wanted me to post my Oregairu - Yukinoshita CSS anime list layout so I'll just post it here.
Preview:



Animated preview:


(Note that you'll have to either remove the speech bubble, replace it or modify it for your list.)
Code:


Version without the music mod:


Live preview.

Credit belongs to isaychris for the music mod and credits code. The snow effect belongs to Hahaido.

it's really beautiful! Good job :D
Apr 17, 2016 5:31 AM
Offline
Nov 2014
100
Shishio-kun said:
@Takana_no_Hana
@Divenire
@Vaisar

Thanks for donating these lovely designs to everyone, I've added them to this big premade layouts topic:
http://myanimelist.net/forum/?topicid=318587#msg37396975

@Shishio-kun Hm Can i have my animelist layout removed from the premade layouts topic?Now when i think about it,it isn't well made.
VaisarApr 17, 2016 5:41 AM
May 5, 2016 10:47 AM

Offline
Dec 2012
2736
Classic list donation, clannad theme.

this is one I made ages ago for myself, I thought I'd be nice and share since a couple of people have asked for it. Feel free to edit it however you want to!

Pastebin link: http://pastebin.com/5pUUG4sh

Css is the spoiler tag if you don't like pastebin



May 7, 2016 3:24 AM

Offline
Dec 2012
2736
So I decided to make a modern theme!



I used MAL's cover image uploading system so you'll have to upload http://imgur.com/16CXlFc as the lists cover image.
everything else is hosted on imgur so it won't go down (again!)


CSS in spoiler (EDIT: IF YOU GOT BEFORE 31/8/2018 I MADE A TERRIBLE MISTAKE AND YOU SHOULD REDOWNLOAD!)


PS idk if it matters what theme you use but I used MAL's default modern theme.
TurnipAug 31, 2018 12:26 AM



May 21, 2016 10:25 AM

Offline
Sep 2015
607
I made a sakura trick layout because we don't have one here. There are two seperate layouts for manga and anime.




Feel free to re-host or edit this if you wish. If any of the links die just pm me and I will fix them.
Jun 13, 2016 2:35 PM

Offline
Jan 2015
1405
Here is my old layout. Chrno Crusade theme.




Jun 25, 2016 11:20 AM

Offline
Jul 2015
144
Miketsukami-kun said:
I'm donatiing my last layout, it's not an original layout it's actually a variation of u531355 Square Layout using Mahou Shoujo Lyrical Nanoha as the theme.

Fate H. Testarossa Layout


Code


Takamachi Nanoha Layout


Code


The 1st is anime list and second is manga list but can be changed just changing the 1st import link.


The title images of the animes are not showing up
how do I fix that?

Jul 7, 2016 3:17 PM

Offline
Jul 2013
2
Re:Zero. Classic template.
Recommended - >1440x900, but it works well with other resolutions too.

Preview:
or just can try it here

Columns settings:
☐ numbers
β˜‘ score
β˜‘ type
β˜‘ episodes
☐ rating
☐ start/end dates
☐ total days watched
☐ storage
☐ tags
☐ priority

CSS for import:
@import url(https://dl.dropboxusercontent.com/s/fmuxi4zuwxep30k/rezero.aadm.css);{}
Jul 16, 2016 6:07 PM

Offline
Aug 2015
984
xvote said:
Re:Zero. Classic template.
Recommended - >1440x900, but it works well with other resolutions too.

Preview:

Columns settings:

CSS for import:
@import url(https://dl.dropboxusercontent.com/s/fmuxi4zuwxep30k/rezero.aadm.css);{}

Really nice layout. I ended up modifying it too:
Aug 31, 2016 7:56 PM

Offline
Feb 2010
11827
Turnip said:
Classic list donation, clannad theme.

this is one I made ages ago for myself, I thought I'd be nice and share since a couple of people have asked for it. Feel free to edit it however you want to!

Pastebin link: http://pastebin.com/5pUUG4sh

Css is the spoiler tag if you don't like pastebin
xvote said:
Re:Zero. Classic template.
Recommended - >1440x900, but it works well with other resolutions too.

Preview:

Columns settings:

CSS for import:
@import url(https://dl.dropboxusercontent.com/s/fmuxi4zuwxep30k/rezero.aadm.css);{}
Ari_the_Lioness said:
Here is my old layout. Chrno Crusade theme.




Aoi_Yui said:
I made a sakura trick layout because we don't have one here. There are two seperate layouts for manga and anime.




Feel free to re-host or edit this if you wish. If any of the links die just pm me and I will fix them.




https://myanimelist.net/forum/?topicid=318587#msg37396975
Thanks for your donations, I've added them to the classic list layouts!
Aug 31, 2016 7:59 PM

Offline
Feb 2010
11827
Turnip said:
So I decided to make a modern theme!



I used MAL's cover image uploading system so you'll have to upload http://imgur.com/16CXlFc as the lists cover image.
everything else is hosted on imgur so it won't go down (again!)


CSS in spoiler


PS idk if it matters what theme you use but I used MAL's default modern theme.


Thanks for the donation, I've added it to the modern layouts list and front page!
Sep 5, 2016 4:56 PM

Offline
Sep 2015
607



https://myanimelist.net/forum/?topicid=318587#msg37396975
Thanks for your donations, I've added them to the classic list layouts![/quote]

Wow, my first shot made it onto the page, I feel proud. Thanks!
Sep 17, 2016 3:21 AM

Offline
Jul 2013
645
Toradora layout
http://imgur.com/a/G88oY

Anime layout


Manga layout
KawaiiCuteSep 20, 2016 10:22 AM
Sep 26, 2016 3:15 PM
Offline
Jul 2011
26
I think I'm done messing around with my list!! It's styled after AniList's covers, except it's on MAL for people who like to tag their entries (something AniList lacks).

Code
Navigate to the modern list style settings and make sure "Show cover image" is set to "No".
Paste the code below. Change "YourUsername" to your username so the covers will display.
@import '//fonts.googleapis.com/css?family=Montserrat:400, 700';
@import '//mal-image.appspot.com/all/YourUsername/?code=.data.image%20a%5Bhref%5E%3D%22%2F%5BTYPE%5D%2F%5BID%5D%2F%22%5D%20%7B%20background%3A%20url(%5BURL%5D)%3B%20%7D%0A.data.image%20a%5Bhref%5E%3D%22%2F%5BTYPE%5D%2F%5BID%5D%2F%22%5D%20img%20%7B%20display%3A%20none%3B%20%7D';

Then either import (code below) or copy the entire code HERE to modify to your liking
@import '//dl.dropboxusercontent.com/s/ogdydq0s5begdc0/mal.css';

Tick Settings

Features/Extras/FAQ/Credits
RuriSep 29, 2016 3:53 PM
Oct 12, 2016 12:01 PM

Offline
Jul 2015
4
I edited one from SylakentH. I like this one because it's very easy to customize.


Preview:



Anime:



Manga:



Feel free to use it :D
masztemDec 6, 2018 6:04 AM
Oct 23, 2016 11:32 PM

Offline
Apr 2008
408
Here's a simple minimalist version of the default list



Click for live preview

Code/CSS



How to reposition the list



How to change the background

byoushinOct 26, 2016 4:14 AM
Oct 27, 2016 10:52 AM

Offline
Jan 2015
1405
My old Fullmetal Alchemist anime list design

Image:



Code:
Nov 12, 2016 1:46 AM
Offline
Sep 2016
3
archangeltr said:
i modified this using your guides.
thanks for guides and feel free to use if you like

preview:

code:
The anime thumbnails doesnt work
Nov 14, 2016 10:54 AM

Offline
Sep 2010
703


code:


Inspired by Naisto
Nov 15, 2016 8:19 AM

Offline
Feb 2015
27
I donate mine
Full details
Check it on my profil


@import url(https://dl.dropboxusercontent.com/s/rb3u7rzaxi67quz/Traditional%20Orient%20MAL.css)
Nov 17, 2016 8:08 PM
Offline
Jul 2015
5
So a while ago I found this Hunter X Hunter theme which I liked the look of, but needed a lot of work. Here is the code for my updated 2.0 version for it:

(I would link to the original guys layout but sadly it was so long ago I have no clue where i found it)



FinnMontNov 17, 2016 8:16 PM
Nov 22, 2016 5:13 AM

Offline
Nov 2009
1632
I'm donating my newest layout(MODERN CSS). This is a layout I specifically made for Violet Evergarden

I had fun making this, by combining gif images with a matching color theme (primarily black and white).


LIVE Demo
The demo will only be up for a short time cause the style might changes




    Note that:
  • When hovering on any status button (watching, completed, dropped and so on), a matching gif image will appear in place of a still black & white image
  • Improve the look from my Shelter Style layout.



Takana_no_HanaNov 22, 2016 5:29 AM
Dec 17, 2016 5:30 PM

Offline
Jan 2015
1405
Sailor Moon Anime list layout. *classic*



Code:




Edit: Changed background to clearer image.
ArillionDec 20, 2016 9:55 AM
Jan 19, 2017 6:00 AM

Offline
Oct 2014
68
Naisto said:
Here's my old list I've been using for a while:

note - you will have to change the banner image to something else, but I'll leave that up to you.




I really liked your theme and how you did your list (One of my favorite artists) so I just wanted to let you know I kinda "remade" (basically change some colors and the picture imports so nothing that big) it to my own liking. Thanks a lot for sharing your MAL css!
FrosolfJan 19, 2017 6:07 AM
Feb 6, 2017 2:33 PM

Offline
Jan 2017
124
I really enjoy simple designs and this layout that I'm currently using was one of the premade layouts provided in Shishio-kun's starter layouts thread; you can grab the code for the original here.

As much as I enjoyed it, it wasn't quite right so I put my own spin on it, I ended up taking the colors from another one of the layouts and modifying the layout's code.

Since I took his code I feel like I should at least post what I did with it; it comes with new comments and notes that I wrote down while I was editing (I had no CSS experience prior to this).

This is the (pretty simple) code and I hope somebody who is also new will find their way to it and will be able to use it to learn just like I did.

Eventually I will go through and trim some more of the fat but I'm still a noob after all.

Here is an updated code that doesn't have the annoying comments, easy to edit cursor and font, and is much more condensed.
DankensteinFeb 7, 2017 2:47 PM
Feb 7, 2017 3:38 PM

Offline
Jul 2013
1503
Sakurasou no pet na Kanojo list layout



this layout has not made by me, it had some issues with background image and some other images all I did was re-uploading those images.
this layout is for classic lists only.
TaLoN_senpaiFeb 7, 2017 10:53 PM
Feb 9, 2017 2:18 PM

Offline
Feb 2008
61
Ushioo said:
Donating my current anime list:



Code:


Feel free to change the list as you like.



Thanks for donating this, I love it! . I have install your Saiyuki layout but i have some minor problems ... the options for home -profile logout etc.. does not fit well on the screen it's on option over the other . Also how can i change the color for these options ? white is too bright. I can barely see them with that background image ..
PrincessSerenityFeb 9, 2017 2:36 PM
Apr 3, 2017 3:00 PM

Offline
Sep 2012
5
xvote said:
Re:Zero. Classic template.
Recommended - >1440x900, but it works well with other resolutions too.

Preview:

Columns settings:

CSS for import:
@import url(https://dl.dropboxusercontent.com/s/fmuxi4zuwxep30k/rezero.aadm.css);{}


Thank you for the theme
I ended up modifying it too:



icat-Apr 3, 2017 3:03 PM
Apr 14, 2017 6:58 PM
Offline
Nov 2015
444
xvote said:
Re:Zero. Classic template.
Recommended - >1440x900, but it works well with other resolutions too.

Preview:

Columns settings:

CSS for import:
@import url(https://dl.dropboxusercontent.com/s/fmuxi4zuwxep30k/rezero.aadm.css);{}

beautiful layout <3 on my computer some of the words overlap though, what should do?
Apr 20, 2017 12:38 AM
Offline
Jul 2018
564084


Sharing my Barakamon classic layout. All credits goes to 5cm.

IMPORTANT: To make it work just change my username to yours on several places within the code.

https://pastebin.com/Hj9XYHPe
May 7, 2017 6:51 PM

Offline
Oct 2014
306
Mawaru Penguindrum layout



Anime layout




Manga layout
FrizouwMay 7, 2017 7:55 PM
Jun 7, 2017 5:05 PM

Offline
Jan 2015
1405
Here is a layout I can donate. I've had this layout for a while but I'm changing my layout so I want to donate this one.
It has an image preview but the images stopped showing up but that's an easy fix



Code:

Jun 13, 2017 6:02 PM

Offline
Nov 2011
13
I'm donating my minimalistic poster style for the classic layout.
There might be a bug or two here and there due to me being quite the sloppy coder :P

Here's a preview of the style.


Here is what you're gonna need to put in your style:

Variant version in which most information such as episode count and score is hidden until you hover the title:

I'm currently using malcat's autodetect feature for cover generation so it should work for everyone on both anime and manga lists.

List information this style can display:

Enjoy :)

Edit (19-Jun-17):
I fixed a problem with the importing of covers, seems the new version of chrome did not like me :(
SubsofaJun 21, 2017 6:01 AM
I'm already doing it.
Jun 24, 2017 11:03 AM

Offline
Jan 2012
58
Hope you guys enjoy.

Note* For the covers to work correctly, change my username to your own in the mal-image import.


Fundamental V1 - Dark (clickable)



Usage:
@import url('https://mal-image.appspot.com/all/isaychris');
@import url('https://isaychris.github.io/themes/fundamental/v1.3/dark/layout.css');

/* Avatar */
#inlineContent {
  background-image: url('https://myanimelist.cdn-dena.com/images/userimages/1117293.jpg');
}

/* User tag */
#inlineContent:after {
  content: "iSayChris";
}



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


Fundamental V1 - Light (clickable)



Usage:
@import url('https://mal-image.appspot.com/all/isaychris');
@import url('https://isaychris.github.io/themes/fundamental/v1.3/light/layout.css');

/* Avatar */
#inlineContent {
  background-image: url('https://myanimelist.cdn-dena.com/images/userimages/1117293.jpg');
}

/* User tag */
#inlineContent:after {
  content: "iSayChris";
}



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


Current V1



Usage:
@import url('https://mal-image.appspot.com/all/isaychris');
@import url('https://isaychris.github.io/themes/current/layout.css');

/* Banner */
#list_surround::before {
  background-image: url("http://i.imgur.com/lxDniKJ.gif");
}

/* User tag */
#inlineContent::before {
  content: "水に桁す";
}

Jun 27, 2017 2:24 PM
Offline
Oct 2016
1
_Kairu_ said:
**UPDATED**

Some people on r/anime wanted me to post my Oregairu - Yukinoshita CSS anime list layout so I'll just post it here.

v3 out with a big overhaul.
Update includes:
-Moved the list to the left as per suggestion.
-Moved the category buttons to the left including brand new designs featuring solely on Yukinoshita.
-Top bar replaced with a new (simpler) one.
-Credits removed.

(Cover picture and hover tags included. You'll have to remove the code if you yourself don't want them. They have been labelled accordingly.







Version 1 removed.




Hello! I wanted to show my Gangsta Layout. Thanks to @_Kairu_ it was possible to create this piece of "art". I wanted to thank _Kairu_ and inspire people to use this Layout, I really like it!



Jun 27, 2017 2:32 PM

Offline
Aug 2015
984
itspiritedaway said:

Hello! I wanted to show my Gangsta Layout. Thanks to @_Kairu_ it was possible to create this piece of "art". I wanted to thank _Kairu_ and inspire people to use this Layout, I really like it!



Your layout is looking nice. My layout is actually just a heavily modified version of an SAO layout from here though so I'm giving credit where credit is due.
Jul 11, 2017 6:58 AM

Offline
Mar 2012
2154
FIXED all of my old donated layouts codes broken links and donating a few NEW LAYOUTS!

Hunter x Hunter layout



anime list code

Kara no Kyoukai layout



anime list code

manga list code

background version without character if anyone needs

Slayers layout

- FOR ANIME PREVIEW, - FOR MANGA PREVIEW

anime list code

manga list code


Detective Conan layout



anime list code

manga list code

Yume Nikki layout. With animated scrollbar.



anime list code

manga list code

Tokyo Babylon layout



anime list code

X 1999 layout

(this layout is with covers too)

manga list code
NarushistoJul 11, 2017 10:53 AM
Jul 11, 2017 7:25 AM

Offline
Feb 2010
11827
Narushisto said:
FIXED all of my old donated layouts codes broken links and donating a few NEW LAYOUTS!

Hunter x Hunter layout



anime list code

Kara no Kyoukai layout



anime list code

manga list code

Slayers layout

- FOR ANIME PREVIEW, - FOR MANGA PREVIEW

anime list code

manga list code


Detective Conan layout



anime list code

manga list code

Yume Nikki layout. With animated scrollbar.



anime list code

manga list code

Tokyo Babylon layout



anime list code

X 1999 layout

(this layout is with covers too)

manga list code


Naru!!!!! It's good to see you again thanks for the donation :D
Jul 11, 2017 9:36 AM

Offline
Mar 2012
2154
@Shishio-kun glad my simple editing of existing list styles is not a bother, and I do intend to keep my layouts alive. And the small preview images I made in the same format you use in the layout listings in case they're needed.
Oct 19, 2017 11:27 AM

Offline
Jul 2013
133
As promised, donating my Made in Abyss layout (Based on classic MAL design).
Preview (clickable):

Recommended settings :
Numbers
Score
Type
Episodes

The code :
Reminder : THIS IS A CLASSIC LAYOUT, not a modern one!
https://noblueskydropfiles.github.io/animelist_MIA_newmenu.css
NoblueskyOct 20, 2017 11:14 AM
Nov 27, 2017 11:50 PM

Offline
Jan 2015
44
_Kairu_ said:
**UPDATED**

Some people on r/anime wanted me to post my Oregairu - Yukinoshita CSS anime list layout so I'll just post it here.

Snow effect fixed. Credit to this thread. [10/15/2017]
v3 out with a big overhaul.
Update includes:
-Moved the list to the left as per suggestion.
-Moved the category buttons to the left including brand new designs featuring solely on Yukinoshita.
-Top bar replaced with a new (simpler) one.
-Credits removed.

(Cover picture and hover tags included. You'll have to remove the code if you yourself don't want them. They have been labelled accordingly.







Version 1 removed.


_____________

Just wanted to share what i scrapped together thanks to your work, thank you :)



Jan 7, 2018 6:31 AM
Offline
Jul 2017
5
_Kairu_ said:
**UPDATED**

Some people on r/anime wanted me to post my Oregairu - Yukinoshita CSS anime list layout so I'll just post it here.

Snow effect fixed. Credit to this thread. [10/15/2017]
v3 out with a big overhaul.
Update includes:
-Moved the list to the left as per suggestion.
-Moved the category buttons to the left including brand new designs featuring solely on Yukinoshita.
-Top bar replaced with a new (simpler) one.
-Credits removed.

(Cover picture and hover tags included. You'll have to remove the code if you yourself don't want them. They have been labelled accordingly.







Version 1 removed.


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

Also just wanted to share this Christmas themed One Piece themed layout/design that I made thanks to Kairu's codes. :D

Jan 7, 2018 12:11 PM

Offline
Feb 2010
11827
Young_Blood said:
_Kairu_ said:
**UPDATED**

Some people on r/anime wanted me to post my Oregairu - Yukinoshita CSS anime list layout so I'll just post it here.

Snow effect fixed. Credit to this thread. [10/15/2017]
v3 out with a big overhaul.
Update includes:
-Moved the list to the left as per suggestion.
-Moved the category buttons to the left including brand new designs featuring solely on Yukinoshita.
-Top bar replaced with a new (simpler) one.
-Credits removed.

(Cover picture and hover tags included. You'll have to remove the code if you yourself don't want them. They have been labelled accordingly.







Version 1 removed.


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

Also just wanted to share this Christmas themed One Piece themed layout/design that I made thanks to Kairu's codes. :D



Thank you!
Mar 8, 2018 12:58 PM

Offline
Oct 2015
245
It's a really simple profile, but I ended up liking it so I decided to share it, since I bet there are other Yurio fans here ^^


aliyn89Mar 17, 2018 6:42 AM
Mar 21, 2018 12:18 PM

Offline
Feb 2010
11827
aliyn89 said:
It's a really simple profile, but I ended up liking it so I decided to share it, since I bet there are other Yurio fans here ^^




Oh wow a profile donation, thanks! This is beautiful btw.

I love wintry stuff too so I'll save this for my personal collection as well
Reply Disabled for Non-Club Members
Pages (9) « First ... « 4 5 [6] 7 8 » ... Last »

More topics from this board

» [BBCode] Font Awesome Guide

hideso - Dec 25, 2023

6 by Shishio-kun »»
Today, 12:26 AM

Sticky: » πŸ’š [REPAIR STICKY] Repair/speed up a design + Request a layout fix

Shishio-kun - Nov 17, 2023

33 by Shishio-kun »»
Yesterday, 11:42 PM

» [CSS - Modern] πŸ› οΈ Tweaks for lists -- Horizontal tags, descriptions, category-coloured text, accent colour, and more.

Valerio_Lyndon - Oct 24, 2019

20 by IridescentJaune »»
Nov 22, 10:58 PM

» ✳️ Bunkasai 2024 List Design and Graphic Design contests are OPEN

Shishio-kun - Nov 18

2 by Shishio-kun »»
Nov 18, 5:01 AM

Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templates

Shishio-kun - Feb 16, 2023

29 by floral_sacrifice »»
Nov 15, 10:24 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login