Forum Settings
Forums
#1
Jan 5, 12:00 PM

Offline
Joined: Jan 2017
Posts: 9
I already saw this page https://myanimelist.net/forum/?topicid=1680543 , but but I couldn't make it work anyway. My doubt is exactly the same. How do I put comments in the list of animes like the one in print ??
 
#2
Jan 5, 6:31 PM

Offline
Joined: Feb 2010
Posts: 6348
You have the comments on your list, so maybe you mean that style? The easiest way would be to just install a list with the tags style you want
https://myanimelist.net/forum/?topicid=1499058
https://myanimelist.net/forum/?topicid=318587

It's specifically this layout
https://myanimelist.net/forum/?topicid=606489

You can install it with the links at the top of the post
 
#3
Jan 5, 7:26 PM

Offline
Joined: Jan 2017
Posts: 9
Thanks! But at the moment, is possible just readjust comments (leave them along the rectangle like in print, without leaving comments in tags) without installing a new layout? maybe some command in CSS, idk.
 
#4
Jan 6, 6:31 PM

Offline
Joined: Feb 2010
Posts: 6348
Igor_Majella said:
Thanks! But at the moment, is possible just readjust comments (leave them along the rectangle like in print, without leaving comments in tags) without installing a new layout? maybe some command in CSS, idk.


Something like this then

.list-table .list-table-data .data.title {
padding-left: 8px;
text-align: left;
height: 133px;
}

.list-table .list-table-data .data.tags {
word-wrap: break-word;
position: relative;
left: -150px;
top: 40px;
width: 700px;
}

You can customize your list further with the Inspect Element video on my Carl Makes it Easy channel, like if you wanted to move the score and stuff
 
#5
Jan 7, 9:08 AM

Offline
Joined: Jan 2017
Posts: 9
I tried but it looked like this:




--------------

If possible, I wanted it exactly that way, with the description just below the name. It looks more natural that way, mine got weird;




PS: Sorry, I'm not fluent in English yet
 
#6
Jan 9, 2:36 PM

Offline
Joined: Feb 2010
Posts: 6348
Igor_Majella said:
I tried but it looked like this:




--------------

If possible, I wanted it exactly that way, with the description just below the name. It looks more natural that way, mine got weird;




PS: Sorry, I'm not fluent in English yet


I'd have to write a lot of codes specifically for that. I'll try to look into this later when I'm less busy, but you should leave your question here in case someone else can help and you can also repost your question later if we haven't looked into for some time :D

https://myanimelist.net/forum/?topicid=200323
 
#7
Jan 9, 4:42 PM

Offline
Joined: Jan 2017
Posts: 9
Thanks! Well, in this case, while I will wait for you, I will post there in the topic, sure? :3
 
#8
Jan 9, 7:21 PM

Offline
Joined: Dec 2016
Posts: 952
You could try something like this?



It's coded for your specific set of list columns you have enabled, so if you enable/disable any in the future the positioning may need tweaking. Also, it limits the titles to one line only (any overflow gets hidden). If it didn't, they would overlap the tags.
 
#9
Jan 10, 7:19 AM

Offline
Joined: Jan 2017
Posts: 9
Valerio_Lyndon said:
You could try something like this?



It's coded for your specific set of list columns you have enabled, so if you enable/disable any in the future the positioning may need tweaking. Also, it limits the titles to one line only (any overflow gets hidden). If it didn't, they would overlap the tags.



Worked (and more than one line too!). Thank you! Now, last things, if possible ofc.

First.
how do i leave it blank ?

(i used that DARK layouts transparency code http://pasted.co/2b6f5447)





-----------------

And how to put '' completed, on hold '' etc all on one page, which he didn't even do here? https://myanimelist.net/animelist/AlexandreEsteves. And these details that I also highlighted (check the arrow above). Is all this possible? Anyways, the most important thing now is about the blank things
Modified by Kirigon, Jan 10, 11:11 AM
 
Jan 13, 12:29 AM

Offline
Joined: Dec 2016
Posts: 952
Igor_Majella said:
how do i leave it blank ?

(i used that DARK layouts transparency code http://pasted.co/2b6f5447 )

https://imgur.com/A09ZrLO.png
https://imgur.com/GjAgj5X.png
You want to change the text colour?


Igor_Majella said:
And how to put '' completed, on hold '' etc all on one page, which he didn't even do here? https://myanimelist.net/animelist/AlexandreEsteves .
https://imgur.com/dgbVAIw.png
Not quite sure what you mean. They are already listed on a single page.
 
Jan 13, 5:05 AM

Offline
Joined: Jan 2017
Posts: 9
Gratitude!
About the other thing I had said (about "And how to put '' completed, on hold ''), forget it.

---


Btw,

How do I make the text color of the tags a more vibrant, vivid color as well as the title?
Is possible change the color of the highlighted elements(score notes, especially) in the image, 1 by 1 (without them all being the same color)?
And the tag letters (anime description / text) can get a LITTLE bigger?
Modified by Kirigon, Jan 13, 12:30 PM
 
Jan 15, 3:59 AM

Offline
Joined: Dec 2016
Posts: 952
Igor_Majella said:
https://imgur.com/HIMtijG.png

How do I make the text color of the tags a more vibrant, vivid color as well as the title?
Is possible change the color of the highlighted elements(score notes, especially) in the image, 1 by 1 (without them all being the same color)?
And the tag letters (anime description / text) can get a LITTLE bigger?
Yep, it's possible. CSS is made up of object/rule pairings, so you can easily just separate them out (to a point). So we can easily target the tags using the correct "selector" and then change their color with "color: white" and change their font size with "font-size: 18px". Hopefully that makes sense. You'll see a lot of elements being targeted by their "selector" with a block of "rules" in the code below.

Anyway, here's code to do all of that. You'll have to insert the colours yourself. Just replace the "COLOUR" text whereever it's relevant.
You'll notice at the bottom of the code, within the tag section, there's a "font-size: 1.1em". This slightly increases the font size (1.1 instead of 1). Feel free to play with this.

Side note, there are ways to find the selectors you would need using "Inspect Element" in your browser and apply CSS rules to that selector. So you could code some things yourself too. :) Shishio has a video on it in his club [Link], although it's in English, not sure if that'd be a problem. Only if you're curious to learn CSS though.
Modified by Valerio_Lyndon, Jan 15, 4:06 AM
 
Jan 15, 10:02 AM

Offline
Joined: Jan 2017
Posts: 9
Wow, you're the best! Seriously, you are to be congratulated for being willing to help me so much and for the patience you have had. I'm sure you're an amazing person.

I think after all this, for now, one more doubt. With your help, I managed to increase the size of the TAG letters a bit, so now could you pass a line of code to increase (slightly bigger) the letters of the anime titles too (Bakemonogatari, Code Geass, Steins;Gate, etc)?

And also the other elements highlighted within the squares :



Only 0.1 bigger should be enough too.

But to be honest, if you're going to assemble a line of code for each element there, that's fine, but if you can make a separate line of code just to increase the anime titles would be awesome. The rest is more out of curiosity (and a bit important, but no more than the anime title) so don't worry so much.
Modified by Kirigon, Jan 15, 10:36 AM
 
Jan 15, 11:47 PM

Offline
Joined: Dec 2016
Posts: 952
Igor_Majella said:
Wow, you're the best! Seriously, you are to be congratulated for being willing to help me so much and for the patience you have had. I'm sure you're an amazing person.
Thank you.

Igor_Majella said:
With your help, I managed to increase the size of the TAG letters a bit, so now could you pass a line of code to increase (slightly bigger) the letters of the anime titles too (Bakemonogatari, Code Geass, Steins;Gate, etc)?

And also the other elements highlighted within the squares :

https://imgur.com/e8F6OZy.png

Only 0.1 bigger should be enough too.
If you want, you can increase the font size by adding the code yourself. By adding "font-size: #em;" inside of one of the curly bracket sets. This will generally work without issue. Some values may need to be higher or lower numbers (1.3em, 2em, etc). For instance, the score column:


But, if you want a simpler solution, you can find premade code to increase font here. It's separated into the different pieces, same as before, so you can change each individually.
 
Jan 16, 6:30 AM

Offline
Joined: Jan 2017
Posts: 9
Thank you so much for everything!
 
Top