❓ Ask for help here + See Frequently Asked Questions

aPleb said:


⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀+ I almost... kind of fixing my own problem. I just wanna know why this is happening so I can get a closure.

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Edit: This is embarrassing to say, I just found out the cause of the problem was my Youtube video player template dimension. The previous dimension was 425x335 and I thought it was 425x355. Sorry for the trouble I cause.

ShadeLad said:
Can you have a different background in completed than dropped/PTW/others

Shishio-kun said:


Yes, try


/*CURRENTLY WATCHING WALLPAPER
To change background images: Delete what's in the parenthesis. Upload the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.
*/
body[data-query*='"status":1'] {
background-image: url(http://i.imgur.com/VTrW1N1.jpg);
}
/*COMPLETED WALLPAPER*/
body[data-query*='"status":2'] {
background-image: url(http://imgur.com/96e1dQl.jpg);
}
/*ON HOLD WALLPAPER*/
body[data-query*='"status":3'] {
background-image: url(http://imgur.com/E60TqJ7.jpg);
}
/*DROPPED WALLPAPER*/
body[data-query*='"status":4'] {
background-image: url(http://imgur.com/7q879PZ.jpg);
}
/*PLANNED WALLPAPER*/
body[data-query*='"status":6'] {
background-image: url(http://imgur.com/qOGQ4wv.jpg);
}
/*ALL ANIME/MANGA WALLPAPER*/
body[data-query*='"status":7'] {
background-image: url(http://imgur.com/QBKjMEl.jpg);
}

PolenMonkey said:
okay so I'm on my phone right now, i will check all adblocks and stuff tomorrow on my pc and I'm going to name you alle the stuff and the browser etc that you can try to recreate it if you want?And you don't know how to delete the privacy button?

Shishio-kun said:


So any updates?

PolenMonkey said:


ohhh im really sorry i thought i answered you already :( I was really busy so im sorry for that but i dont know i changed nothing like actually nothing and the privacy button just disappeared i have no clue why. But I can tell you all the adblockers i use if you want. But thank you that you carried me through this mess ^^

Rasengan777 said:
How do I set it so that when people open My profile's anime list it opens to a certain page, and not just the default All Anime page? Like I want it so that when people click my list it automatically opens to my list sorted by descending score.

Shishio-kun said:


Change the list's default status selected and save :D

https://myanimelist.net/editprofile.php?go=listpreferences

Rasengan777 said:

So I’m guessing you can’t set the default status to like a preset sort of sorted by score or sorted by watch date then right?
Btw respect all that you do for the community, ur stuff legit

Rasengan777 said:
How do I set it so that when people open My profile's anime list it opens to a certain page, and not just the default All Anime page? Like I want it so that when people click my list it automatically opens to my list sorted by descending score.

Shishio-kun said:


That's ok, you don't need to now- someone else has told me it's due to Quantcast adding it to browsers in the EU, are you in the European Union? That would explain why I can't see it and you can

PolenMonkey said:
Yeah so im actually in the European Union so thats the reason why^^ thank you for your help homie :D

SoulResonanceMAL said:
Good day, I hope that you can help me - I was introduced to your club by someone after seeing their awesome anime list layout and I thought I would give one a go... the only issue is although it seems to come out beautifully in the setup when I go into the list as normal the images seem to have disappeared >.> I've tried following your steps to fix it but nothing seems to work out

could you please assist me as best you can? I've got an image of how it should look and how it's looking if that is of any help to you.

_zubee_ said:
Hello!
I recently installed a theme that I love and I want to change a picture on it but can't. I've tried changing the link in the CSS to the link to my image but that didn't work, could anyone help?

Link to the CSS: http://dontpad.com/mallayout (the image should be under cover-block)

My current list with the picture I don't like: https://imgur.com/a/4ujF0ev

Thanks in advance :)

/* Change Cover Image */
.list-container .cover-block {
	background-image: url(https://i.imgur.com/Xh9tnsU.jpg);
	background-size: cover;
}

Shishio-kun said:
Anyone know how you do this with CSS? Shorten a title to a set width and height. And then on hover, I would like to reveal the whole title again.

Before custom CSS
Long and obnoxious title
that filled up the whole
space with lots of text

After custom CSS
Long and...

.list-table .list-table-data .data.title .link {
	width: 50%;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-table .list-table-data .data.title .link:hover {
	width: 100%;
	height: auto;
	overflow: visible;
	white-space: initial;
}

Valerio_Lyndon said:

If I understand then yes, this is possible. Here's an example that can be applied on top of the theme you have on your animelist right now.


If you want the ellipsis then it can only be one line (the "white-space: nowrap" forces it onto one line). But this can do multi line text, just without the fancy ellipsis.

Uji_Gintoki_Bowl said:
Hello again! I'd like to add a 'button' with a link to a google sheet I have. Is there a way to to this? Link I want to add: https://docs.google.com/spreadsheets/d/1MCPi0GCz_YrLal50ey09ZvOqXGf8FH23XMC1TeP2etA/edit#gid=1243461176

Valerio_Lyndon said:

The only way to add new links is in the Comments section of each anime. This section can only be accessed by clicking the "More" button of that anime while on your list. So to add a new link what has to be done is to have an entry on each section (Watching, On Hold, Etc) that you use solely for its More section. Then you could have a "click here to reveal doc link" button that then reveals the link to your document for people to click on (a two click affair). There is a way to hide the More section so that it wouldn't display except for the link, but there isn't a way to hide the dumby entry itself. So it is simultaneously an imperfect solution for items you want on the list (losing the More section) and an imperfect one for items you just want as a dumby (not being able to hide them entirely).

I could probably write something to do this if you choose 5 anime (1 for each section) to use for the More section, but I don't know if that's what you wanted?

Valerio_Lyndon said:

You seem to have the right idea with the cover-block, changing the url() section on line 266 should change the image. But if that isn't working, try adding this to the bottom of the CSS:

Adding this should change the image to a sunny landscape. If it doesn't change the image, then something else is going wrong. If it does work, try switching the text inside the url() brackets to your own image URL. If my provided image works, but your new one doesn't, it's an issue with your image or URL in which case you'll have to share those to find the issue.

BurroDiCacao said:
Hello everyone

long time ago i found the list style im still using rightnow and fell in love for it, thanks to the club i managed to fix the missing preview picture which appears when you go on the title with the cursor, but under that picture there is another empty space i don't what's supposed to be, does anybody know? is it hard to remove it?

Shishio-kun said:



Also I don't see your preview pics at all. Do you see your preview pics on hover and all of them?

BurroDiCacao said:


I see them all but wtf, i tried opening my profile with different browsers and i don't even see the empty space there °_° that's how i see here on firefox tho ( https://gyazo.com/d6e654ea0e37ca9c0be16aa0de2e5981 ) is this cause of browser? any suggestion?

BurroDiCacao said:


I see them all but wtf, i tried opening my profile with different browsers and i don't even see the empty space there °_° that's how i see here on firefox tho ( https://gyazo.com/d6e654ea0e37ca9c0be16aa0de2e5981 ) is this cause of browser? any suggestion?

Uji_Gintoki_Bowl said:
I also have run into problems with the side text changing positions when I scroll (fine before, but now it's too large). If it could stay in one place indefinitely, it'd be nice. Thank you!

[data-query*='status":7'] .list-unit::before,
[data-query*='status":7'] .list-unit::after {
	top: 472px;
}

_zubee_ said:


Hi again! Your code did work, and I think I may have found the problem. Your link to the image has the image type at the end(https://i.imgur.com/Xh9tnsU.jpg), while mine doesn't(https://imgur.com/a/cZ0FIRg). How could I make it so it has the image type at the end?

Shishio-kun said:
@Valerio_Lyndon Do you know what the CSS code is for a specific anime's more button on modern? I tried to find it, and I think you told me before, but when I searched this thread but couldn't find the post :/

I'll save it this time ":D

.link[href^="/anime/1560/"] ~ .add-edit-more .more {
	background: black;
}

BurroDiCacao said:
code:

/*@import "https://f3a7a1b1655de4833e3bed3b1779c5a9d85839f8.googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM";*/

/*@\import "https://f3a7a1b1655de4833e3bed3b1779c5a9d85839f8.googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM";*/

Valerio_Lyndon said:

Ah, that'll do it. Imgur unfortunately gives album links instead of direct links. You can convert the link manually by adding an i. and the file extension, but the easiest way is to right click your image while on the album page and select "Copy image address" (or a similarly worded option).

Valerio_Lyndon said:

I think this line near the top just need a backslash in it, right after the @ symbol. Here's the line to find:

And here's what it should be:


This should fix the issue. When there is an @import line without a backslash, MAL tries to reformat it in some annoying ways. This can cause the code to break as in this instance.

anime-prime said:
So, in the process of making a new theme, but before changing the wallpapers, I am trying to figure out how to make the above text into one long line instead of two short lines.



I was able to accomplish this in my previous theme, though not this one apparently.



Any help on how to get it as one line on the new list style I am trying out?

Edit: Ok, changed the wallpapers and will probably stick with most of the ones I have now. How can I make the entire list be more down on the page as default so that the wallpaper can be more visible right away to those that come to see it?

Shishio-kun said:
@BurroDiCacao The default import came back online, but now it's set for the wrong cover type and causing errors. So we need to change it, and I also removed two dead imports and you don't need the dropbox one anymore

anime-prime said:
Thanks a lot! It worked.

Though now when I hover over an anime, the corresponding image/tag isn't in sync with it. Meaning this:

https://imgur.com/n3HeL08.png

Is there a way to make the pop up image of the entry appear next to the hovered anime on the list and not on a specific spot of the page for no matter where you hover?

/* ======================================================
Position image covers according to their item position */

.data.image a::before {
	position: absolute;
	top: initial;
	margin-top: -100px;
}

.list-table .list-table-data .data.studio {
	position: absolute;
	top: initial;
	margin-top: 89px;
}

.list-table .list-table-data .data.tags {
	position: absolute;
	top: initial;
	margin-top: 135px;
}

CameronMZ said:
Okay, so I have a concept for a list design.

Basically, I want the status menu from Grid Style 1 by Takana no Hana as well as the banner, although with a smaller height and without overlapping with the list. For the list itself, I want the list from Clarity by Valerio Lyndon.

When I try to snip the CSS of the status-menu, I get this code. Using just this code ends up with a weird result, as can be seen in my anime list.

I know this request is probably way too complicated, but I figured I'd ask for tips since this is going to be my first CSS project and I just can't get the idea out of my head.

aditya_india said:
How do i make spoilers inside a spoiler like this

[spoiler]
text 1
[spoiler]text 2[/spoiler]

[/spoiler]

[spoiler]
[quote]text 1
[spoiler]text 2[/spoiler][/quote]

[/spoiler]