Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (7) « First ... « 3 4 [5] 6 7 »
Mar 24, 2019 4:40 PM

Offline
Feb 2010
12667
TutBanana said:
Shishio-kun said:


OK just add this to the top


@import "https://malcat-gen.appspot.com/headers?template=body[data-query*='"status":7'] .list-item:nth-child($index){clear:left}body[data-query*='"status":7'] .list-item:nth-child($index):before{content:'$content'}";

and add this

.list-item:before {
display: inline-block;
width: 1325px;
background: black;
height: 10px;
border-radius: 27px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-left: calc(-1 * var(--padding-h-img));
margin-bottom: -54px;
left: -150px;
top: -55px;
position: relative;
color: #fff;
font: bold 20px/54px 'Helvetica neue', 'Helvetica', 'lucida grande', 'tahoma', 'verdana', 'arial', sans-serif;
text-transform: uppercase;
transform-origin: top left;
}

to the bottom and let us know if it works


It doesn't work :(


Oh those codes are made for the Endless Summer layout, not the default layout you're using now. Are you done using the Endless Summer?
Mar 25, 2019 6:32 AM

Offline
Sep 2013
6
Shishio-kun said:
TutBanana said:


It doesn't work :(


Oh those codes are made for the Endless Summer layout, not the default layout you're using now. Are you done using the Endless Summer?


I have default layout but I also build the Endless Summer layout

https://i.gyazo.com/c2a4f957e9a89c4bc1a46d10610c87d2.jpg

Edit: I changed now
TutBananaMar 25, 2019 1:26 PM
Mar 25, 2019 4:08 PM

Offline
Feb 2010
12667
TutBanana said:
Shishio-kun said:


Oh those codes are made for the Endless Summer layout, not the default layout you're using now. Are you done using the Endless Summer?


I have default layout but I also build the Endless Summer layout

https://i.gyazo.com/c2a4f957e9a89c4bc1a46d10610c87d2.jpg

Edit: I changed now


ok, try this code. I tested it on my layout and it seems to work


Shishio-kunMar 25, 2019 4:13 PM
Mar 25, 2019 5:35 PM

Offline
Sep 2013
6
Shishio-kun said:
TutBanana said:


I have default layout but I also build the Endless Summer layout

https://i.gyazo.com/c2a4f957e9a89c4bc1a46d10610c87d2.jpg

Edit: I changed now


ok, try this code. I tested it on my layout and it seems to work




It works, but it doesn't seem compatible
Mar 25, 2019 7:05 PM

Offline
Feb 2010
12667
TutBanana said:
Shishio-kun said:


ok, try this code. I tested it on my layout and it seems to work




It works, but it doesn't seem compatible


yes its only made for this layout :D
Mar 25, 2019 7:34 PM

Offline
Sep 2013
6
Shishio-kun said:
TutBanana said:


It works, but it doesn't seem compatible


yes its only made for this layout :D


Thank you very much
Mar 25, 2019 8:51 PM
Offline
Jan 2017
1
Instead of seeing the little symbols for ongoing, completed, on hold, etc... I am seeing "f0c9", "f03a", "f06e" etc... any way to fix?

Edit: Ok so I fixed this by adding a " \ " in front of all those things and it works now
Aoshima_Mar 25, 2019 8:58 PM
Mar 25, 2019 9:09 PM
平沢唯

Offline
Dec 2016
2206
Aoshima_ said:
Instead of seeing the little symbols for ongoing, completed, on hold, etc... I am seeing "f0c9", "f03a", "f06e" etc... any way to fix?

Edit: Ok so I fixed this by adding a " \ " in front of all those things and it works now
Thanks for updating your post, glad you found the fix! :D There seems to be a bug where editing the forum post can remove some backslashes, that's what must have happened here. Should be an easy edit to the main post to fix it. :) @Shishio-kun
Mar 25, 2019 9:39 PM

Offline
Feb 2010
12667
OK thanks for the update; I've added the backslash to all those parts so hopefully it's working fine again
Apr 6, 2019 5:33 PM
Offline
Sep 2017
2
Everything seems to be working except one thing. At the top were there is suppose to be a bar with a wheel with symbols. Instead of the symbols Its just "f0c9" "f03a" etc.. How can I fix this issue?

Heres a reference photo: https://imgur.com/a/6Z0VAOY
sophia_cApr 6, 2019 5:42 PM
Apr 6, 2019 5:40 PM

Offline
Feb 2010
12667
sophia_c said:
Everything seems to be working except one thing. At the top were there is suppose to be a bar with a wheel with symbols. Instead of the symbols its just some random and letters. How can I fix this issue?

Heres a reference photo: https://imgur.com/a/6Z0VAOY


It's because some crucial backslashes got erased by MAL on accident, but I've added them back; try reinstalling the latest version :D
Apr 6, 2019 5:55 PM
Offline
Sep 2017
2
Shishio-kun said:
sophia_c said:
Everything seems to be working except one thing. At the top were there is suppose to be a bar with a wheel with symbols. Instead of the symbols its just some random and letters. How can I fix this issue?

Heres a reference photo: https://imgur.com/a/6Z0VAOY


It's because some crucial backslashes got erased by MAL on accident, but I've added them back; try reinstalling the latest version :D


I did that and it worked. Thanks a lot! :)
May 6, 2019 3:06 PM
Offline
Sep 2017
4
hey, i have problem.
my anime list have only blur or something like this pictures ( but manga list works as it should ) what should I do?
https://imgur.com/a/YfPiI8Z
May 6, 2019 3:45 PM

Offline
Feb 2010
12667
renjiroo said:
hey, i have problem.
my anime list have only blur or something like this pictures ( but manga list works as it should ) what should I do?
https://imgur.com/a/YfPiI8Z


It seems fine to me at the moment; is it still blurry for you?
May 6, 2019 3:55 PM
Offline
Sep 2017
4
Shishio-kun said:
renjiroo said:
hey, i have problem.
my anime list have only blur or something like this pictures ( but manga list works as it should ) what should I do?
https://imgur.com/a/YfPiI8Z


It seems fine to me at the moment; is it still blurry for you?

no, now it is back to normal ( it is very strange, since I had such a blur for a day )
rly strange... maybe because of the large numbers of anime he was lagging or something like that... btw thx for answer.
May 7, 2019 10:05 AM

Offline
Feb 2015
123
renjiroo said:
Shishio-kun said:


It seems fine to me at the moment; is it still blurry for you?

no, now it is back to normal ( it is very strange, since I had such a blur for a day )
rly strange... maybe because of the large numbers of anime he was lagging or something like that... btw thx for answer.


It could also have been that the cover generator was overloaded or not available for some time, so you could not load the high res version of the pictures. Unfortunately there is not much we can do when this happens, except contact the author of the generator (and it's often not their fault either, but from MAL changing stuff they rely on to do the generation).
May 12, 2019 6:24 PM
Offline
Apr 2017
2
the anime images are with a "blur", and i would like to know how can i resolve this...

https://prnt.sc/nnqan8/
May 12, 2019 11:53 PM
平沢唯

Offline
Dec 2016
2206
NightZX said:
the anime images are with a "blur", and i would like to know how can i resolve this...

https://prnt.sc/nnqan8/
Your list is private, which is preventing the cover generator from doing its work. Setting your lists to public would fix this. Alternatively, add one or both of these links to the very top of your code. Animelist covers:
@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
Mangalist covers:
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";

Be aware that some covers may still be blurry using these imports, especially on the mangalist. You may also notice slower loading times. But it's the easiest way to prevent blurry covers while maintaining a private list.
May 13, 2019 4:15 PM
Offline
Apr 2017
2
Valerio_Lyndon said:
NightZX said:
the anime images are with a "blur", and i would like to know how can i resolve this...

https://prnt.sc/nnqan8/
Your list is private, which is preventing the cover generator from doing its work. Setting your lists to public would fix this. Alternatively, add one or both of these links to the very top of your code. Animelist covers:
@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
Mangalist covers:
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";

Be aware that some covers may still be blurry using these imports, especially on the mangalist. You may also notice slower loading times. But it's the easiest way to prevent blurry covers while maintaining a private list.


Thanks by the help <3
Jul 27, 2019 3:59 PM
Offline
May 2019
1
All the anime images are blurry
Jul 27, 2019 4:40 PM

Offline
Feb 2010
12667
Doofenheimer said:
All the anime images are blurry


looks fine to me; maybe your list was on private that interferes with preview pics. or maybe your browser blocks the import
Aug 21, 2019 7:06 AM

Offline
Aug 2014
129
I have a problem, the images now appear blurry and are not HD? for the anime/manga tiles.
Loneliness of Innocence

Aug 21, 2019 10:20 AM

Offline
Feb 2015
123
OtakuWatcher said:
I have a problem, the images now appear blurry and are not HD? for the anime/manga tiles.


It looks fine to me right now, could you check again and confirm the HD covers are back for you too? Maybe the cover generator was down for some time when you last checked, but it's up again now.
Aug 28, 2019 5:08 PM

Offline
Aug 2014
129
Hey thanks for the reply, i actually found why it was blurry for me, the browser im using called brave has a function called shield which automatically has add-block and other functions. When i turn the shield off the list becomes HD again so i just have the shield off for minimalist now.
Loneliness of Innocence

Dec 15, 2019 1:59 PM

Offline
Aug 2014
8
Shishio-kun said:
TutBanana said:
How can I make a line between categories in "all anime" ?
(WATCHING, COMPLETED ....)


You have a few options which we made

Do any of these seem like something you'd want? Let me know and we can give you the codes (they're here but might be tricky to install). Also I can make small adjustments like color, removing the text.












I'd really like the middle one! But you're right, it's tricky to install since I tried putting it at the top and it made my synopsis disappear :[ Any way to make this work with that?

edit;; I moved it below the synopsis import, it works perfectly now! Thanks for sharing the code [:
KishikkuDec 15, 2019 2:14 PM
Jan 8, 2020 7:41 AM
Offline
Mar 2017
1
Hello, the images in my list are blurred, I again copy the css code in the editor, I verify that the boxes were checked, I deactivate "Brave shield" but nothing '^'
Jan 9, 2020 2:03 AM
平沢唯

Offline
Dec 2016
2206
shidorien said:
Hello, the images in my list are blurred, I again copy the css code in the editor, I verify that the boxes were checked, I deactivate "Brave shield" but nothing '^'
Hmm, your list looks fine to me. Are you using any browser extensions, espcially anything privacy-based (adblocker etc)? If you are, you could try temporarily disabling them and seeing if it fixes the problem. If it does, re-enable them one at a time until you find the troublemaker. Once found, the feature may be able to be turned off for MAL. For instance, uMatrix has a 'referral headers' option.

Or for a quick fix, you could try replacing the cover import, which is this line:
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";
With these replacement lines and seeing if it helps:
@\import "https://malscraper.azurewebsites.net/covers/anime/shidorien/presets/dataimagelinkbefore";
@\import "https://malscraper.azurewebsites.net/covers/manga/shidorien/presets/dataimagelinkbefore";


Or, alternatively to that, you could try these lines:
@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";
@\import "https://dl.dropboxusercontent.com/s/dpqglnr3slmgp7t/mangalist_dataimagelinkbefore.css";
Some covers may be different while using these last two imports. If these work and you wish to keep using them, I recommend using two different MAL themes for your anime/manga layots. You can use identical CSS except for these import lines. The reason is to lighten the page load, as these are quite large files.
Feb 8, 2020 4:28 PM

Offline
Feb 2018
54
Cateinya said:
YugureShadowmore said:
any updates on the image thing being fixed? I tried that link you gave me but it took away my background image

You need to keep all the code for the layout, but change the first import link (~ l. 10) by the new one. Below is a copy of the beginning of the code where I specified which line you need to replace.

/*
    Endless Summer Layout by Cateinya
	
	Thanks to Syaoran3 (covers) and BurntJelly (genres, synopsis) for their generators
*/

/* GENERATED STUFF */

/* generated cover */
@import "https://mal-image.appspot.com/auto/?code=.list-item%20.data.image%20a%5Bhref*%3D%22%2F%5BID%5D%2F%22%5D%3Abefore%20%7Bbackground-image%3A%20url(%5BIMG%5D)%3B%7D"; /* <----- this link */

/* generated informations (copy your generated CSS below) */

... (the rest of the code stays the same)


How do I make the covers HD? I edited my layout and somehow, the covers are a tad bit fuzzy. ONLY a tad but, I still want to fix it
Webtoons, anime, & manga fuel my soul
Feb 15, 2020 4:33 PM
Offline
Dec 2018
7

Hello,
I would like to know if it is possible to add the function of start / end date, if anyone can help thank you
Feb 18, 2020 2:04 AM
平沢唯

Offline
Dec 2016
2206
LukPhoenix said:

Hello,
I would like to know if it is possible to add the function of start / end date, if anyone can help thank you
Try adding this to the bottom of your CSS, it should add basic support. If anything looks incorrect or weird after adding it, just lemme know, I should be able to fix it.
/* ADD SUPPORT FOR DATES */

.data.started,
.data.finished {
	display: table-cell !important;
	z-index: 1;
	--margin-left-data-adjusted: 10px;
	margin-left: var(--margin-left-data-std);
	margin-top: 80px;
} .data.finished {
	--margin-left-data-adjusted: 200px;
}


.data.started::before {
	content: 'Started:';
} .data.finished:not(.empty)::before {
	content: 'Finished:';
}

.data.tags {
	min-height: 152px;
}

.data.tags > div {
	margin-top: 124px;
}
Feb 18, 2020 2:13 AM
平沢唯

Offline
Dec 2016
2206
DatMeganeGrl said:
How do I make the covers HD? I edited my layout and somehow, the covers are a tad bit fuzzy. ONLY a tad but, I still want to fix it
Hey, late response, but is it still an issue? It looks alright to me when I visit your page. Is this how it appears to you as well?

If we're seeing the same thing, then any fuzziness you're seeing is probably due to MAL's image compression making them lose fidelity. That said, it would probably be possible to make a script that would load higher resolution images (would require using a browser extension to run it though), but it wouldn't be a massive change visually. You can see an example of that below.

You could also add your own covers through CSS to replace any really problematic ones. Though, that could be quit time consuming if you had a lot you wanted to change.
Valerio_LyndonFeb 18, 2020 2:19 AM
Feb 21, 2020 4:08 PM
Offline
Nov 2017
3
hey I recently installed this and made a few changes to it
my problem is that when I set an anime from "plan to watch" for example to "watching" it appears in the "completed" tab but has the right color for "watching"
as an example please refer to "Violet Evergarden" in my list

edit: it seems that it just takes quite a while to update but now its working lol
DaaveeFeb 21, 2020 8:20 PM
Apr 15, 2020 6:52 AM

Offline
Apr 2017
69
Hi,

Thank you so much for this beautiful layout. I am a bit new to this so sry if I am missing something obvious. I am also sorry if I missed some posts and some of this has already been answered.

1. Is there a way to make my MAL profile pic at the top permanently opaque instead of it's usual transparent?

2. Is there a way for me to display airing start/end dates and/or some other data categories?

3. If I wanted to ever in the future customize the list and shift everything left/right or make adjustments which lines/values should I look for?

4. How (for future customization) could I change say the colouring/theme of the layout?


Sry 1 more thing ...



I did the advance CSS generation part, however, it only generated about 300 anime out of the approximately 380 on my list.

Is there something I could do about this?


Again, Thank You very much!

Any help is appreciated!


ParaCetaAvApr 15, 2020 6:55 AM
Apr 15, 2020 10:36 AM

Offline
Apr 2017
69
Hi so I have run into some trouble installing the theme:

1. The cover images are blurry (Safari user) and I have waited and refreshed many times already.

2. The tags as you can see on the img are double (How do I fix that?)

3. The Licensors are not appearing (I have matched my List settings as per instructions)

Apr 15, 2020 10:41 AM

Offline
Feb 2015
123
@ParaCetaAv You're welcome, I'm glad you like it =)

Don't worry about it, it can be a pain to re-read all the previous pages so I can understand. Here you go :

1. You can remove the transparency of the profile picture by removing the line ~157 in the css:
.list-menu-float {
	background: rgba(0,0,0,0.5);
	border: none;
	border-radius: 25px;
	...
	opacity: 0.5; <-- this line
	 ...
}
(or change the value to 1)

2. Unfortunately the layout wasn't designed to display those (in the sense that there is no code already made to easily add them). You can look at how the other pieces of data are displayed with the CSS and add some other blocks of code to customize the display of the start/end date.

What you will have to do:
- remove the corresponding lines from the "not displayed data" section (line ~765) :
/* not displayed data */
.data.number,
...
.data.started,
.data.finished,
.data.days,
.data.airing-started,
.data.airing-finished,
...
.data.priority {
display: none !important;
}


- Take inspiration from the design of another piece of data already displayed (for example the Studio, lines ~1167 to 1183) to customize the display of the new data

- Don't forget to also tick the boxes in the list parameters!

3. If you want to change the size of things, what you want to look for are these kinds of lines (there are comments everywhere so what part of the layout it changes should be easy to understand) :

- Size of the text
font-size: 16px;


- Size of element (box or zone)
width: 1024px;
height: 38px;


- And in particular this piece of code you'll want to change the values, it's the size of the covers
.list-block {
/* variables used in calc (explicit names) */
	--height-img: 250px;
	--height-info: 130px;
	...
	--width-img: 178px;
	--width-info: 400px;


To change the positions, you'll need to look for the lines with
left:
right:
top:
bottom:


You can change the values however you like and preview the modifications using the browser inspector, or on the layout when you click on the type of style (https://myanimelist.net/ownlist/style) and click the button "preview" after putting your code in, or directly in your list after saving the code or updating the dropbox file.

4. To change the colors, the lines you are looking for are "color:" for the text and "background-color:" for the backgrounds/zones. Some of them are in plain text (e.g. blue), or in hexa (#000000) or even in rgb (sometimes with opacity as well as the 4th value).

To change the images (mainly the background image here), you can change the URL line 84:
body:before {
background-color: #9492C8;
background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAh6nqUQe3N-Z2P6r5q6u_oc); <--- this line


5(kinda). This is due to the requests from the generator to MAL's various pages timing out during the generation. Fortunately what you can do to complete the missing titles is repeat the generation process a second time, but first put the already generated code in the big blank upper section in the generation window. Repeat this process until you get 380/380 (this could take up to 2-4 repeats I think).
Apr 15, 2020 10:42 AM
Offline
Nov 2017
3
ParaCetaAv said:
Hi so I have run into some trouble installing the theme:

1. The cover images are blurry (Safari user) and I have waited and refreshed many times already.

2. The tags as you can see on the img are double (How do I fix that?)

3. The Licensors are not appearing (I have matched my List settings as per instructions)



The cover images probably are blurry because some extensions in your browser may block some stuff. In my case it was my AdBlock that made the images appear blurry so you might look into something like that.
Apr 15, 2020 10:45 AM

Offline
Apr 2017
69
Daavee said:
ParaCetaAv said:
Hi so I have run into some trouble installing the theme:

1. The cover images are blurry (Safari user) and I have waited and refreshed many times already.

2. The tags as you can see on the img are double (How do I fix that?)

3. The Licensors are not appearing (I have matched my List settings as per instructions)



The cover images probably are blurry because some extensions in your browser may block some stuff. In my case it was my AdBlock that made the images appear blurry so you might look into something like that.


I don't use any extensions

Also sry to keep spamming (?) but another issue is when I run the advanced info generator then it only ever scans the 300 anime regardless of me having more anime on my list and me having updated the list by adding more anime as well

Help would be very appreciated!
Apr 15, 2020 10:47 AM

Offline
Feb 2015
123
@ParaCetaAv As for your second message, can you try to save the layout (bottom left of your screenshot) and then directly go to your list and check if the tags are still blurry / the images are low res? The preview system could cause some parts of the layouts not to work out properly.

If everything is correctly configured, the licensors should appear correctly. Maybe it's the entry that does not have any licensor registered (I check and Beastars does not look like they have one). In this layout, the "Licensors:" part is always displayed even if none are found. You should be able to check with another entry I think.
Apr 15, 2020 10:55 AM

Offline
Apr 2017
69
Cateinya said:
@ParaCetaAv As for your second message, can you try to save the layout (bottom left of your screenshot) and then directly go to your list and check if the tags are still blurry / the images are low res? The preview system could cause some parts of the layouts not to work out properly.

If everything is correctly configured, the licensors should appear correctly. Maybe it's the entry that does not have any licensor registered (I check and Beastars does not look like they have one). In this layout, the "Licensors:" part is always displayed even if none are found. You should be able to check with another entry I think.


For licensor you are right. My bad.

However, the blurry covers and double genre tags are still appearing.
Apr 15, 2020 11:58 AM

Offline
Apr 2017
69
@Cateinya

Hi, I know I am bringing up many issues. I really truly appreciate you taking your own valuable time to help me. This is a first experience for me. I want to learn more and be able to customize and add characters and other cool stuff and then eventually learn how to customize my front profile About Me page as well. :)

But in addition to the post above I want to bring up a couple more points of help pls:

Firstly, I did as instructed to show other data. It worked for airing dates. I also wanted to add number or priority above studio however I am not able to



Secondly, I was wondering if I could add a score edit counter like in the default version and how may I edit tags from the display HUD that appears when hovering over the cover?

Thirdly, I have run the advanced generator and it has finally generated everything, BUUUUUT, for some reason on my list it is not displaying the last ~1/3 of synopsis. Have tried this many times.

Thanks (btw still trying but the blurry cover on Safari and the double genres on all browsers arent going)
ParaCetaAvApr 15, 2020 2:29 PM
Apr 16, 2020 10:56 AM

Offline
Apr 2017
69
After playing around I have been able to fix some issues such as HD cover images by playing with the import link a bit.

However, when I copy/past the generated data (which I am now completely able to download) then it deletes most of the CSS and reverts back to the default dark red theme. This was not the case before.

Any help is appreciated.
Apr 17, 2020 11:24 AM

Offline
Feb 2015
123
@ParaCetaAv Did you follow the same steps for the priority data that you did for the airing dates (2. from my previous message) ? I can still see the line hiding the priority, and it looks like this data is not checked in your settings.

Regarding the "number" data, you won't be able to display it on the white part but only on the cover part of the entry (this is one of the limitations of CSS). If you want to do that there will be some different steps than for the usual data (I'll go more into the details if you want me to).

I am not sure what you mean by the score edit counter. If you mean the ability to change the score while on the list, you can do it by clicking on the score number (or "-" sign when no score is set) and edit it.

In this layout, you can only edit your tags by clicking on the "edit" button under the title, then click on the "show advanced" button in the popup. There you'll have a tags textbox to edit them (the quick edit functionality can't work because the tags are only displayed when you hover the cover and will disappear when you try to move your mouse to the white part).

Did you try to put all the generated CSS with the layout CSS directly into the edit box for the theme? I am not sure about it, but maybe MAL has defined a line / character limit to how much CSS code you can put in there... What you can try is host the generated CSS part somewhere, for example on dropbox:
Cateinya said:

Now you can either add the generated CSS like this where indicated at the start of the layout code in the "Add Custom CSS" section (not recommended) or host it somewhere on the web and then import the file (just add the @import line before the layout code). To do the later, check this tutorial on how to host your CSS online : How to Import CSS easily with Dropbox (updated for 2014) (Don't forget to change the extension of the file hosted on Dropbox to ".css", otherwise it won't work!)

There may also still be another issue with the generated CSS that I could identify if I can have a look at it (it will be possible if you host it). But it may already solve the issue you have.

To scan more than 300 anime for the generator, you have to actually have them displayed on the page before clicking on the bookmark. So you'll need to go to your "all anime" page, then keep scrolling down until you have loaded everything. After that you'll be able to generate for your whole list.

The double tag issue is new to me and seems to come from the generator part. Could you post a few lines (~5 will be enough) of the generated css so I can see if something was ill-formated?

If you also want to customize your profile page, I can suggest you to have a look at all the tutorial videos Shishio-kun made on the subject (they are available on the club's front page here and there is also a dedicated topic here). Those are great to start of and see what you can do (and it's really easy to follow!)
Apr 18, 2020 3:10 AM

Offline
Apr 2017
69
@Cateinya

Cateinya said:
@ParaCetaAv Did you follow the same steps for the priority data that you did for the airing dates (2. from my previous message) ? I can still see the line hiding the priority, and it looks like this data is not checked in your settings.

Regarding the "number" data, you won't be able to display it on the white part but only on the cover part of the entry (this is one of the limitations of CSS). If you want to do that there will be some different steps than for the usual data (I'll go more into the details if you want me to).

I am not sure what you mean by the score edit counter. If you mean the ability to change the score while on the list, you can do it by clicking on the score number (or "-" sign when no score is set) and edit it.

In this layout, you can only edit your tags by clicking on the "edit" button under the title, then click on the "show advanced" button in the popup. There you'll have a tags textbox to edit them (the quick edit functionality can't work because the tags are only displayed when you hover the cover and will disappear when you try to move your mouse to the white part).

Did you try to put all the generated CSS with the layout CSS directly into the edit box for the theme? I am not sure about it, but maybe MAL has defined a line / character limit to how much CSS code you can put in there... What you can try is host the generated CSS part somewhere, for example on dropbox:
Cateinya said:

Now you can either add the generated CSS like this where indicated at the start of the layout code in the "Add Custom CSS" section (not recommended) or host it somewhere on the web and then import the file (just add the @import line before the layout code). To do the later, check this tutorial on how to host your CSS online : How to Import CSS easily with Dropbox (updated for 2014) (Don't forget to change the extension of the file hosted on Dropbox to ".css", otherwise it won't work!)

There may also still be another issue with the generated CSS that I could identify if I can have a look at it (it will be possible if you host it). But it may already solve the issue you have.

To scan more than 300 anime for the generator, you have to actually have them displayed on the page before clicking on the bookmark. So you'll need to go to your "all anime" page, then keep scrolling down until you have loaded everything. After that you'll be able to generate for your whole list.

The double tag issue is new to me and seems to come from the generator part. Could you post a few lines (~5 will be enough) of the generated css so I can see if something was ill-formated?

If you also want to customize your profile page, I can suggest you to have a look at all the tutorial videos Shishio-kun made on the subject (they are available on the club's front page here and there is also a dedicated topic here). Those are great to start of and see what you can do (and it's really easy to follow!)


1. I tried importing CSS from Dropbox using the instructions you linked to - but - I am not sure how to create a css file which I can then upload to on Dropbox. I am using a Mac and am not able to convert anything using the .css extension. This is why I was copying and pasting the generated data directly.

2. DOUBLE GENRE TAG ISSUE - GENERATED CSS:



3. Also the generated code only appears on the "All Anime" tab not when I am in the "Score Tab" or "Type" or "Progress" tab

4. Questions regarding a few customizations, if possible:
a) Is it possible to have say subheadings within the score or type or progress tab.
For example:

Currently Watching:
*line*

Completed:
*line*

OR in score for example:

10
*line*

9
*line*

b) When we get our data on the hover window then some the initial letter is usually bold or coloured - how may I customize or remove that or even edit the entire font for that specific part?

and is it possible to do something similar with the initial letter or entire word for "Tags" and "Synopsis"


Sincerely, Thank you very much for your support!
Apr 18, 2020 6:00 AM

Offline
Feb 2015
123
@ParaCetaAv

1. I am not using a Mac myself, but I found this video explaining how to change the extension of a file (here). So you should be able to save the generated code in a .txt file and then change it to a .css file like that.

2. It may have disappeared during the copy, but there is a missing "/" right at the beginning before the "*" in this piece of code. I also noticed what could be the bug for the double genre tags (in the generator code), I'll take a look at it when I have some free time. Can you check in the complete generated code that there is no quote mark " right in the middle of the names / synopses? This could be another reason why all the code breaks when you add the generated code (it messes up the CSS syntax). Basically this will break the CSS:
...{content:"This is a synopsis of "the anime" that breaks the css";}

So you will have to escape the quotes with a \ before them like so:
...{content:"This synopsis of \"the anime\" will not break the css";}

(Unfortunately you will have to do this manually, but then it should be working properly).
Note that when the cover generator is fixed you will most certainly have to regenerate you whole anime list to get the correct genre tags (non-doubled), so maybe just check but don't bother with the modifications for now...

3. Do you mean the categories ("all anime", "watching", "plan to watch", etc.) ? If so, this is strange, because it should appear on all the categories as long as the css code is correctly imported.

4. a) Regarding subheadings per status: I have never done it myself so I can't say for sure if it will correctly work, but there is a topic about it (here) that you can use as a starting base (you may have to heavily adapt the original code in this topic since this was made to work on the default "table" template, but not with covers on a row like in this layout).

Unfortunately I don't think/don't know how it is possible to do the same with the scores...

b) The part you are looking for that changes the first letter is this piece of code (there is one for each status) starting line ~570 :
/* categories colors */

.data.status.watching ~ .data:nth-of-type(n+4):first-letter,
.data.status.watching ~ .data.score .link,
.data.status.watching ~ .data.progress .link,
.data.status.reading ~ .data:nth-of-type(n+4):first-letter,
.data.status.reading ~ .data.score .link,
.data.status.reading ~ .data.chapter .link,
.data.status.reading ~ .data.volume .link {
	color: #B1C425 !important;
	font-weight: bold;
}

Notice that this code also changes the score and progress colors, so you may want to create another block of code using only the ":first-letter" lines.

To change the whole color of the "Tags :" or "Synopsis :" words, you just have to add a "color: the color;" item in these pieces of code (lines 1018 and 1072):
.data.tags > div > span:first-child:before {
	border-bottom: 1px solid black;
	content: "Tags:";
	display: block;
	left: 0;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	width: calc(var(--width-info) - 20px);
	z-index: 1;
}


.data.tags > div:before {
	border-bottom: 1px solid black;
	content: "Synopsis:";
	left: 0;
	position: absolute;
	margin-left: 5px;
	margin-top: -28px;
	padding: 5px;
	text-align: left;
	top: 100%;
	width: calc(var(--width-info) - 20px);
	z-index: 1;
}
Apr 18, 2020 6:52 AM

Offline
Apr 2017
69
@Cateinya

Thanks for your reply.

I tried importing again to no success - is the below right?

/* generated informations (copy your generated CSS below) */
@\import "https://dl.dropboxusercontent.com/home/MyAnimeLis?preview=endlesssummergeneration.css";



In regards to 3 - I mean when you sort through score or type or status then the generated content does not appear. It only shows on the default main page.

Kishikku said:
Shishio-kun said:


You have a few options which we made

Do any of these seem like something you'd want? Let me know and we can give you the codes (they're here but might be tricky to install). Also I can make small adjustments like color, removing the text.












I'd really like the middle one! But you're right, it's tricky to install since I tried putting it at the top and it made my synopsis disappear :[ Any way to make this work with that?

edit;; I moved it below the synopsis import, it works perfectly now! Thanks for sharing the code [:


In regards to number 4. a) :

Thank you for your help but would something like this not be possible for score and Type as well
or even any other way to just indicate/showcase the score when we sort it by "score"

In regards to 4. b) :

-When I create a new block for data.first-letter then I assume I delete the same line from the already existing block ...?
-If I want to colour the entire word not just first letter then would i have add a colour and font-weight line to the data blocks ~1165 for example?
-If I want to only colour first letter of "Tags" and "Synopsis" would I copy the the data.first-letter lines into the "Tags" and "Synopsis" blocks?


Once again, Thanks for your continuous help! This has been a very great learning experience as well.
ParaCetaAvApr 18, 2020 7:17 AM
Apr 19, 2020 6:04 PM
Offline
Oct 2011
6
ParaCetaAv said:
After playing around I have been able to fix some issues such as HD cover images by playing with the import link a bit.

However, when I copy/past the generated data (which I am now completely able to download) then it deletes most of the CSS and reverts back to the default dark red theme. This was not the case before.

Any help is appreciated.


Hey, could you please tell me how did you fix the issue with blurry cover images? I'm using Safari too and noticed this.
Apr 19, 2020 10:35 PM
Offline
Apr 2019
1
Hi I hope I'm posting this in the right place ~ So uhm I'm using the Endless summer layout now but I'd like to know if there is a way to change a few things first one being the colours associated with example "Completed" "On hold" etc. I've used the default ones for so long that they really bother/confuse me. Next thing is if there's any way of making the title box (where it presents completed/all anime/on hold etc) like a liiiittle smaller. The last thing I had in mind was changing position of the profile icon or completely remove it. Sorry that's kinda alot but if there's any way I can change any of these I'd really like to try. ❤
Apr 20, 2020 2:56 AM
平沢唯

Offline
Dec 2016
2206
psm3l0 said:
Hey, could you please tell me how did you fix the issue with blurry cover images? I'm using Safari too and noticed this.
Safari has some third-party cookie/referral link settings that can only be enabled or disabled browser-wide. To get around this without disabling the privacy settings, follow this guide:

  • Delete this line from your code. This is to avoid issues and improve performance.
    @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

  • I recommend splitting your anime/mangalist over two themes; You can use identical code except for the separate anime/mangalist links provided here. This is to prevent loading CSS data we won't need, thereby speeding up load times. If you don't wish to do so, then just add both links.
  • Add the links you require, in the same spot that you deleted the previous line from.
    Anime:
    https://malscraper.azurewebsites.net/covers/anime/<USERNAME>/presets/dataimagelinkbefore";
    Manga:
    https://malscraper.azurewebsites.net/covers/manga/<USERNAME>/presets/dataimagelinkbefore";

  • Replace the <USERNAME> text, including the <> marks, with your exact MAL username. For instance, a link for my list would look like this:
    @\import "https://malscraper.azurewebsites.net/covers/anime/Valerio_Lyndon/presets/dataimagelinkbefore";
Apr 20, 2020 3:20 PM
Offline
Oct 2011
6
Valerio_Lyndon said:
psm3l0 said:
Hey, could you please tell me how did you fix the issue with blurry cover images? I'm using Safari too and noticed this.
Safari has some third-party cookie/referral link settings that can only be enabled or disabled browser-wide. To get around this without disabling the privacy settings, follow this guide:

  • Delete this line from your code. This is to avoid issues and improve performance.
    @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

  • I recommend splitting your anime/mangalist over two themes; You can use identical code except for the separate anime/mangalist links provided here. This is to prevent loading CSS data we won't need, thereby speeding up load times. If you don't wish to do so, then just add both links.
  • Add the links you require, in the same spot that you deleted the previous line from.
    Anime:
    https://malscraper.azurewebsites.net/covers/anime/<USERNAME>/presets/dataimagelinkbefore";
    Manga:
    https://malscraper.azurewebsites.net/covers/manga/<USERNAME>/presets/dataimagelinkbefore";

  • Replace the <USERNAME> text, including the <> marks, with your exact MAL username. For instance, a link for my list would look like this:
    @\import "https://malscraper.azurewebsites.net/covers/anime/Valerio_Lyndon/presets/dataimagelinkbefore";


It worked! Thank you :DD
Apr 21, 2020 5:36 AM

Offline
Apr 2017
69
psm3l0 said:
Valerio_Lyndon said:
Safari has some third-party cookie/referral link settings that can only be enabled or disabled browser-wide. To get around this without disabling the privacy settings, follow this guide:

  • Delete this line from your code. This is to avoid issues and improve performance.
    @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

  • I recommend splitting your anime/mangalist over two themes; You can use identical code except for the separate anime/mangalist links provided here. This is to prevent loading CSS data we won't need, thereby speeding up load times. If you don't wish to do so, then just add both links.
  • Add the links you require, in the same spot that you deleted the previous line from.
    Anime:
    https://malscraper.azurewebsites.net/covers/anime/<USERNAME>/presets/dataimagelinkbefore";
    Manga:
    https://malscraper.azurewebsites.net/covers/manga/<USERNAME>/presets/dataimagelinkbefore";

  • Replace the <USERNAME> text, including the <> marks, with your exact MAL username. For instance, a link for my list would look like this:
    @\import "https://malscraper.azurewebsites.net/covers/anime/Valerio_Lyndon/presets/dataimagelinkbefore";


It worked! Thank you :DD


Sry I didn't see your post earlier but I had the same solution as well. Glad you got it fixed!
Reply Disabled for Non-Club Members
Pages (7) « First ... « 3 4 [5] 6 7 »

More topics from this board

» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Apr 15, 2010

7921 by takkun_ »»
10 hours ago

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Jul 21, 2017

381 by KabukiChouNights »»
Sep 13, 10:56 AM

» 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
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login