Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (26) « First ... « 5 6 [7] 8 9 » ... Last »
Aug 21, 2019 9:14 PM

Offline
Mar 2018
1007
Valerio_Lyndon said:

Clean is rather subjective. For my own purposes, I would consider clean to be code which has the least overwriting of code, where-as you or someone else may consider clean to be the most readable or modifyable. But it's certainly possible, although would take a little time to separate out what is changed and what isn't. Is there a specific reason you wish to separate it out, such as updating the theme?


I would like to keep it separate in case any updates for the theme comes out so they won't break stuff. As far as I can remember I removed some color variables and replaced them with this instead:


Is there a way to make the highlight color different for each category as well? Figured it out myself, thanks!

Last small thing is I couldn't get the All Anime category border to behave the same way as the others, is there a way to make it work without using --accent so the other colors stay untouched?
LeguchAug 22, 2019 3:25 AM

🌺 Anime List 🌺
🌺 Set by Megumi 🌺


Aug 22, 2019 2:51 AM
Offline
Sep 2017
39
@Valerio_Lyndon Perfect thanks.

For the second code simply perfect.

Perhaps you will have missed it while reading the messages but you can change the color of the sidebar based on the section (without hover and as the title of the anime but for the sidebar)? to be clear as Leguch has it.

edit: i would like other things as well:

you can make all the anime watchers watch, completed, hold, drop and watch to be divided and above each division appears watching etc depending on the division? the color of the currently watching text will be the same as that of the section, completed will it have the color like the completed section and so on?

how can i add that black background effect and with the white hover (this feature the tags and studio buttons have) to the edit and more buttons next to airing?

how can i change the color of the text [airing], aired, to, premier,progress,movie,tv,ona,ova and special?

can you insert that black background effect with the white hover at the indicated season (example: Summer 2019)?

you can insert in the left side of the avatar the text viewing profile like the shared anime button as you said you can do it?
TaduinAug 22, 2019 3:14 PM
Aug 22, 2019 6:15 AM
Offline
Aug 2017
60
How do I add a banner photo that's saved to my PC? There's no way to copy the image's address when I access it in my files.
Aug 22, 2019 8:35 AM
Offline
Sep 2017
39
PeaceofCake24 said:
How do I add a banner photo that's saved to my PC? There's no way to copy the image's address when I access it in my files.


@PeaceofCake24 It's simple, upload your banner to imgurr, copy this code
and instead of the word url image enter the address of the image uploaded to imgurr with .png or .jpg

ps: enter the code below
Aug 23, 2019 1:08 AM
平沢唯

Offline
Dec 2016
2206
Leguch said:
I would like to keep it separate in case any updates for the theme comes out so they won't break stuff. As far as I can remember I removed some color variables and replaced them with this instead:
Hmm, well since you aren't using the imported code you aren't forced to update. But if you do wish to update, you can overwrite the current theme (or mod) code at any time using the direct installation links. I took a look through your CSS and it seems like the only things you changed from the main theme (other than the variables you mention above which are already separated out) are as such:

To check what was different, I ran the code through a beautifier and then input it to diffchecker.com. If you do decide to update or delete any of your code, I would advise making a temporary backup of everything in a text file on your computer, just in case something breaks and you need to revert any or all changes.

Leguch said:
Last small thing is I couldn't get the All Anime category border to behave the same way as the others, is there a way to make it work without using --accent so the other colors stay untouched?
I believe I follow you. This code will change the bottom bar of the "All Anime" button to it's own colour:
/* "All Anime" Category Bottom Bar */
.status-button.all_anime::after {
	background: #ff8400 !important;
}
Aug 23, 2019 1:38 AM

Offline
Mar 2018
1007
Valerio_Lyndon said:
Leguch said:
I would like to keep it separate in case any updates for the theme comes out so they won't break stuff. As far as I can remember I removed some color variables and replaced them with this instead:
Hmm, well since you aren't using the imported code you aren't forced to update. But if you do wish to update, you can overwrite the current theme (or mod) code at any time using the direct installation links. I took a look through your CSS and it seems like the only things you changed from the main theme (other than the variables you mention above which are already separated out) are as such:

To check what was different, I ran the code through a beautifier and then input it to diffchecker.com. If you do decide to update or delete any of your code, I would advise making a temporary backup of everything in a text file on your computer, just in case something breaks and you need to revert any or all changes.

Leguch said:
Last small thing is I couldn't get the All Anime category border to behave the same way as the others, is there a way to make it work without using --accent so the other colors stay untouched?
I believe I follow you. This code will change the bottom bar of the "All Anime" button to it's own colour:
/* "All Anime" Category Bottom Bar */
.status-button.all_anime::after {
	background: #ff8400 !important;
}


Alright, thanks a lot and keep up the good work! :)

🌺 Anime List 🌺
🌺 Set by Megumi 🌺


Aug 23, 2019 2:14 AM
平沢唯

Offline
Dec 2016
2206
Taduin said:
Perhaps you will have missed it while reading the messages but you can change the color of the sidebar based on the section (without hover and as the title of the anime but for the sidebar)? to be clear as Leguch has it.
The scrollbar?: [Image]
If so,
This will work on Google Chrome. It will not work on Firefox.

Taduin said:
you can make all the anime watchers watch, completed, hold, drop and watch to be divided and above each division appears watching etc depending on the division? the color of the currently watching text will be the same as that of the section, completed will it have the color like the completed section and so on?


Taduin said:
how can i add that black background effect and with the white hover (this feature the tags and studio buttons have) to the edit and more buttons next to airing?




Taduin said:
how can i change the color of the text [airing], aired, to, premier,progress,movie,tv,ona,ova and special?
.list-item {
	--text-dim: red;
	--text-dim-h: green;
}

Taduin said:
can you insert that black background effect with the white hover at the indicated season (example: Summer 2019)?


Taduin said:
you can insert in the left side of the avatar the text viewing profile like the shared anime button as you said you can do it?




Thanks for answering PeaceofCake's question. :)
Aug 23, 2019 2:39 AM
Offline
Sep 2017
39
@Valerio_Lyndon First of all thanks for the code but i have a small problem with this code CATEGORY HEADERS - CUSTOM * /, practically it works perfectly where i add the css but if i try to see it in the list to normal anime it doesn't appear and i don't understand why, once solved this problem i finished editing the theme finally. For PeaceofCake's answer no problem.

PS: if it can help use chrome

edit: the edit and more buttons as i render them as the tag edit button you made me add? to understand look at my list here https://myanimelist.net/animelist/Taduin?status=1&order=4&order2=0

edit 2: apparently on all anime it actually works but when i add a order no, can you fix it?

edit 3: can you add that you also divide them into tags? not a problem if i have to manually add the tag name
TaduinAug 23, 2019 4:57 AM
Aug 23, 2019 8:25 PM
平沢唯

Offline
Dec 2016
2206
Taduin said:
@Valerio_Lyndon First of all thanks for the code but i have a small problem with this code CATEGORY HEADERS - CUSTOM * /, practically it works perfectly where i add the css but if i try to see it in the list to normal anime it doesn't appear and i don't understand why, once solved this problem i finished editing the theme finally. For PeaceofCake's answer no problem.

edit 2: apparently on all anime it actually works but when i add a order no, can you fix it?
The limitations listed on the main page are still part of this version.
Valerio_Lyndon said:
Due to the limitations of third-party tools, there are a couple of things to note:
• These headers will only display on the basic, unsorted all anime page. If you are sorting by a different order, searching by tag, or searching titles, the headers will be hidden.
• The headers will appear out of order for a few hours after you add new titles to your list. Give it a bit of time and it should sort itself out.
I am unable to circumvent these limitations.

Taduin said:
edit: the edit and more buttons as i render them as the tag edit button you made me add? to understand look at my list here https://myanimelist.net/animelist/Taduin?status=1&order=4&order2=0
I don't see anything wrong. Do you wish for the buttons to share their styling?


Taduin said:
edit 3: can you add that you also divide them into tags? not a problem if i have to manually add the tag name
If you want a custom sort order for the list, I'm sorry to say that's beyond my capabilities. Rearranging items beyond the default lists' features is not something I can do. Did you mean something else?
Aug 23, 2019 10:23 PM
Offline
Jul 2018
561910
Is there a way to make Studio and Premiere Date on the left like tags? I could add tags for each, but that would take a lot of time.
Aug 23, 2019 10:55 PM
Offline
Nov 2013
4323
Having trouble getting my list with the dark theme, I add the @import dark mode code to the top and it doesn't change.

Here is what I have so far:


BlareyAug 23, 2019 11:00 PM
Aug 23, 2019 11:22 PM
平沢唯

Offline
Dec 2016
2206
@Blarey Remove the import, then install to the bottom of CSS using the direct link: [Dark Mode]. Since you've installed the main theme directly, mods should also be installed using direct links.
Aug 23, 2019 11:26 PM
平沢唯

Offline
Dec 2016
2206
l0n3wanderer said:
Is there a way to make Studio and Premiere Date on the left like tags? I could add tags for each, but that would take a lot of time.
Yes, there are some ways to reposition them, but I'm not quite sure what you have in mind. Would you want to place them directly to the left of the horizontal list of tags? That could easily be done with the premier, although I do see an issue with the studio as the studio box has highly variable content (sometimes multiple studios) which would prevent me from cleanly inserting it as if it were a tag. When repositioning things such as this, I generally have to give it a fixed width or a safe place to "overflow" into for when it becomes too big, as there's no way for other items to dynamically move around it.
Aug 23, 2019 11:57 PM
Offline
Nov 2013
4323
Valerio_Lyndon said:
@Blarey Remove the import, then install to the bottom of CSS using the direct link: [Dark Mode]. Since you've installed the main theme directly, mods should also be installed using direct links.



Sorry, I'm just bad at this, I got the dark mode working and now I have a problem installing the mods, I'm supposed to follow the direct installation method right? For instance I tried adding the @import code "hover image on circle" to the top below other import codes:

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

then I added the source code to the very bottom and nothing happens.


Current CSS looks like this:

BlareyAug 24, 2019 12:00 AM
Aug 24, 2019 12:22 AM
平沢唯

Offline
Dec 2016
2206
@Blarey Looks like you accidentally deleted part of the dark mode code while pasting in the image hover code. You can see here that some of the code got removed somehow, causing an opening bracket to have no matching closing bracket, which caused the code to break.


Here's a working version with the main theme, dark mode, image hover, and your avatar. I couldn't see if you had changed the banner so I didn't touch that. [Code]
Aug 24, 2019 12:49 AM
Offline
Nov 2013
4323
Valerio_Lyndon said:
@Blarey Looks like you accidentally deleted part of the dark mode code while pasting in the image hover code. You can see here that some of the code got removed somehow, causing an opening bracket to have no matching closing bracket, which caused the code to break.


Here's a working version with the main theme, dark mode, image hover, and your avatar. I couldn't see if you had changed the banner so I didn't touch that. [Code]



Thanks so much, no problems adding other mods either.
Aug 24, 2019 2:11 AM
Offline
Sep 2017
39
@Valerio_Lyndon

1) in practice i have to add an anime and wait?

2) yes i wish they share the same style (i remind you that you have to do it in edit and more those next to aering]

3) i meant that the anime are divided and the words currently watching etc. appear with the same color as the section

4) could you move [airing] next to the title of the anime?

5) could you raise Progress higher and move the edit and more buttons (those that are next to [ airing ] currently) below?

6) can you remove [ and ] next to airing?

7) can you insert the type of anime (tv, movies, special, ona, ova) to its original position (after the score) ?

8) how can i change the name of the edit button (the one next to airing)?

9) how can i make the anime type (tv, movies, ona, ova and special), the edit button next to airing, more, aired,to and airing change color based on the color of the section?

10) how can i change name to aired and to?

11) you can make sure that if a title of an anime is too long instead of ... the title continues below? obviously the things below go down below the title if you can't make the changes i said

in case you need it, i managed to adapt a new style for [airing] under an image and code (i want to clarify that i took it from another theme i didn't do it myself)

image



code

TaduinAug 24, 2019 12:15 PM
Aug 24, 2019 9:15 AM
Offline
Jul 2018
561910
Hey, I'm using your theme that's a mash between Brink and Clarity (which side note I think is beautiful and you should make more accessible, I found it by chance in a forum). The only problem is that when I try to add name text in the format :root { --name: "John\a Doe"; }, it doesn't work. The text doesn't show up and also, the profile image starts glitching a little bit sometimes. Is there a way to fix this and add the text?
Aug 24, 2019 10:33 AM
Offline
Jul 2018
561910
Valerio_Lyndon said:
l0n3wanderer said:
Is there a way to make Studio and Premiere Date on the left like tags? I could add tags for each, but that would take a lot of time.
Yes, there are some ways to reposition them, but I'm not quite sure what you have in mind. Would you want to place them directly to the left of the horizontal list of tags? That could easily be done with the premier, although I do see an issue with the studio as the studio box has highly variable content (sometimes multiple studios) which would prevent me from cleanly inserting it as if it were a tag. When repositioning things such as this, I generally have to give it a fixed width or a safe place to "overflow" into for when it becomes too big, as there's no way for other items to dynamically move around it.


I don't use tags at all. I was wondering if I could get the Premiered and Studio where the horizontal tags would go.

I could put the Premiered date and Studio as tags and it works with them being horizontal, but I would have to add a tag for each for each anime on my list. Pretty much just trying to make them look like the horizontal tags. Don't know if it is doable, thanks though!

Trying to get it to look like this, pretty much.
https://i.imgur.com/VdKk8cm.jpg
removed-userAug 24, 2019 10:37 AM
Aug 24, 2019 8:59 PM
平沢唯

Offline
Dec 2016
2206
Taduin said:
1) in practice i have to add an anime and wait?
That is one of the unavoidable complications. The other is that it will not appear on lists that are sorted, or "ordered", or anything similar. The headers will only appear on the default, unsorted, completely untouched "All Anime" page.

Taduin said:
2) yes i wish they share the same style (i remind you that you have to do it in edit and more those next to aering]


Taduin said:
3) i meant that the anime are divided and the words currently watching etc. appear with the same color as the section
They should already do this.

Unless you meant something like this?..

Taduin said:
4) could you move [airing] next to the title of the anime?
Taduin said:
5) could you raise Progress higher and move the edit and more buttons (those that are next to [ airing ] currently) below?
Taduin said:
11) you can make sure that if a title of an anime is too long instead of ... the title continues below? obviously the things below go down below the title if you can't make the changes i said
Taduin said:
7) can you insert the type of anime (tv, movies, special, ona, ova) to its original position (after the score) ?

Taduin said:
6) can you remove [ and ] next to airing?
/* Remove Content Status Brackets */

.content-status::before,
.rereading::before,
.rewatching::before,
.content-status::after,
.rereading::after,
.rewatching::after {
	content: none;
}

Taduin said:
8) how can i change the name of the edit button (the one next to airing)?
To change the name of the edit button, look at the top of this code. Change the "Edit" to anything you wish. Make sure to retain the quotes. Do not delete them, only change the text inbetween.
/* ========================
Custom Edit Button Label */

.list-table .list-table-data .title .add-edit-more .edit a {
	font-size: 0 !important;
	line-height: 0;
} .list-table .list-table-data .title .add-edit-more .edit a::before {
	/* Modify Label Here */
	content: "Edit";
	font-size: 11px !important;
	line-height: 15px;
}

Taduin said:
9) how can i make the anime type (tv, movies, ona, ova and special), the edit button next to airing, more, aired,to and airing change color based on the color of the section?

Taduin said:
10) how can i change name to aired and to?
Change the text within the quote marks. If overflow or breakage occurs, raise the "40px" to something else. For instance, "50px". If you intend on extremely long label names, more code may be required.
/* =======================
Change Airing/To Labels */

.data.airing-finished::before,
.data.airing-started::before,
.data.season::before {
	/* Raise this number if overflow occurs */
	width: 40px;
}

.data.airing-started::before {
	/* Started */
	content: "Aired";
}

.data.airing-finished::before {
	/* Finished */
	content: "to";
}
Aug 24, 2019 8:59 PM
平沢唯

Offline
Dec 2016
2206
l0n3wanderer said:
Valerio_Lyndon said:
What do you have in mind?
I don't use tags at all. I was wondering if I could get the Premiered and Studio where the horizontal tags would go.



Trying to get it to look like this, pretty much.
https://i.imgur.com/VdKk8cm.jpg
Ah, I see. How is this?

It's in the opposite order from the image you sent, but that's so that the theme can safely display multiple studios, as I previously mentioned. And although you said you don't use tags, it's still worth mentioning: this won't work with horizontal tags, they'll overlap each other.
Aug 24, 2019 8:59 PM
平沢唯

Offline
Dec 2016
2206
CameronMZ said:
Hey, I'm using your theme that's a mash between Brink and Clarity (which side note I think is beautiful and you should make more accessible, I found it by chance in a forum). The only problem is that when I try to add name text in the format :root { --name: "John\a Doe"; }, it doesn't work. The text doesn't show up and also, the profile image starts glitching a little bit sometimes. Is there a way to fix this and add the text?
I cannot reproduce this behaviour. Can you share the code while it is in a buggy state (as in, after you've added the name and glitches have begun)? You will probably have to use an external website such as Pastebin, as MAL forum posts have a character limit. It might also help to know what browser and browser version you are using.
Aug 25, 2019 1:18 AM
Offline
Sep 2017
39
@Valerio_Lyndon

It's all right but i would like something in the code

/ * =========================
Category-Colored Text v0 * /

you have to add progress i managed to add progress by myself, i used the inspect function of chrome and managed to insert it u.u

edit: can you add a button equal to studio a unknown studio?

I removed that changed the color to the tags and the colors to edit and more button because it bothered my eyes

edit 2: do you know that when you go over the tags, in the edit buttons next to more, more,score, above the studio and the anime season (eg summer 2019) the button background turns white? can you make them change color based on the section?

edit 3: can you add that button to unknown season? as long as it changes the color of the hover according to the section also how can i change its name?

edit 4: do you know where i can change the number of episodes seen (i mean the one on the left of the +) and the + to increase by one? if you pass over it turns blue, can you change color based on the section?

edit 5: can you move the type of the anime (ie tv, ova, ona, special and movie) after the score? if i don't ask too much you can make sure that the score is raised a little and below is inserted type (tv, special, ona, ova and movie) of the anime? so if i like it more i use this
TaduinAug 25, 2019 5:44 AM
Aug 25, 2019 6:16 AM
Offline
Jul 2018
561910
Valerio_Lyndon said:
CameronMZ said:
Hey, I'm using your theme that's a mash between Brink and Clarity (which side note I think is beautiful and you should make more accessible, I found it by chance in a forum). The only problem is that when I try to add name text in the format :root { --name: "John\a Doe"; }, it doesn't work. The text doesn't show up and also, the profile image starts glitching a little bit sometimes. Is there a way to fix this and add the text?
I cannot reproduce this behaviour. Can you share the code while it is in a buggy state (as in, after you've added the name and glitches have begun)? You will probably have to use an external website such as Pastebin, as MAL forum posts have a character limit. It might also help to know what browser and browser version you are using.


https://pastebin.com/5hDmS6rJ
Aug 26, 2019 1:41 AM
平沢唯

Offline
Dec 2016
2206
CameronMZ said:
Valerio_Lyndon said:
I cannot reproduce this behaviour. Can you share the code while it is in a buggy state (as in, after you've added the name and glitches have begun)? You will probably have to use an external website such as Pastebin, as MAL forum posts have a character limit. It might also help to know what browser and browser version you are using.
https://pastebin.com/5hDmS6rJ
Alright, well after I tested on Firefox, Chrome, and Edge without issues, I borrowed a Mac and used Safari and finally managed to reproduce the problem, so I assume you're using Safari. I do not use Safari, nor a Mac, so this explains why I never noticed the issue as I don't test for it. I was not able to fix the issue while perfectly retaining the original visuals, but it looks close enough. First, try adding this code to the bottom of your CSS:
#cover-image-container::after {
	transform: scale(0.9) perspective(350px) rotateZ(-3deg);
}
If that doesn't work, try this instead:
#cover-image-container::after {
	transform: none;
}
Valerio_LyndonAug 26, 2019 1:55 AM
Aug 26, 2019 2:55 AM
平沢唯

Offline
Dec 2016
2206
Taduin said:
you have to add progress i managed to add progress by myself, i used the inspect function of chrome and managed to insert it u.u
It was in the second option I provided. But it's good that you managed to fix it.

Taduin said:
do you know that when you go over the tags, in the edit buttons next to more, more,score, above the studio and the anime season (eg summer 2019) the button background turns white? can you make them change color based on the section?
/* ==============================
Category-Coloured List Buttons */

.data {
	--btn-bg-h: var(--category-colour);
}

Taduin said:
can you add a button equal to studio a unknown studio?
Taduin said:
can you add that button to unknown season? as long as it changes the color of the hover according to the section also how can i change its name?
Is this what you mean?


These will make it look like a button. Appearance-wise it will be the same, it will not add any new functionality. It will not be clickable.

Taduin said:
do you know where i can change the number of episodes seen (i mean the one on the left of the +) and the + to increase by one? if you pass over it turns blue, can you change color based on the section?
/* =================================
List Hover Text - Category Colour */

.data {
	--text-h: var(--category-colour);
}


Taduin said:
can you move the type of the anime (ie tv, ova, ona, special and movie) after the score? if i don't ask too much you can make sure that the score is raised a little and below is inserted type (tv, special, ona, ova and movie) of the anime? so if i like it more i use this
Aug 26, 2019 4:33 AM
Offline
Sep 2017
39
@Valerio_Lyndon First of all thank you very much, we have practically finished but unfortunately the unknow season does not work, i show you a screen also it does not even have the button strangely. Without this i have finished, thank you for helping me to make this perfect theme.



edit: the code should be this .data.season:empty:after ,i tried to insert it but the text does not become central and the hover does not come out.Besides you could insert that if i try with ctrl + f unknown the text is displayed? a unknown is not displayed

request 2: you can make the pointer-events: none; do you disable the anime type (tv, ona, ova, special, movie),progress, air and to?

request 3: can you do that also the total number of anime episodes and - for those who do not know the date have the colored hover according to the category? also the start and end date of the anime if you can

request 4: can you also make the hover of the home buttons, quick add, anime list, manga list, history, export, logout, style settings and list settings change according to the section?
TaduinAug 26, 2019 8:12 AM
Aug 26, 2019 6:56 AM
Offline
Jul 2018
561910
Valerio_Lyndon said:
CameronMZ said:
https://pastebin.com/5hDmS6rJ
Alright, well after I tested on Firefox, Chrome, and Edge without issues, I borrowed a Mac and used Safari and finally managed to reproduce the problem, so I assume you're using Safari. I do not use Safari, nor a Mac, so this explains why I never noticed the issue as I don't test for it. I was not able to fix the issue while perfectly retaining the original visuals, but it looks close enough. First, try adding this code to the bottom of your CSS:
#cover-image-container::after {
	transform: scale(0.9) perspective(350px) rotateZ(-3deg);
}
If that doesn't work, try this instead:
#cover-image-container::after {
	transform: none;
}


Thank you so much! I am using safari. The first one worked so I didn't bother trying the second one. One more thing, if you don't mind: How would I move the text, say, farther to the left?
Aug 26, 2019 11:50 PM
平沢唯

Offline
Dec 2016
2206
CameronMZ said:
How would I move the text, say, farther to the left?
Add this code to the bottom:
#cover-image-container::after {
	margin-left: -475px;
}
You can then change the "-475px" to whatever you want. To move it a bit left, make it a lower number. For instance, "-500px" would position it somewhat further left than before.
Aug 27, 2019 2:54 PM
平沢唯

Offline
Dec 2016
2206
Taduin said:
@Valerio_Lyndon First of all thank you very much, we have practically finished but unfortunately the unknow season does not work, i show you a screen also it does not even have the button strangely.

the code should be this .data.season:empty:after ,i tried to insert it but the text does not become central and the hover does not come out.
Ah, I misread. I gave you studio code instead of season, that is my fault. Try this:
/* ==============================
Change Empty Season Appearance */

.data.season:empty::after {
	display: block;
	width: 122px;
	padding: 1px;
	background: var(--btn-bg);
	border-radius: 8.5px;
	color: var(--text) !important;
	font-size: 11px !important;
	text-align: center;
	line-height: 15px;
	transition: all 0.3s ease;
} .data.season:empty::after {
	content: "Unknown Season";
}

.data.season:empty:hover::after {
	background: var(--btn-bg-h);
	color: var(--btn-text-h) !important;
}

Taduin said:
Besides you could insert that if i try with ctrl + f unknown the text is displayed? a unknown is not displayed
Unfortunately, that's not something I can do. The browser controls what is searchable.

Taduin said:
you can make the pointer-events: none; do you disable the anime type (tv, ona, ova, special, movie),progress, air and to?
So you're looking to change the cursor? Does this do what you want?
> becomes >
/* =============================
Cursor Changes for List Items */

.data.progress,
.data.score a.edit-disabled,
.data.type,
.data.airing-started,
.data.airing-finished {
	cursor: default;
} .data.progress a:not(.edit-disabled) {
	cursor: pointer;
}

Taduin said:
can you do that also the total number of anime episodes and - for those who do not know the date have the colored hover according to the category? also the start and end date of the anime if you can
Not 100% sure what your intent is. Are either of these correct?

Taduin said:
can you also make the hover of the home buttons, quick add, anime list, manga list, history, export, logout, style settings and list settings change according to the section?
/* ===============================
Category Colours Variable Setup */

body {
	--global-category-colour: #ababab;
} [data-query*='status":7'] {
	--global-category-colour: var(--accent);
} [data-query*='status":1'] {
	--global-category-colour: var(--watching);
} [data-query*='status":2'] {
	--global-category-colour: var(--completed);
} [data-query*='status":3'] {
	--global-category-colour: var(--onhold);
} [data-query*='status":4'] {
	--global-category-colour: var(--dropped);
} [data-query*='status":6'] {
	--global-category-colour: var(--plantowatch);
}

/* =========================
Category Coloured Buttons */

body {
	--btn-head-bg-h: var(--global-category-colour) !important;
}

/* =========================
Category Coloured Links */

body {
	--text-h: var(--global-category-colour) !important;
}
Aug 27, 2019 3:36 PM
Offline
Sep 2017
39
@Valerio_Lyndon Then:

1) for the unknow season code and perfect
 
2) i didn't mean the cursor, but it had a hover that changes color based on the section

3) the Category-Coloured Airing code is fine though with the hover

4) strangely does not work

Without these little things i have finished.

Edit: the code Category-Coloured Airing it doesn't even work the way you gave it
TaduinAug 27, 2019 3:42 PM
Aug 28, 2019 6:27 PM
平沢唯

Offline
Dec 2016
2206
Taduin said:
4) strangely does not work

the code Category-Coloured Airing it doesn't even work the way you gave it
I notice there's a missing closing bracket at the bottom of your CSS. Try placing a curly brace, "}", at the end.

Once that's done, try the other snippets again. Hopefully that fixes it.

Taduin said:
2) i didn't mean the cursor, but it had a hover that changes color based on the section
Does this work?
/* ==============================
Pointer Changes for List Items */

.data.progress,
.data.score a.edit-disabled,
.data.type,
.data.airing-started,
.data.airing-finished {
	pointer-events: none;
} .data.progress a:not(.edit-disabled),
.data.progress input {
	pointer-events: auto;
}
Aug 29, 2019 2:08 AM
Offline
Sep 2017
39
@Valerio_lyndon First of all i hadn't noticed the } now it works. For the episodes it was fine Category-Colored Progress however without progress and that change color only with the passage of the mouse over (i believe that you didn't understand it for the translation), Category-Colored Airing the same thing ie changing the text color according to the section and only if i pass over it with the mouse.We hope it translates well once and for all.

Edit: apparently what i meant by Category-Colored Progress is already there but not everything, you just have to add the - and / (it adds to the anime that you don't know how many episodes come out like one piece) always changing the text color according to the section and only if i pass over it with the mouse.The request to modify Category-Colored Airing always does as i asked
TaduinAug 29, 2019 2:40 AM
Aug 30, 2019 7:12 AM
Offline
Jul 2018
561910
Hello again, it's the guy using the Brink+Clarity mash that won't stop bugging you (sorry!). I was just wondering if it's possible to change the character render/background/cover/ images so that they're different only when on the manga list.

Also, thanks so much for all the help you've given me so far, seriously. You're awesome.
Aug 30, 2019 1:33 PM

Offline
Feb 2010
12631
CameronMZ said:
Hello again, it's the guy using the Brink+Clarity mash that won't stop bugging you (sorry!). I was just wondering if it's possible to change the character render/background/cover/ images so that they're different only when on the manga list.

Also, thanks so much for all the help you've given me so far, seriously. You're awesome.


https://myanimelist.net/ownlist/style

Click the bubble next to manga on a theme different from the one where you clicked the bubble next to anime. Then you save, and go to the theme where you clicked on manga. You add the CSS codes there and change them as you like.
Aug 30, 2019 11:36 PM
平沢唯

Offline
Dec 2016
2206
@Taduin So, text version? Or a button? The button version previously provided should work how you describe. See below for alternate text version.
Aug 31, 2019 1:10 AM
Offline
Sep 2017
39
@Valerio_Lyndon As the first version is fine but you have forgotten the air date and end date. Without this we have finished.Besides this you know where i can find banners? Sometimes i try to change them but you see them vented

edit: in the first change it is fine but I would like it not to highlight all three together that is if i go with the mouse on the 21 the hover appears only there, if i go on / it appears only there and if i go to 26 it appears only there

ps: I did this example to make you understand your screenshot
TaduinAug 31, 2019 1:49 AM
Aug 31, 2019 1:52 AM
平沢唯

Offline
Dec 2016
2206
Taduin said:
@Valerio_Lyndon As the first version is fine but you have forgotten the air date and end date. Without this we have finished.Besides this you know where i can find banners? Sometimes i try to change them but you see them vented


I like Danbooru for images and banners. Be aware it contains NSFW, lewd, or adult images. You may search something such as "landscape": Search Example

Edit:
Taduin said:
edit: in the first change it is fine but I would like it not to highlight all three together that is if i go with the mouse on the 21 the hover appears only there, if i go on / it appears only there and if i go to 26 it appears only there

This is the best that can be done:

Due to how the webpage is constructed, the hover effect works in this way.
/* ==========================
Category-Coloured Progress */

.data.progress span,
.data.chapter span,
.data.volume span,
.list-table .list-table-data .progress a,
.list-table .list-table-data .chapter a,
.list-table .list-table-data .volume a {
	transition: all 0.15s ease;
}

.data.progress span:hover,
.data.chapter span:hover,
.data.volume span:hover,
.list-table .list-table-data .progress a:hover,
.list-table .list-table-data .chapter a:hover,
.list-table .list-table-data .volume a:hover {
	color: var(--category-colour) !important;
}
Valerio_LyndonAug 31, 2019 5:08 PM
Sep 1, 2019 1:52 AM
Offline
Sep 2017
39
@Valerio_Lyndon Ok, if you can't remove the / together with the current score it does nothing, but now that i think about it in the current score it's already set, you can't just put the total number of episodes and - ? another thing, can you do the same thing for the start date and the end date (only the numbers and the - around)?

example: 09-01-11 and 25-03-12 (dates taken by the anime Beelzebub)
Sep 2, 2019 12:33 AM
平沢唯

Offline
Dec 2016
2206
@Taduin So you want the slash removed?..

Unfortunately, I can't change the format of the 'airing' dates. The 'airing' date information is kept within a single "element" of the HTML, which forbids me from changing individual parts of it. Compared to 'airing', in which the different texts are to some level their own "elements". Hopefully that translates okay.
Sep 2, 2019 2:02 AM
Offline
Sep 2017
39
@Valerio_Lyndon Apparently the translator made another bad joke and wasted your time .-. .I didn't ask to remove /, just that it didn't change color when i go over to the current episode and above /. For the date if i translated well it's part in the html codes and you can't do anything about it because it doesn't have a specific element, in this case thanks the same.

PS: of course it leaves that when i pass over the episode count and above the - (where the number of episodes is known) if i pass over it changes color according to the section (do what changes the color based on the state on which and, for example on on hold it turns yellow, on currently watching green etc however also on all anime) but together but separated
Sep 3, 2019 12:32 AM
平沢唯

Offline
Dec 2016
2206
@Taduin So sort of like this?

Replace the previous code:
/* ==========================
Category-Coloured Progress */

.data.progress span,
.data.chapter span,
.data.volume span,
.list-table .list-table-data .progress a,
.list-table .list-table-data .chapter a,
.list-table .list-table-data .volume a {
	transition: all 0.15s ease;
}

.data.progress span:last-child:hover,
.data.chapter span:last-child:hover,
.data.volume span:last-child:hover,
.list-table .list-table-data .progress a:hover,
.list-table .list-table-data .chapter a:hover,
.list-table .list-table-data .volume a:hover {
	color: var(--category-colour) !important;
}
Sep 3, 2019 1:49 AM
Offline
Sep 2017
39
@Valerio_Lyndon Exactly what i meant but you forgot to give me the code.

Edit: can you make the edit and more buttons have the aesthetics of the other edit button? i'll show you a screenshot to see




obviously do that changes color based on the section when you pass over it
TaduinSep 3, 2019 9:50 AM
Sep 4, 2019 12:22 AM
平沢唯

Offline
Dec 2016
2206
@Taduin I didn't phrase it correctly. The code is above. I will also repeat it here:


Edit button code:

Sep 4, 2019 1:49 AM
Offline
Sep 2017
39
@Valerio_Lyndon The buttons were the second option and work great but the Category-Colored Progress v2 code does not work, does not change color to the total episodes and to - (practically and as if you had not entered the code)

edit: how can i change the banner height? most of the themes i find are larger and don't fit well for height
TaduinSep 4, 2019 11:26 AM
Sep 4, 2019 10:05 AM

Offline
Apr 2017
897
Probably the best layout I've ever saw, thank you so much ^^
Sep 5, 2019 2:25 AM
平沢唯

Offline
Dec 2016
2206
@Taduin Apologies. Third time's the charm, perhaps. Try this.
/* =============================
Category-Coloured Progress v3 */

.data.progress span,
.data.chapter span,
.data.volume span,
.list-table .list-table-data .progress a,
.list-table .list-table-data .chapter a,
.list-table .list-table-data .volume a {
	transition: all 0.15s ease;
}

.data.progress span:last-of-type:hover,
.data.chapter span:last-of-type:hover,
.data.volume span:last-of-type:hover,
.list-table .list-table-data .progress a:hover,
.list-table .list-table-data .chapter a:hover,
.list-table .list-table-data .volume a:hover {
	color: var(--category-colour) !important;
}


Banner height code. To change the height, modify the top-most number (the "318px").
/* ====================
Change Banner Height */

:root { --banner-height: 318px; }

.cover-block { height: var(--banner-height); }
.header { margin-top: calc(var(--banner-height) - 36px); }
.list-stats { top: calc(var(--banner-height) + 98px); }
Sep 5, 2019 2:44 AM
Offline
Sep 2017
39
@Valerio_Lyndon Both codes work perfectly thanks! We would have finished only that i would like to make a final test of aesthetics, can you make the tag edit button fit the horizontal tags? you can do it even more calmly because it is not a priority, just a test.

Also if you want you can do that the scrollbar that changes color based on the section when you go over it does not become gray but that simply slightly darkens the color of the section?

the scrollbar code i currently have is this



edit: how can i change the font size of a tag description? I tried to insert font-size: 7px; in the part of the description (above content: "TAGDESC" of course) but nothing changes.

I noticed another thing, the favorite code does not work properly, the circle is displayed but not the heart and if i step on it the circle turns green (i think it depends on the color of the section).I make screenshot to make you understand

https://i.imgur.com/y2SYMCh.png and this with the hover https://i.imgur.com/yom1xsa.png

also if possible the heart can be put at the end of the title of the anime? where it is practically airing

if you need all the CSS code modified so far, here it is http://pasted.co/15e8b996
TaduinSep 5, 2019 12:40 PM
Sep 7, 2019 2:34 AM
平沢唯

Offline
Dec 2016
2206
Taduin said:
can you make the tag edit button fit the horizontal tags?

/* ==================
Edit Button Resize */

.data.tags a.edit,
.list-item:hover .data.tags a.edit:hover {
	width: 100% !important;
	margin-left: 0;
}


Taduin said:
you can do that the scrollbar that changes color based on the section when you go over it does not become gray but that simply slightly darkens the color of the section?
Remove all scrollbar code you have (everything you listed). Replace with this:


Taduin said:
how can i change the font size of a tag description? I tried to insert font-size: 7px; in the part of the description (above content: "TAGDESC" of course) but nothing changes.
Use this code to change the size of every description:
.list-table-data .data.tags span a::after {
	font-size: 7px;
}
Or, use an "!important" mark when modifying individual tags. Example:
.data.tags a[href*="=Real%20score%3A%20.5"]::after {
	font-size: 7px !important;
}


Taduin said:
I noticed another thing, the favorite code does not work properly, the circle is displayed but not the heart
https://i.imgur.com/y2SYMCh.png
You seem to have modified the "Tag Descriptions Basis - Vertical" section. Usually, it looks like this:
.data.tags span a:not([href*="=Favo"]):after, .data.tags span a:not([href*="=Favo"]):before
In your code, it looks like this:
.data.tags span a:not([href*="=Real score: .5"]):after, .data.tags span a:not([href*="=Real score: .5"]):before

This is the source of the issue. Reinstall the "Tag Descriptions Basis" section. That should fix the incompatibility.

Taduin said:
and if i step on it the circle turns green (i think it depends on the color of the section).
https://i.imgur.com/yom1xsa.png
Is this unwanted behaviour? To change it back, use this code:

/* ==========================
Favourite Tag Colour Patch */

.data.tags span a[href*="=Favourite"]:hover, .data.tags span a[href*="=Favorite"]:hover {
	background: #ababab !important;
}


Taduin said:
also if possible the heart can be put at the end of the title of the anime? where it is practically airing
Positioning it at the end of the title is not possible.
Sep 7, 2019 4:46 AM
Offline
Sep 2017
39
@Valerio_Lyndon Then :

for the horizontal edit button you don't understand it, i mean that the edit button that modifies the tags fits this code

/ * Horizontal Tags / Revision 0.2 * /

in practice i ask that the tag edit button move to where the horizontal tags are

for the perfect sidebar thank you!

regarding the description and the favorites thanks! always for the favorites how can i change heart color? i wanted to distinguish between tv, movie etc i tried to change the color of this code

color: #1a75ff! important; but it makes the heart disappear to the tag i insert

edit: i noticed that the favorites in the css edit works but in the normal sections the heart appears inside the tag, i take a screenshot to make you understand

or https://i.imgur.com/KNu6YI5.png
apparently i had changed my name to favorites but i left it in another part, i solved it only

I remembered one thing, how can i add the - to the edit center and more? (as was practically the beginning) i want it to always change color based on the section

another thing, you know that when you click on more below Discuss Anime is there an orange line? can you change the color according to the section and when you switch over to Discuss Anime change the text color according to the section?

edit: can you make round corners for each anime line? where there are the title of the anime etc to make you understand
TaduinSep 9, 2019 2:54 AM
Reply Disabled for Non-Club Members
Pages (26) « First ... « 5 6 [7] 8 9 » ... Last »

More topics from this board

» theme help

threat - Jul 5

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

» [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

» [CSS/BBCODE] ⭐️ How to view anyone's CSS or BBcodes (for lists, profiles, or clubs)!

Shishio-kun - Feb 6, 2012

37 by sunnysummerday »»
Jun 11, 7:44 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login