🌸[App - CSS] Easily customise your list design! Choose from over 80 themes. — Theme Customiser by V.L

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2197

Reply to MrAddict

@Valerio_Lyndon I'm not sure where I got the image link from since it was years ago. Even with recent images I tried to upload from the pc since it says to browse image for one. Usually I would just save as for these kinds of photos. Man, it's weird since I've had that background image for maybe 2 years now

@MrAddict I was wondering what the URL is that you're currently using for it though, since with the current information that seems like the culprit. You'll find it on line 21 of your CSS:

Perhaps rehosting the image to another website may work? For instance if you try changing the text inside the "url()" parentheses to this imgbb link I just uploaded: https://i.ibb.co/VVGsb7Z/mraddict.jpg

body { --background: url(https://i.ibb.co/VVGsb7Z/mraddict.jpg); }

Jan 17, 2024 9:22 PM

#52

MrAddict

Offline

Nov 2010

103

Reply to Valerio_Lyndon

@MrAddict I was wondering what the URL is that you're currently using for it though, since with the current information that seems like the culprit. You'll find it on line 21 of your CSS:

Perhaps rehosting the image to another website may work? For instance if you try changing the text inside the "url()" parentheses to this imgbb link I just uploaded: https://i.ibb.co/VVGsb7Z/mraddict.jpg

body { --background: url(https://i.ibb.co/VVGsb7Z/mraddict.jpg); }

omg...it finally works! Your method helped! THANK YOU!

"🇮‌🇹‌'🇸‌ 🇳‌🇴‌🇹‌ 🇱‌🇮‌🇰‌🇪‌ 🇮‌ 🇨‌🇦‌🇳‌'🇹‌ 🇹‌🇦‌🇱‌🇰‌ 🇹‌🇴‌ 🇵‌🇪‌🇴‌🇵‌🇱‌🇪‌. 🇮‌ 🇯‌🇺‌🇸‌🇹‌ 🇩‌🇴‌🇳‌'🇹‌ 🇮‌🇳‌🇩‌🇺‌🇱‌🇬‌🇪‌ 🇮‌🇳‌ 🇵‌🇴‌🇮‌🇳‌🇹‌🇱‌🇪‌🇸‌🇸‌ 🇸‌🇲‌🇦‌🇱‌🇱‌ 🇹‌🇦‌🇱‌🇰‌🇸‌."

Jan 17, 2024 9:29 PM

#53

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2197

Reply to MrAddict

omg...it finally works! Your method helped! THANK YOU!

@MrAddict Cool, glad that worked! Very curious that the URL failed directly while MAL's scraper bots managed to rehost it, but... we'll take it, odder stuff happens.

Jan 17, 2024 10:50 PM

#54

karmashizzle

Offline

Apr 2014

302

@MrAddict assuming you're planning to keep the image hover mod, it's not working properly cuz its missing the cover imports.
add to top:

@\import "https://malscraper.azurewebsites.net/covers/anime/MrAddict/presets/dataimagelinkbefore";
@\import "https://malscraper.azurewebsites.net/covers/manga/MrAddict/presets/dataimagelinkbefore";

A

M

S

Jan 17, 2024 10:59 PM

#55

MrAddict

Offline

Nov 2010

103

Reply to karmashizzle

@MrAddict assuming you're planning to keep the image hover mod, it's not working properly cuz its missing the cover imports.
add to top:

@\import "https://malscraper.azurewebsites.net/covers/anime/MrAddict/presets/dataimagelinkbefore";
@\import "https://malscraper.azurewebsites.net/covers/manga/MrAddict/presets/dataimagelinkbefore";

@karmashizzle omg, THANK YOU! I actually forgot this was a thing since I just gave up the first time I tried figuring it out few years ago!

"🇮‌🇹‌'🇸‌ 🇳‌🇴‌🇹‌ 🇱‌🇮‌🇰‌🇪‌ 🇮‌ 🇨‌🇦‌🇳‌'🇹‌ 🇹‌🇦‌🇱‌🇰‌ 🇹‌🇴‌ 🇵‌🇪‌🇴‌🇵‌🇱‌🇪‌. 🇮‌ 🇯‌🇺‌🇸‌🇹‌ 🇩‌🇴‌🇳‌'🇹‌ 🇮‌🇳‌🇩‌🇺‌🇱‌🇬‌🇪‌ 🇮‌🇳‌ 🇵‌🇴‌🇮‌🇳‌🇹‌🇱‌🇪‌🇸‌🇸‌ 🇸‌🇲‌🇦‌🇱‌🇱‌ 🇹‌🇦‌🇱‌🇰‌🇸‌."

Jan 18, 2024 7:22 AM

#56

Shishio-kun

Offline

Feb 2010

11905

Reply to Valerio_Lyndon

@MrAddict Cool, glad that worked! Very curious that the URL failed directly while MAL's scraper bots managed to rehost it, but... we'll take it, odder stuff happens.

@Valerio_Lyndon iirc the MAL hosted version stays on for a bit of time if the original is dead, so I think maybe we saw the MAL hosted version which was currently working and the version on his end (the original) was dead. Probably in some time, when the caches catch up or w/e, the MAL version would be dead too

Jan 18, 2024 8:37 AM

#57

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2197

Shishio-kun said:
@Valerio_Lyndon iirc the MAL hosted version stays on for a bit of time if the original is dead, so I think maybe we saw the MAL hosted version which was currently working and the version on his end (the original) was dead. Probably in some time, when the caches catch up or w/e, the MAL version would be dead too

Good point! Seems quite likely that's the case.

Jan 18, 2024 6:28 PM

#58

Hell0Worl6

Offline

Dec 2019

10

I wrote the code and all, but the tag isn't correct; it sort of creates another balloon... Could someone help me fix this? Here's my code.
It kind of separates the sentences when it was supposed to be just one speech bubble, you know? I'll take some screenshots and send them.
i'll send the code I'm providing below; I hope you can help me

/* Importação dos Estilos */
@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css";
@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Dark%20Mode%20Compressed.css";

/* Variáveis */
:root {
--background: url("https://i.imgur.com/FdlD04l.jpg"); /* Novo link de fundo */
--banner: url("https://i.imgur.com/1nAIbQa.jpg");
--character: none;
--avatar-all: url("https://i.imgur.com/vKuEsmu.gif");
--avatar-watching: url("https://i.imgur.com/PHgkpi4.gif");
--avatar-completed: url("https://i.imgur.com/McVKGyh.gif");
--avatar-onhold: url("https://i.imgur.com/CHNQhgb.gif");
--avatar-dropped: url("https://i.imgur.com/nGUNWhR.gif");
--avatar-planned: url("https://i.imgur.com/NtHU96X.gif");
}

/* Imagem do Personagem por Categoria */
/* Todos os Animes */
[data-query*='status":7'] {
--avatar: var(--avatar-all);
}
/* Assistindo/Lendo */
[data-query*='status":1'] {
--avatar: var(--avatar-watching);
}
/* Concluído */
[data-query*='status":2'] {
--avatar: var(--avatar-completed);
}
/* Em Espera */
[data-query*='status":3'] {
--avatar: var(--avatar-onhold);
}
/* Abandonado */
[data-query*='status":4'] {
--avatar: var(--avatar-dropped);
}
/* Planejado */
[data-query*='status":6'] {
--avatar: var(--avatar-planned);
}
/*------------------------F-I-M-*/

/* Estilos Adicionais */
body {
font-family: Arial, sans-serif;
color: #333;
background-image: var(--background);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

h1, p {
/* Estilos adicionais para títulos e parágrafos, se necessário */
}

Here are some images showing the issue

Jan 18, 2024 10:58 PM

#59

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2197

Reply to Hell0Worl6

I wrote the code and all, but the tag isn't correct; it sort of creates another balloon... Could someone help me fix this? Here's my code.
It kind of separates the sentences when it was supposed to be just one speech bubble, you know? I'll take some screenshots and send them.
i'll send the code I'm providing below; I hope you can help me

/* Importação dos Estilos */
@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css";
@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Dark%20Mode%20Compressed.css";

/* Variáveis */
:root {
--background: url("https://i.imgur.com/FdlD04l.jpg"); /* Novo link de fundo */
--banner: url("https://i.imgur.com/1nAIbQa.jpg");
--character: none;
--avatar-all: url("https://i.imgur.com/vKuEsmu.gif");
--avatar-watching: url("https://i.imgur.com/PHgkpi4.gif");
--avatar-completed: url("https://i.imgur.com/McVKGyh.gif");
--avatar-onhold: url("https://i.imgur.com/CHNQhgb.gif");
--avatar-dropped: url("https://i.imgur.com/nGUNWhR.gif");
--avatar-planned: url("https://i.imgur.com/NtHU96X.gif");
}

/* Imagem do Personagem por Categoria */
/* Todos os Animes */
[data-query*='status":7'] {
--avatar: var(--avatar-all);
}
/* Assistindo/Lendo */
[data-query*='status":1'] {
--avatar: var(--avatar-watching);
}
/* Concluído */
[data-query*='status":2'] {
--avatar: var(--avatar-completed);
}
/* Em Espera */
[data-query*='status":3'] {
--avatar: var(--avatar-onhold);
}
/* Abandonado */
[data-query*='status":4'] {
--avatar: var(--avatar-dropped);
}
/* Planejado */
[data-query*='status":6'] {
--avatar: var(--avatar-planned);
}
/*------------------------F-I-M-*/

/* Estilos Adicionais */
body {
font-family: Arial, sans-serif;
color: #333;
background-image: var(--background);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

h1, p {
/* Estilos adicionais para títulos e parágrafos, se necessário */
}

Here are some images showing the issue

@Hell0Worl6 This doesn't seem to be the right thread, but anyhow.

You want your tags to look like this, right?

You need to install a mod for that. I have this detailed in my Clarity installation guide. The short of it is that you need to add this code to the bottom of your CSS: [code]

Valerio_LyndonJan 18, 2024 11:09 PM

Feb 7, 2024 1:53 PM

#60

karmashizzle

Offline

Apr 2014

302

Mirai Remix borked

Page initialised.
Fetching theme...
Updating JSON...
Error: "cover" value must be a boolean.
Data failed validation.
Bailing out with code "json.invalid".

A

M

S

Feb 7, 2024 5:03 PM

#61

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2197

Reply to karmashizzle

Mirai Remix borked

Page initialised.
Fetching theme...
Updating JSON...
Error: "cover" value must be a boolean.
Data failed validation.
Bailing out with code "json.invalid".

@karmashizzle Thanks for the heads up (and including the logs)! I must have mixed up the testing version and production version when publishing it. >_> Fixed now :D