| Hi guys, I just want to share a layout that I made. I wanted a layout that looked simple and pleasing to the eye. This is what I came up with. It comes in two versions, light and dark. I hope you guys like it :). *NOTE: - For the covers to work correctly, change my username to your own in the mal-image import. - For a version without covers, go here: https://myanimelist.net/forum/?topicid=1630701#msg51266377 - If you want to change the color of the header, add this to the bottom of the code and edit the colors in linear-gradient();
/* Header image*/
body:before {
background-image: url("https://isaychris.github.io/themes/fundamental/assets/pattern1.png"), url("https://isaychris.github.io/themes/fundamental/assets/pattern2.png"), linear-gradient(120deg, #155799, #159957);
}
Fundamental V1.3 - 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.3 - 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";
}
|
isaychrisJun 26, 2017 8:17 AM
| IN CONSTRUCTION Other Themes: Minimalist V6.1  Usage:
@import url('https://mal-image.appspot.com/all/isaychris');
@import url('https://isaychris.github.io/themes/minimal/v6.1/layout.css');
/* Background */
body {
background-attachment: fixed !important;
background-color: #f0f0f0 !important;
background-image: url("https://isaychris.github.io/themes/minimal/assets/background.png") !important;
background-repeat: repeat-x !important;
}
/* Banner */
:nth-child(5) .header_title {
background: rgba(255, 255, 255, 0) url("https://isaychris.github.io/themes/minimal/assets/banner.gif") no-repeat scroll center center / 100% 100%;
}
/* User tag */
:nth-child(5) .header_title::before {
content: "MyAnimeList";
}
-------------------------------------------------------------------------------------------- Sidebar V1  Usage:
@import url('https://mal-image.appspot.com/all/isaychris');
@import url('https://isaychris.github.io/sidebar/v1/layout.css');
/* Banner */
#list_surround::before {
background-image: url("https://isaychris.github.io/themes/sidebar/assets/banner.gif");
}
/* Avatar */
#inlineContent {
background-image: url("http://cdn.myanimelist.net/images/userimages/1117293.jpg");
}
-------------------------------------------------------------------------------------------- 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: "水に流す";
}
|
isaychrisJun 23, 2017 9:05 AM
| I always used your V1 layout when I was messing about with CSS but eventually turned to the modern layout when it was released but I'm really liking this new layout tons! Might end up switching back to classic. Really nice work! I love it :3 |
| hey, thank you :). |
| Thanks a lot for the awesome layout!!! |
| Hey guys. I realized that not all would want covers on their list, so heres version 1.3.1 Fundamental V1.3.1 - Light  Usage:
@import url('https://isaychris.github.io/themes/fundamental/v1.3.1/light/layout.css');
/* Avatar */
#inlineContent {
background-image: url('https://myanimelist.cdn-dena.com/images/userimages/1117293.jpg');
}
/* User tag */
#inlineContent:after {
content: "iSayChris";
}
----------------------------------------------------------- Fundamental V1.3.1 - Dark  Usage:
@import url('https://isaychris.github.io/themes/fundamental/v1.3.1/dark/layout.css');
/* Avatar */
#inlineContent {
background-image: url('https://myanimelist.cdn-dena.com/images/userimages/1117293.jpg');
}
/* User tag */
#inlineContent:after {
content: "iSayChris";
}
|
isaychrisJun 25, 2017 12:50 PM
| I'm really liking this new layout tons! Might end up switching back to classic. |
| I tried to install one of these, it all works fine except the little images next to the anime titles. Any solution? :o |
Grayroad said: I tried to install one of these, it all works fine except the little images next to the anime titles. Any solution? :o https://myanimelist.net/forum/?topicid=439897 check under How to fix missing or blurry preview pictures (covers, thumbnails, etc) |
Shishio-kun said: Grayroad said: I tried to install one of these, it all works fine except the little images next to the anime titles. Any solution? :o https://myanimelist.net/forum/?topicid=439897 check under How to fix missing or blurry preview pictures (covers, thumbnails, etc) ty kind man, resolved! |
Only question/problem I have is the cover pic sticking to the bottom, as you can see here:  You think there might be a way to make it stay in the center or possibly adjust to the height of the row? If you are still active I hope you might be able to help out, but either way this might just be te best list design out there imo, and I'll definetly stick with it for a while, amazing work! :) |
DimitrovN said: Only question/problem I have is the cover pic sticking to the bottom, as you can see here: You think there might be a way to make it stay in the center or possibly adjust to the height of the row? If you are still active I hope you might be able to help out, but either way this might just be te best list design out there imo, and I'll definetly stick with it for a while, amazing work! :) I fixed it by changing width in #list_surround to 940px. |
 |
More topics from this board
» How to Export/Backup Your Anime List Automatically! (TamperMonkey Script)hacker09 - May 18, 2020 |
7 |
by Vapor_AU
»»
Apr 26, 5:56 PM |
|
» The Poetry thread ( 1 2 3 4 5 )TheConquerer - Sep 17, 2015 |
220 |
by 707supremacist
»»
Apr 26, 5:42 PM |
|
» What software(s) and hardware(s) do you use for digital drawings?DesuMaiden - Apr 16 |
18 |
by 707supremacist
»»
Apr 26, 5:29 PM |
|
» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page )nin-tendo - Dec 16, 2022 |
363 |
by nin-tendo
»»
Apr 26, 12:25 PM |
|
» Protect or punish?DollzchanAi - Apr 18 |
4 |
by DollzchanAi
»»
Apr 25, 6:15 AM |