Forum Settings
Forums

๐ŸŒธ[App - CSS] Easily customise your list design! Choose from over 80 themes. โ€” Theme Customiser by V.L

New
Reply Disabled for Non-Club Members
Pages (2) « 1 [2]
Jan 17, 2024 9:14 PM
ๅนณๆฒขๅ”ฏ

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

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
ๅนณๆฒขๅ”ฏ

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

Offline
Apr 2014
301
@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";
Jan 17, 2024 10:59 PM

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

Offline
Feb 2010
11901
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
ๅนณๆฒขๅ”ฏ

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

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
ๅนณๆฒขๅ”ฏ

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

Offline
Apr 2014
301
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".
Feb 7, 2024 5:03 PM
ๅนณๆฒขๅ”ฏ

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
Reply Disabled for Non-Club Members
Pages (2) « 1 [2]

More topics from this board

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

Shishio-kun - Nov 17, 2023

43 by NightmareTala »»
Feb 7, 6:03 AM

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

Valerio_Lyndon - Oct 24, 2019

34 by IridescentJaune »»
Feb 7, 4:05 AM

» โœณ๏ธ[9-7-24] New even higher quality Cover Imports! + Fixes for Takana Grids and more

Shishio-kun - Sep 7, 2024

28 by Shishio-kun »»
Jan 13, 12:06 PM

Sticky: » [ WEBSITES ~ EXTENSIONS ~ APPS ] All tools for MyAnimeList

Shishio-kun - Feb 8, 2023

47 by deg »»
Jan 10, 10:11 AM

» [GRAPHIC DESIGN] [VIDEO GUIDE] โญ๏ธ Make an About Me graphic in GIMP + 20 minutes of advanced tricks! ( 1 2 )

Shishio-kun - Jan 10, 2019

78 by karmashizzle »»
Jan 7, 3:04 PM
Itโ€™s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login