Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (8) « First ... « 4 5 [6] 7 8 »
Mar 10, 2023 12:29 PM

Offline
Feb 2010
12661
omoe said:


Made an Akira themed version of this skin just for fun and personal use, if anyone is interested...
Copy the code here

Works even when removing the grayscale code for the images coz I actually made gray thumbnails not knowing at the time that there was code for it.

Know that it does work without the grayscale code, but the code also turns the text on the pictures gray so I left it in as it's nicer with gray text.

The skin is basically exactly the same as the one shown in the video for customizing this skin, the only thing I changed in the end are the pictures including the cursor, the fonts and font sizes, I only have 2 imported fonts added in the above code and even left the old fonts in there, but I removed the fonts in my layout today, it doesn't need to import anything that isn't used, I guess that's cleaner.

I made the bottom right png render myself because I couldn't find a suitable Akira render online, so that took a little time, but I'm very satisfied with the result. However I did upload a render that I found later on that might be interesting as replacement or even as a second one for the left side (https://images2.imgbox.com/2c/b7/Uel3VS9a_o.png), feel free to use it, you might want to resize it, I didn't change the original size as I did with the render I made.

One thing I noticed in your video is that you simply put 2x gifs for each button which differs from the originally provided version in that your changed One Piece version would have continuously animating pictures even when not hovering over the pictures, I actually made grayscale picture of the first frame of the gifs, but I could have just left them in color.

BTW, thanks a lot for sharing this skin and showing how to customize it, I like it a lot.


Thanks for the donated layout and feedback. I am redoing this whole topic and video for it, so I will try to keep that in mind!
Mar 11, 2023 4:05 AM

Offline
Jul 2022
10
Shishio-kun said:

Good job and thank you for updating your post! :D


No problem btw is there any way to limit the genre to 3 only
Im getting this problem whenever the genre are more than three
Well, well, well...look who decided to grace us with their presence! Hello, my friend.

Mar 11, 2023 6:17 AM

Offline
Feb 2010
12661
Exonymos said:
Shishio-kun said:

Good job and thank you for updating your post! :D


No problem btw is there any way to limit the genre to 3 only
Im getting this problem whenever the genre are more than three


Try adding this to the bottom of your CSS edit box. Overflow could also be set to auto instead of hidden, if you want to scroll through the genres.

.data.genre {
max-height: 54px !important;
overflow: hidden !important;
}


Mar 11, 2023 6:25 AM

Offline
Jul 2022
10
Shishio-kun said:
Exonymos said:


No problem btw is there any way to limit the genre to 3 only
Im getting this problem whenever the genre are more than three


Try adding this to the bottom of your CSS edit box. Overflow could also be set to auto instead of hidden, if you want to scroll through the genres.

.data.genre {
max-height: 54px !important;
overflow: hidden !important;
}



Thanks bro its worked
Well, well, well...look who decided to grace us with their presence! Hello, my friend.

Mar 14, 2023 10:22 AM

Offline
Feb 2010
12661
Backup codes for MAL

Grid Style 1 (custom codes only)
You need the original layout cods (2 posts down) to make this work. You should also add the 2021 and 2023 changes as they update the original.

Shishio-kunMar 20, 2023 8:44 PM
Mar 14, 2023 10:23 AM

Offline
Feb 2010
12661
Backup codes for MAL

Grid Style 5 (custom codes only)

You need the original layout cods (2 posts down) to make this work. You should also add the 2021 and 2023 changes as they update the original.

Shishio-kunMar 20, 2023 8:45 PM
Mar 14, 2023 10:24 AM

Offline
Feb 2010
12661
Backup codes for MAL

Original Layout

A CSS formatter will decompress these codes so they are more readable.
https://www.cleancss.com/css-beautify/


Shishio-kunMar 14, 2023 10:32 AM
Mar 14, 2023 10:25 AM

Offline
Feb 2010
12661
Backup codes for MAL

2021 Changes

A CSS formatter will decompress these codes so they are more readable.
https://www.cleancss.com/css-beautify/

Shishio-kunMar 14, 2023 10:31 AM
Mar 14, 2023 10:26 AM

Offline
Feb 2010
12661
Backup codes for MAL

2023 Changes

Shishio-kunMar 14, 2023 10:31 AM
Mar 18, 2023 4:45 AM

Offline
Sep 2021
39
how do i turn the characters or 'renders on the side' into assisstants with that speech bubble?








𝘓𝘌𝘛𝘚 𝘋𝘖 𝘚𝘛𝘌𝘙𝘖𝘐𝘋𝘚 (`∀´)Ψ
Mar 18, 2023 7:34 AM

Offline
Feb 2010
12661
Siba_Suibian said:
how do i turn the characters or 'renders on the side' into assisstants with that speech bubble?


Use this topic
https://myanimelist.net/forum/?topicid=1922650
You don't have tags turned on, so you'd have to do that first and fill in some tags for them to say. Follow all the instructions carefully

Turn tags on here
https://myanimelist.net/editprofile.php?go=listpreferences

If you put the assistants codes in your layout + have tags on and it still doesn't work link your layout here so we can see why they aren't working.
Shishio-kunMar 18, 2023 7:39 AM
Mar 22, 2023 5:31 AM
Offline
Oct 2022
2
Shishio-kun said:
333anime said:
How can I change the banner avatar on each page, I tried doing it and it didn't work

Your list doesn't load for me, so I can't see if there's a fix. You'll have to let us know exactly what layout code you were using and what image links you were trying to use (links to the images on Imgur would be helpful).

[url=https://myanimelist.net/animelist/333anime[/url]
[url=https://myanimelist.net/mangalist/333anime[/url]
333animeMar 22, 2023 5:40 AM
Mar 22, 2023 8:36 AM

Offline
Feb 2010
12661
333anime said:
Shishio-kun said:

Your list doesn't load for me, so I can't see if there's a fix. You'll have to let us know exactly what layout code you were using and what image links you were trying to use (links to the images on Imgur would be helpful).

[url=https://myanimelist.net/animelist/333anime[/url]
[url=https://myanimelist.net/mangalist/333anime[/url]


Layouts are looking good and almost complete!

I see all the banner avatars changed, is it not showing for you?


The all anime button on your layout isnt displaying images, but the others are fine, All Anime Button needs to be something like this

/*ALL ANIME BANNER BUTTON*/
.status-button.all_anime {
	background-image: url(https://imgur.com/23eG193.jpg);
}
.status-button.all_anime:hover,.status-button.all_anime.on {
	background-image: url(https://imgur.com/qlNA0mG.gif);
}



You should also change the imports at the top so they have your username, like below, the default imports will lag the layout hard
 {IMPORTANT:
Change "SpaceCowboy" and 
"DateYutaka" to your MyAnimeList username in the next two imports under this section. That will personalize HD preview pics and you should get a faster/smoother load time. The two imports begin with 
@/import and are at lines 10 and 12 below.

If needed, fix preview pics and layout problems with this topic:
https://myanimelist.net/forum/?topicid=439897  
}


Wallpaper on the all manga page should be switched too its not working. I would recommend also posting your CSS here if there's more specific problems then we can look at the Imgur links youre using
https://pastebin.com/
Mar 29, 2023 7:00 AM

Offline
Sep 2021
39
is it possible to have this  and this look at the same time...? 








𝘓𝘌𝘛𝘚 𝘋𝘖 𝘚𝘛𝘌𝘙𝘖𝘐𝘋𝘚 (`∀´)Ψ
Mar 29, 2023 8:50 AM

Offline
Feb 2010
12661
Siba_Suibian said:
is it possible to have this  and this look at the same time...? 


Yes, you'd have to find and separate the codes for the header and also for the rows. One way you could do this would be to use inspect element in Firefox (a live editor) and just delete everything from Clarity CSS until you have just the rows then do the same for the Takana grid headers. Combine them and then decide what other layout codes you want. It'd be a huge pain, probably.
Mar 29, 2023 11:36 PM
平沢唯

Offline
Dec 2016
2206
Siba_Suibian said:
is it possible to have this  and this look at the same time...? 

I did this for someone else a couple of years ago, although it's quite out of date now and doesn't support many of the newer features. I don't have time to redo it at the present moment but the list columns etc. that have been there for years should still work and at the very least it shows you how it's done.
Valerio_Lyndon said:
CameronMZ said:
I guess the status menu and the entire surrounding theme, since I can always change the background picture and transparency of the list items if I want to switch things up. Honestly, thank you so so much I know this is a lot and I'm really freaking excited.

Try this out, see if it's something like you were thinking. Here's the code: [Code]


This version uses the light colours, but to change it to dark you could find the variables section (CTRL+F to search for "CLARITY INSERT" in the code) and copy-paste the variables from Clarity's Dark Mode. These variables can be used to overwrite the others in the code (found at line ~1782) or just pasted below. You can also modify any of these variables. For instance, for transparent list rows you could change --bg from "#212121" to "rgba(0,0,0,0.5)".


This will probably work with many of the mods from the Clarity forum thread, but some may need tweaking.

If you are curious, here's a video of me editing the themes together (~20 minutes). Not sure how useful it will prove but it exists nonetheless.
Apr 12, 2023 7:43 AM
Offline
Jul 2022
8

Today was an update that added a black theme to the site and now the background images don't work. MAL needs to fix this or do you need to update the CSS code?
Apr 12, 2023 9:01 AM

Offline
Feb 2010
12661
Czerifoo said:

Today was an update that added a black theme to the site and now the background images don't work. MAL needs to fix this or do you need to update the CSS code?


I have a fix, will mass message it to all club members later along with others maybe
Apr 12, 2023 9:03 AM
Offline
Jul 2022
8
Shishio-kun said:
Czerifoo said:

Today was an update that added a black theme to the site and now the background images don't work. MAL needs to fix this or do you need to update the CSS code?


I have a fix, will mass message it to all club members later along with others maybe
okay, i'll be waiting
Apr 12, 2023 1:03 PM

Offline
Feb 2010
12661
Czerifoo said:
Shishio-kun said:


I have a fix, will mass message it to all club members later along with others maybe
okay, i'll be waiting


Solution for your issue is here under the Takana grid fix
https://myanimelist.net/forum/?topicid=2087636
May 14, 2023 7:43 AM

Offline
Jun 2021
15
Helloo^
I can't change the background of my list. How can i change it?
May 14, 2023 9:28 AM
平沢唯

Offline
Dec 2016
2206
PhonPhon said:
Helloo^
I can't change the background of my list. How can i change it?

You don't seem to be using any custom CSS right now, so you can change it with the built-in background image uploader on your style page.


If you have a specific custom theme that you want help with then you'll have to specify since you don't have any on your list right now.
May 14, 2023 11:07 AM

Offline
Jun 2021
15
I am so sorry (┬┬﹏┬┬). 

I was using the default theme for now because I couldn't change the color (ಥ _ ಥ). I'm using a css theme and I couldn't change its color, can you tell me what to do? (now i changed my list to the css i use)
Valerio_Lyndon said:
PhonPhon said:
Helloo^
I can't change the background of my list. How can i change it?

You don't seem to be using any custom CSS right now, so you can change it with the built-in background image uploader on your style page.


If you have a specific custom theme that you want help with then you'll have to specify since you don't have any on your list right now.
May 14, 2023 11:42 AM
平沢唯

Offline
Dec 2016
2206
PhonPhon said:
I am so sorry (┬┬﹏┬┬). 

I was using the default theme for now because I couldn't change the color (ಥ _ ಥ). I'm using a css theme and I couldn't change its color, can you tell me what to do? (now i changed my list to the css i use)

Ah, I happen to be familiar with that list. :)

To change the background colour, you can modify the variable "--pbg" and use any valid CSS color. To do so, add this to the bottom of your code and change "yellow" to your desired colour.
body { --pbg: yellow }

Or if you want to change the background image, change the "--background" variable and give it a url() value. Example:
body { --background: url(https://i.imgur.com/VxXA9nt.jpg) }


If you need it, you can find more information about modifying the theme in the install guide: Here, specifically the "Change theme images and colours" page. If you need it later, the install guide is also linked from the forum thread.
Valerio_LyndonMay 14, 2023 11:47 AM
May 14, 2023 3:38 PM
Offline
Sep 2015
6
Hello! 
I'm using the Attack on Titan Layout , I like how the name of the anime appears once I hover the image but is it also possible to have the name appear at the top or bottom of the anime image aswell?
Makes it easier for me to find it

Thank you in advance!
 
May 14, 2023 6:46 PM
平沢唯

Offline
Dec 2016
2206
MochiMazui said:
Hello! 
I'm using the Attack on Titan Layout , I like how the name of the anime appears once I hover the image but is it also possible to have the name appear at the top or bottom of the anime image aswell?
Makes it easier for me to find it

Thank you in advance!

All code from this post should be added to the bottom of your Custom CSS section to be sure it applies.

You can show the titles by adding this code:
.list-table .list-table-data:not(:hover) .data.title .link {
	opacity: 1;
	bottom: 13px;
}


If you want to make it a bit easier to see, you can also add a text-shadow to the same code block (You can find a shadow generator: here). Here's a visual example of how to add that code:


Or you could add a background colour with this extra code:
.list-table-data:not(:hover) .title .link::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: -13px;
	bottom: -13px;
	width: 200px;
	height: calc(100% + 26px);
	background: rgba(5,5,5,0.8);
}


May 15, 2023 12:44 PM
Offline
Sep 2015
6
Valerio_Lyndon said:
.list-table .list-table-data:not(:hover) .data.title .link {
opacity: 1;
bottom: 13px;
}
Thank you very much!
 
May 21, 2023 2:48 PM
Offline
Aug 2018
101
Is it possible to make the preview covers larger to see them completely or at least remove the shading at the top?

May 22, 2023 9:05 PM
平沢唯

Offline
Dec 2016
2206
Sondo said:
Is it possible to make the preview covers larger to see them completely or at least remove the shading at the top?


For the images height, you could increase the height with some code such as in this spoiler...

.. but any image that is wider than you expect will then have the sides cut off. If you want to show the entirety of all images, all the time, then you'll have to change the fit/size of the images. That can be done with the code in this second spoiler.

To remove the shading, see below.
May 25, 2023 3:20 AM
Offline
Aug 2018
101
Thank you very much!
But I still have a question. Is it possible to remove the background behind the preview images? Especially with using custom preview pics it doesn't look good.

May 25, 2023 10:45 PM
平沢唯

Offline
Dec 2016
2206
Sondo said:
Thank you very much!
But I still have a question. Is it possible to remove the background behind the preview images? Especially with using custom preview pics it doesn't look good.


Sure, you can do that with this code:
/* remove fallback images */
.data.image img {
 display: none;
}
.data.image a::before {
 left: 0;
}


Just take note that this removes the default images in favour of the higher quality imported ones. This means if the cover image import ever fails, you will end up with no images until the import is replaced or you revert this change. Not a big deal but just so you know you can get lower quality images back by removing this code in the case of the images ever breaking.
Valerio_LyndonMay 26, 2023 3:50 PM
May 26, 2023 1:53 AM
Offline
Aug 2018
101
Thanks very much!
This improves my list a lot.
Jun 1, 2023 3:33 PM

Offline
Feb 2020
5
hello, the truth is a am vey grateful beacause now my list is more beautiful, greetings from LATAM
imgurimgurimgur
Jun 1, 2023 4:53 PM

Offline
Feb 2010
12661
@Sondo Thank you :D
Jun 1, 2023 4:58 PM

Offline
Feb 2010
12661
@mdd_sora Awesome!! Thanks! 😃
Jun 3, 2023 8:50 AM
Offline
Apr 2017
2
Hi, How can I remove the animation at the start in the TAKANA GRID-STYLE? (where the list rise from the bottom of the screen) And have it static like the standard list.
Jun 3, 2023 2:28 PM

Offline
Feb 2010
12661
AlbYSaN said:
Hi, How can I remove the animation at the start in the TAKANA GRID-STYLE? (where the list rise from the bottom of the screen) And have it static like the standard list.



Try adding this to the bottom of your CSS edit box and let me know if it works!



@keyframes intro{from{
    opacity:1;
    margin-top:0vh
    }
    
    16%{opacity:1;margin-top:0vh}
    
    to{opacity:1;margin-top:0px}}

.list-container{animation:intro 0s}




And that layout looks so good with those renders and that background 🥰️
Jun 3, 2023 4:06 PM
Offline
Apr 2017
2
Shishio-kun said:
AlbYSaN said:
Hi, How can I remove the animation at the start in the TAKANA GRID-STYLE? (where the list rise from the bottom of the screen) And have it static like the standard list.



Try adding this to the bottom of your CSS edit box and let me know if it works!



@keyframes intro{from{
    opacity:1;
    margin-top:0vh
    }
    
    16%{opacity:1;margin-top:0vh}
    
    to{opacity:1;margin-top:0px}}

.list-container{animation:intro 0s}




And that layout looks so good with those renders and that background 🥰️
Yes! It worked, thank you, now it's much faster to load and reactive.
And thanks for the compliments, I'm taking ages for choose the right pics aha.
Jun 5, 2023 3:16 PM
Offline
Apr 2020
1
Thank u so much ♥

Jun 6, 2023 7:47 AM

Offline
Jun 2021
15
Hello! I have a question again (。﹏。*) ... I'm using takana grind style 1 and when I hover over the anime with the mouse, the image on the small screen turns white, the same goes for my avatar. how can i fix this?
Jun 12, 2023 6:07 PM
平沢唯

Offline
Dec 2016
2206
PhonPhon said:
Hello! I have a question again (。﹏。*) ... I'm using takana grind style 1 and when I hover over the anime with the mouse, the image on the small screen turns white, the same goes for my avatar. how can i fix this?
While I hate to be unhelpful, I am unable to reproduce your issue and have not heard of that exact occurance before. Here's what it looks like to me:


As a general debug step, try updating the cover import near the top of the code. Find and delete the current 'auto' cover import:

And replace it with these two new lines that specify your username (one of these imports is for the animelist and the other is for the mangalist):
@\import "https://malscraper.azurewebsites.net/covers/anime/PhonPhon/presets/dataimagelinkbefore";
@\import "https://malscraper.azurewebsites.net/covers/manga/PhonPhon/presets/dataimagelinkbefore";


As for the avatar, I don't know what could cause that. If I understand correctly: the avatar image displays correctly until you hover an anime and then it goes blank?
Jun 21, 2023 2:58 AM

Offline
Jun 2021
15
Valerio_Lyndon said:
PhonPhon said:
Hello! I have a question again (。﹏。*) ... I'm using takana grind style 1 and when I hover over the anime with the mouse, the image on the small screen turns white, the same goes for my avatar. how can i fix this?
While I hate to be unhelpful, I am unable to reproduce your issue and have not heard of that exact occurance before. Here's what it looks like to me:


As a general debug step, try updating the cover import near the top of the code. Find and delete the current 'auto' cover import:

And replace it with these two new lines that specify your username (one of these imports is for the animelist and the other is for the mangalist):
@\import "https://malscraper.azurewebsites.net/covers/anime/PhonPhon/presets/dataimagelinkbefore";
@\import "https://malscraper.azurewebsites.net/covers/manga/PhonPhon/presets/dataimagelinkbefore";


As for the avatar, I don't know what could cause that. If I understand correctly: the avatar image displays correctly until you hover an anime and then it goes blank?
Oh sorry i fix it already (*/ω\*) Thank you anyway!!!!
Jun 30, 2023 4:44 AM
Offline
May 2023
17
Hello, is it possible to remove one of the categories (using the Takana Grid Style 3) (i want to completely remove the on hold category since i am not using it) and have only the other 5 categories.

Jun 30, 2023 11:49 AM

Offline
Feb 2010
12661
Tassos117 said:
Hello, is it possible to remove one of the categories (using the Takana Grid Style 3) (i want to completely remove the on hold category since i am not using it) and have only the other 5 categories.



Try this

a.status-button:nth-child(4){
display: none !important;}

Jun 30, 2023 11:50 PM
Offline
May 2023
17

Shishio-kun said:
Tassos117 said:
Hello, is it possible to remove one of the categories (using the Takana Grid Style 3) (i want to completely remove the on hold category since i am not using it) and have only the other 5 categories.



Try this


a.status-button:nth-child(4){
display: none !important;}

           
Thanks it worked, but the gap between "completed" and "plan to watch" is bigger that the others how can i fix that ?
I would also like to know if the category text(where it says ALL ANIME) can change on the banners.
Tassos117Jul 1, 2023 12:44 AM
Jul 1, 2023 11:37 AM

Offline
Feb 2010
12661
Tassos117 said:

Shishio-kun said:


Try this


a.status-button:nth-child(4){
display: none !important;}

           
Thanks it worked, but the gap between "completed" and "plan to watch" is bigger that the others how can i fix that ?
I would also like to know if the category text(where it says ALL ANIME) can change on the banners.



You can manually adjust the buttons with these codes (change the px amount to move it more or less left) all codes need to go at the bottom to overwrite the previous ones in case they conflict

a.status-button:nth-child(5){
left: 25px !important;;
}

a.status-button:nth-child(6){
left: 35px !important;;
}



For changing header text, you can use the codes on this page
https://myanimelist.net/forum/?topicid=1930157
Shishio-kunJul 1, 2023 3:25 PM
Aug 10, 2023 2:16 AM
Offline
May 2023
17
Hello again, i am using the  Takana Grid Style 3 template how can i change the picture that appears when you press the filters button ? 
Aug 11, 2023 3:32 PM
平沢唯

Offline
Dec 2016
2206
Tassos117 said:
Hello again, i am using the  Takana Grid Style 3 template how can i change the picture that appears when you press the filters button ? 

Add this code to the bottom of your CSS.
/* FILTER POPUP BACKGROUND IMAGE */
div#advanced-options {
	background-image: url(https://i.imgur.com/J2wYUZ4.jpeg) !important;
}

You can then change the link inside the parentheses of the url() text to whatever image URL you want.
Aug 15, 2023 3:24 PM
Offline
Jul 2018
561873
I would just like to thank you for the effort you provide for the community, thanks to you I have redone my anime list! I'm new to the site and I'm happy to see features to personalize my profile, can you tell me what you think? there is also the steam profile in which you can customize your profile. and that sounds familiar to me, thank you :)
Oct 31, 2023 6:24 PM
Offline
Mar 2020
2


video :https://i.imgur.com/guZDW6z.mp4

Learn tutorial edit




COPY CODE

Shishio-kunNov 1, 2023 5:21 AM
Reply Disabled for Non-Club Members
Pages (8) « First ... « 4 5 [6] 7 8 »

More topics from this board

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1261 by KiranaStarr »»
Aug 16, 5:48 PM

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

Shishio-kun - Mar 8, 2021

30 by Shishio-kun »»
Jul 28, 3:17 AM

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM

Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )

Shishio-kun - Nov 17, 2023

52 by LucaBalsa »»
Jul 6, 2:02 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login