Forum Settings
Forums
New
Reply Disabled for Non-Club Members
Pages (159) « First ... « 88 89 [90] 91 92 » ... Last »
May 25, 2017 12:37 PM
Offline
Nov 2015
2
Hi, I'm new in this club, after reading a lot of your topics, I didn't managed to find the thing that will solve my problem so here I am!

I want to add cover to my lists,so i was on but I tried to change the zoom animation by an "emergence" (I tried a lot of things, opacity, searched on google for different kind of transition who exist,..) and I can't manage to make it work


I think that the code i have to modify is there but I need help please :(


I also have another problem, according to this site the layout only works well on 1920x1080px and larger screens, do you know if there's a way to make it work for smaller resolutions?


Sorry for my english, the work you do is amazing!
May 25, 2017 6:11 PM

Online
Feb 2010
12652
QtkZX said:
Hi, I'm new in this club, after reading a lot of your topics, I didn't managed to find the thing that will solve my problem so here I am!

I want to add cover to my lists,so i was on but I tried to change the zoom animation by an "emergence" (I tried a lot of things, opacity, searched on google for different kind of transition who exist,..) and I can't manage to make it work


I think that the code i have to modify is there but I need help please :(


I also have another problem, according to this site the layout only works well on 1920x1080px and larger screens, do you know if there's a way to make it work for smaller resolutions?


Sorry for my english, the work you do is amazing!


It looks to be working to me, did you fix your error since you posted?

For the second you'd have to see the topic on screen resolutions, but that is advanced CSS.
May 26, 2017 6:59 AM
Offline
Nov 2015
2
Shishio-kun said:
QtkZX said:
Hi, I'm new in this club, after reading a lot of your topics, I didn't managed to find the thing that will solve my problem so here I am!

I want to add cover to my lists,so i was on but I tried to change the zoom animation by an "emergence" (I tried a lot of things, opacity, searched on google for different kind of transition who exist,..) and I can't manage to make it work


I think that the code i have to modify is there but I need help please :(


I also have another problem, according to this site the layout only works well on 1920x1080px and larger screens, do you know if there's a way to make it work for smaller resolutions?


Sorry for my english, the work you do is amazing!


It looks to be working to me, did you fix your error since you posted?

For the second you'd have to see the topic on screen resolutions, but that is advanced CSS.


1) No I didn't fixed it, actually it works like your tuto say it should but I would like to change it to pop like go from 0% opacity to 100% in .3s, is it possible?

2) I'll give a look in lt, thanks!
May 26, 2017 3:07 PM
Offline
Apr 2017
1
Hello and good day!
I would like some assistance, as I'm having some difficulties with with the covers in my "my anime list" and "my manga list".
I'm using this custom css:
https://myanimelist.net/forum/?topicid=1501595

and for the high res covers, I'm using this one:
https://myanimelist.net/forum/?topicid=1459867

I'm inputting the code at the end of the base code as stated by LukeLC in his post. But that didn't fix the issue. I even waited for a couple of days to update and still nothing.
(I have carefully changed the username).
Before posting, I also tried every code stated in the first post and still no luck.
Any assistance would be appreciated.
May 31, 2017 1:54 AM

Offline
Mar 2016
1075
Schlopsi said:




Alright. At least I managed to be able to change the fontSIZE, without crashing the whole design. (See CSS Code above [font importcode complete on top, font formula at the bottom. Font wanted is this one)
Still, I cannot change/overwrite the font itself? I tried the CSS-Code + import code on different places within the code. But all it does is making the font smaller or bigger. It's just about the font of the animetitles in the lists, not the sidebars or topbar, which I want to change (don't know how to change these ones anyways...). Can one of the pros tell me, where exactly I have to put the code into, to have wished effect, pretty please?
May 31, 2017 4:33 AM

Online
Feb 2010
12652
Schlopsi said:
Schlopsi said:




Alright. At least I managed to be able to change the fontSIZE, without crashing the whole design. (See CSS Code above [font importcode complete on top, font formula at the bottom. Font wanted is this one)
Still, I cannot change/overwrite the font itself? I tried the CSS-Code + import code on different places within the code. But all it does is making the font smaller or bigger. It's just about the font of the animetitles in the lists, not the sidebars or topbar, which I want to change (don't know how to change these ones anyways...). Can one of the pros tell me, where exactly I have to put the code into, to have wished effect, pretty please?


afaik; you have to direct link the font's file to your list the way you direct link cover imports, and you label them as a certain font name. There's two examples of this in my Halloween layout (but the font source links are dead now).
http://pasted.co/8081d710
See near the top by font face, a new font family is set by me as myanimefont with the src (source) linked under it. Then somewhere in the layout below, some of the CSS has
font-family: myanimefont;
and it uses that font from the src link. It's pretty complicated.

Or you can use the import font tutorial
https://myanimelist.net/forum/?topicid=450049
Shishio-kunMay 31, 2017 4:41 AM
May 31, 2017 4:37 AM

Online
Feb 2010
12652
DimitrisWolf said:
Hello and good day!
I would like some assistance, as I'm having some difficulties with with the covers in my "my anime list" and "my manga list".
I'm using this custom css:
https://myanimelist.net/forum/?topicid=1501595

and for the high res covers, I'm using this one:
https://myanimelist.net/forum/?topicid=1459867

I'm inputting the code at the end of the base code as stated by LukeLC in his post. But that didn't fix the issue. I even waited for a couple of days to update and still nothing.
(I have carefully changed the username).
Before posting, I also tried every code stated in the first post and still no luck.
Any assistance would be appreciated.


I dont know these very well and unfortunately I don't have time to look into them, so I would say to try the MalCat cover generator imports or ask the creators of those tools in the topic itself.
May 31, 2017 4:38 AM

Online
Feb 2010
12652
QtkZX said:
Shishio-kun said:


It looks to be working to me, did you fix your error since you posted?

For the second you'd have to see the topic on screen resolutions, but that is advanced CSS.


1) No I didn't fixed it, actually it works like your tuto say it should but I would like to change it to pop like go from 0% opacity to 100% in .3s, is it possible?

2) I'll give a look in lt, thanks!


Do you try something like:


.animetitle:before {
content: "";
height: 0px;
width: 0px;
margin-left:55px;
margin-top:10px;
display:inline-block !important;
position: absolute;
background-size: contain;
transition: all .3s ease-in-out;
opacity: 0;
}


.animetitle:hover:before {
content: "";
margin-left:260px;
margin-top: 30px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:7px;
box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;
padding-right:150px;
padding-top:220px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
position:absolute;
z-index:1;
opacity: 1;
}
May 31, 2017 4:49 AM

Online
Feb 2010
12652
Schlopsi said:
Schlopsi said:




Alright. At least I managed to be able to change the fontSIZE, without crashing the whole design. (See CSS Code above [font importcode complete on top, font formula at the bottom. Font wanted is this one)
Still, I cannot change/overwrite the font itself? I tried the CSS-Code + import code on different places within the code. But all it does is making the font smaller or bigger. It's just about the font of the animetitles in the lists, not the sidebars or topbar, which I want to change (don't know how to change these ones anyways...). Can one of the pros tell me, where exactly I have to put the code into, to have wished effect, pretty please?


Oh nm my last post. I see it's imports in the premade layout that block your font choice. So you can use this for the overall font change. Notice the correct way to do !important as well.


/* FONT */
* {
font-family: 'Lucida Console', arial !important;
font-size: 15px;
}
May 31, 2017 4:54 AM

Offline
Mar 2016
1075
Shishio-kun said:

Oh nm my last post. I see it's imports in the premade layout that block your font choice. So you can use this for the overall font change. Notice the correct way to do !important as well.


/* FONT */
* {
font-family: 'Lucida Console', arial !important;
font-size: 15px;
}


Oh shoot! Thank you. So it was just the !important, which blocked the overwrite-process. Thank you very much! Works fine now.
May 31, 2017 8:18 PM

Online
Feb 2010
12652
Schlopsi said:
Shishio-kun said:

Oh nm my last post. I see it's imports in the premade layout that block your font choice. So you can use this for the overall font change. Notice the correct way to do !important as well.


/* FONT */
* {
font-family: 'Lucida Console', arial !important;
font-size: 15px;
}


Oh shoot! Thank you. So it was just the !important, which blocked the overwrite-process. Thank you very much! Works fine now.


also replaced body with *
Jun 5, 2017 12:11 AM

Offline
Oct 2014
2409
Hi there.

Currently I'm using this layout: https://myanimelist.net/forum/?topicid=1361156 and I've noticed that I cannot see commas in my tags section when I edit them to have commas there.

Example:



What should I change in the code to make it so the commas are visible?
Jun 6, 2017 11:01 AM
平沢唯

Offline
Dec 2016
2206
Edit: It seems something in my code was just bugging the header, it appears to work correctly now, wherever I place it. Odd.

Hello, I was wondering if it was possible at all with CSS to change where, when scrolling down the animelist page, the navbar get fixed to the top of the screen. Visual in case you don't get what I mean.


Currently, it is set at a fixed point (367px from the top of the screen). If I could change that to other values using CSS, it would sure make the experience smoother if I wanted to change the nav location. Though I assume that this part of the site is controlled by Javascript so no worries if I can't. But, if it is tied to some element of the page I can modify with CSS to move the location it goes from normal to fixed, or something like that, it would be fantastic.


8797 said:
Currently I'm using this layout: https://myanimelist.net/forum/?topicid=1361156 and I've noticed that I cannot see commas in my tags section when I edit them to have commas there.

Example:
http://i.imgur.com/X7nX0oY.png
http://i.imgur.com/tyCIgDD.png

What should I change in the code to make it so the commas are visible?

I can see them while viewing your list. ( as seen here http://i.imgur.com/2KTStkO.png ) Maybe try opening your list while logged out, it's possible it only looks like that from the list owner's view?
Valerio_LyndonJun 6, 2017 2:27 PM
Jun 6, 2017 11:43 AM
平沢唯

Offline
Dec 2016
2206
8797 said:
Currently I'm using this layout: https://myanimelist.net/forum/?topicid=1361156 and I've noticed that I cannot see commas in my tags section when I edit them to have commas there.

Example:
http://i.imgur.com/X7nX0oY.png
http://i.imgur.com/tyCIgDD.png

What should I change in the code to make it so the commas are visible?

If you really can't see commas on your list and it bugs you a lot though, you could probably get away with adding in some CSS that only you will be able to see, as the list owner.

I think this would work, but I can guarantee, this being my code, that it probably has issues and doesn't work on really old browsers. Also obviously hasn't been tested yet. However, as long as it works on your end it'll be fine. If anyone wants to tear apart my code and give something better though, I'd be glad.
body[data-owner="1"] td:nth-of-type(n+1)[width="125"] a:after { content: "," }
body[data-owner="1"] td:nth-of-type(n+1)[width="125"] a:last-of-type:after { content: "" }

Note: If there isn't a space after the comma you could change the first selector to include a space. It looked like your tags already had spaces though so I didn't include it in the main bit. Example:
content: ", "    instead of    content: ","
Valerio_LyndonJun 6, 2017 2:11 PM
Jun 6, 2017 4:36 PM

Offline
Oct 2014
2409
@Valerio_Lyndon

Hey thanks for the help but I managed to fix it. I noticed that it was just shaded a dark colour that was barely visible so I changed it.
Jun 6, 2017 5:53 PM
平沢唯

Offline
Dec 2016
2206
8797 said:
@Valerio_Lyndon

Hey thanks for the help but I managed to fix it. I noticed that it was just shaded a dark colour that was barely visible so I changed it.

Glad to hear. :3
Jun 7, 2017 12:44 PM

Offline
Jan 2015
1402
I have two questions in regards to the modern layout.

One, how does you change the location of this toolbar that I circled in white? Like if you want to put it at the top or bottom or something?



And two, how do you get rid of that PV icon?



Other than that I think I'm good on editing the modern layout to my liking. If not, I'll be back with more questions
Jun 7, 2017 1:34 PM
平沢唯

Offline
Dec 2016
2206
Ari_the_Lioness said:
I have two questions in regards to the modern layout.

One, how does you change the location of this toolbar that I circled in white? Like if you want to put it at the top or bottom or something?



And two, how do you get rid of that PV icon?



Other than that I think I'm good on editing the modern layout to my liking. If not, I'll be back with more questions

If you just wanted to move the toolbar, it's pretty simple. It's fixed to your view by default and is 20% from the top of the screen. Its class is ".list-menu-float", and you can move it using 'top', 'bottom', 'left' and 'right'.

For instance, let's say we wanted it 10% from the top of the screen instead of 20, and 10 pixels from the left side (for whatever reason). ( Result: http://i.imgur.com/kPm5jME.png )
.list-menu-float {
  top: 10%;
  left: 10px;
}

Or, if you wanted to put in on the bottom left, you could do this. The "top: auto" is there to reset the default "top: 20%". ( Result: http://i.imgur.com/dAQdlfh.png )
.list-menu-float {
  top: auto;
  left: 0;
  bottom: 0;
}

(if your new css rules are not working, try throwing an !important in there. So, "top: auto;" would become "top: auto !important;". This will only need to be done if there is a rule already in place that is taking precedence. So, you would only need to worry about "top" here, most likely. There are other ways to override the already applied code but this is the simplest to explain. )

And if you want to reposition the toolbar in other ways, like making it 'part' of the page ( like mine when I view it http://i.imgur.com/8091Iyy.png ), that's a slightly different ballgame.

I am not quite sure what you mean by PV. If you mean the profile icon within the toolbar, that would be selected using ".icon-menu-float .profile", and to remove it you would set it as "display: none;", or perhaps "display: none !important;".
.list-menu-float .profile { display: none; }
Jun 12, 2017 7:55 PM

Online
Feb 2010
12652
Niqvix said:
Hello, dear MAL forum!

Will try to make this post as short as possible. My source CSS layout comes from here :
https://myanimelist.net/forum/?topicid=1361156

I found it some time ago and I'm pretty sure that it featured covers in the past, since I remember them breaking and me searching in the forum for a fix. Either way they broke to a point where I couldn't find a solution and took the layout code from the thread again.

As it turns out I couldn't really find any cover sources or even the fancy box in it anymore.

By accident I found Shishio-kun's profile, that uses the same layout and has working covers : https://myanimelist.net/animelist/Shishio-kun?status=7&tag=

Tried to copy the parts that I figured would be vital to it, like :

@import 'https://malcat-gen.appspot.com/series?template=%23tagLinks$id:before { background-image: url($series_image) }' ;

/*Covers*/
@import "https://dl.dropboxusercontent.com/s/4wkc2s91qoiw9ri/Covers.css";

... and the box ...
/*Fancybox*/
@import "https://dl.dropboxusercontent.com/s/5vas68bza1no09d/Fancybox.css";

//////////////////////////////////////////

As for my current layout, it can be seen here : https://myanimelist.net/mangalist/Niqvix

/// /// ///

Tried the "classic solutions" provided on this page, including the three links :
@import "https://malcat-gen.appspot.com/series?preset=more";
@import "https://malcat-gen.appspot.com/series?preset=animetitle";
@import "https://malcat-gen.appspot.com/series?preset=animetitlebefore";

Without much success. It doesn't insert the covers into the box - the best I could achieve with one of those links was : https://imgur.com/he49Edg

My own code is pretty much the same as the layout code from the thread, didn't change much yet. Anyone got an idea what I'm missing? I remember there being links with an anime and manga link, where I had to insert my username. Might not be a thing anymore?

That is all, thank you very much for your patience and time.


question moved here.

@niqvix: your club message was deleted but moved here yesterday

You should have been notified about it but I guess the system didn't do it. in club rules, I asked for one place for questions, so your second postings been deleted.

btw don't know what discord your talking about, but it has nothing to do with me

update: see the "To add covers" section in the CSS topic:
https://myanimelist.net/forum/?topicid=1361156
you'll have to add the new codes
Shishio-kunJun 13, 2017 5:13 PM
Jun 14, 2017 6:42 AM
Offline
Jan 2015
1
Shishio-kun said:

question moved here.

@niqvix: your club message was deleted but moved here yesterday

You should have been notified about it but I guess the system didn't do it. in club rules, I asked for one place for questions, so your second postings been deleted.

btw don't know what discord your talking about, but it has nothing to do with me

update: see the "To add covers" section in the CSS topic:
https://myanimelist.net/forum/?topicid=1361156
you'll have to add the new codes


Hey there Shishio,

turns out that I didn't realize that this was the moved post / an answer from you when you linked me to it. Thought it was one of your possible solutions to it that I missed, was going to check it out - but then I saw your update on the layer OP itself and went with that.

Yeah, can't say that I was notified about it - the only thing I had was my bookmark that led me to 404. The discord I'm talking about is one that it supposed to be connected with MAL - I did search there for you the past two days, like you said it looks like you aren't there.

It's all good though, thank you very much for your help - there was no way I was able to find this solution myself.

Thanks, take care!
Jun 15, 2017 8:59 AM

Offline
Feb 2016
347
Hello!

I was wanting to create a club but I have no idea how to do the cool things in the description and stuff like you guys do (like the picture and than there are words that you can click on). I was wondering if you could help me or tell me how I could do something like that.

Thanks!

Jun 15, 2017 3:02 PM
平沢唯

Offline
Dec 2016
2206
Natsuuuuu said:
Hello!

I was wanting to create a club but I have no idea how to do the cool things in the description and stuff like you guys do (like the picture and than there are words that you can click on). I was wondering if you could help me or tell me how I could do something like that.

Thanks!
To my knowledge, it's done the same way as customizing your profile. Just takes some patience and basic knowledge of an image editor and BB Code.

There is a tutorial thread on this club here (under the "Customizing your Profile, Club, and Posts" section). I've not read it but it looks pretty comprehensive.
Jun 15, 2017 7:04 PM

Offline
Feb 2016
347
Valerio_Lyndon said:
Natsuuuuu said:
Hello!

I was wanting to create a club but I have no idea how to do the cool things in the description and stuff like you guys do (like the picture and than there are words that you can click on). I was wondering if you could help me or tell me how I could do something like that.

Thanks!
To my knowledge, it's done the same way as customizing your profile. Just takes some patience and basic knowledge of an image editor and BB Code.

There is a tutorial thread on this club here (under the "Customizing your Profile, Club, and Posts" section). I've not read it but it looks pretty comprehensive.
Ok Thanks! I looked for a video on the club but couldn't find anything. I guess I didn't look hard enough. Thanks!

Jun 19, 2017 4:02 PM
Offline
Dec 2011
241
Hi can you please check why my covers aren't appearing? i tried
to replace with the links from the first post but they aren't working.

https://myanimelist.net/animelist/kazurengan

thanks
Jun 19, 2017 4:17 PM
平沢唯

Offline
Dec 2016
2206
kazurengan said:
Hi can you please check why my covers aren't appearing? i tried
to replace with the links from the first post but they aren't working.

https://myanimelist.net/animelist/kazurengan

thanks
From what I can tell this is a problem with Chrome's latest release (who knows why). Unless I am mistaken, you are using this code in your stylesheet, right?
@import "https://mal-image.appspot.com/all/kazurengan";

Try removing the quotes and adding url() around the link. Like so:
@import url(https://mal-image.appspot.com/all/kazurengan);


Give it a shot and see what happens. I can't guarantee this will work, but someone else I was talking to found this method and it seemed to work.
Jun 19, 2017 6:17 PM

Online
Feb 2010
12652
Valerio_Lyndon said:
kazurengan said:
Hi can you please check why my covers aren't appearing? i tried
to replace with the links from the first post but they aren't working.

https://myanimelist.net/animelist/kazurengan

thanks
From what I can tell this is a problem with Chrome's latest release (who knows why). Unless I am mistaken, you are using this code in your stylesheet, right?
@import "https://mal-image.appspot.com/all/kazurengan";

Try removing the quotes and adding url() around the link. Like so:
@import url(https://mal-image.appspot.com/all/kazurengan);


Give it a shot and see what happens. I can't guarantee this will work, but someone else I was talking to found this method and it seemed to work.


Oh I never heard of this problem. You don't see their covers now? I see their covers and I'm using Chrome but they haven't used your fix. So is it because I don't have the latest Chrome maybe?
Jun 19, 2017 6:28 PM
平沢唯

Offline
Dec 2016
2206
Shishio-kun said:
Valerio_Lyndon said:
From what I can tell this is a problem with Chrome's latest release (who knows why). Unless I am mistaken, you are using this code in your stylesheet, right?
@import "https://mal-image.appspot.com/all/kazurengan";

Try removing the quotes and adding url() around the link. Like so:
@import url(https://mal-image.appspot.com/all/kazurengan);


Give it a shot and see what happens. I can't guarantee this will work, but someone else I was talking to found this method and it seemed to work.


Oh I never heard of this problem. You don't see their covers now? I see their covers and I'm using Chrome but they haven't used your fix. So is it because I don't have the latest Chrome maybe?

Possibly. I'm running Chrome 59.0.3071.104 at the moment. I mentioned the issue of covers not displaying to another user, and they were fine until they updated. Apparently then it also broke for them. I don't know 100% if it is an issue that affects all, and only, Chrome v59 users, since it's only a sample size of 2... but I do know that I had to reinstall Chrome recently, which means I've been running 59 for a few weeks now, and any list I've viewed that uses custom covers does not display until I either modify the page somehow using Inspect Element, or this fix is used (which was found by Sipeari after I told him about the issue, so props for figuring that out). I don't know how any of this goes down in browsers other than Chrome and Firefox.
Jun 19, 2017 7:02 PM

Online
Feb 2010
12652
Valerio_Lyndon said:
Shishio-kun said:


Oh I never heard of this problem. You don't see their covers now? I see their covers and I'm using Chrome but they haven't used your fix. So is it because I don't have the latest Chrome maybe?

Possibly. I'm running Chrome 59.0.3071.104 at the moment. I mentioned the issue of covers not displaying to another user, and they were fine until they updated. Apparently then it also broke for them. I don't know 100% if it is an issue that affects all, and only, Chrome v59 users, since it's only a sample size of 2... but I do know that I had to reinstall Chrome recently, which means I've been running 59 for a few weeks now, and any list I've viewed that uses custom covers does not display until I either modify the page somehow using Inspect Element, or this fix is used (which was found by Sipeari after I told him about the issue, so props for figuring that out). I don't know how any of this goes down in browsers other than Chrome and Firefox.


ok thnx I'll keep an eye out for it
Jun 20, 2017 2:39 AM
Offline
Jun 2017
1
Has anyone got a link to the plastic memories list layout? (https://i.imgur.com/moLy6Cn.jpg) < This one

I've seen posts on it but none of the links work. It's my favourite anime and I've been searching for ages. Any help would be appreciated
Jun 20, 2017 6:23 AM
Offline
Dec 2011
241
Valerio_Lyndon said:
kazurengan said:
Hi can you please check why my covers aren't appearing? i tried
to replace with the links from the first post but they aren't working.

https://myanimelist.net/animelist/kazurengan

thanks
From what I can tell this is a problem with Chrome's latest release (who knows why). Unless I am mistaken, you are using this code in your stylesheet, right?
@import "https://mal-image.appspot.com/all/kazurengan";

Try removing the quotes and adding url() around the link. Like so:
@import url(https://mal-image.appspot.com/all/kazurengan);


Give it a shot and see what happens. I can't guarantee this will work, but someone else I was talking to found this method and it seemed to work.


nope, didn't work :/
Jun 20, 2017 8:28 AM

Offline
Jul 2015
820
@JLoh56 Over here

@kazurengan It looks like there's a problem with the cover generator you're using, so you should mention it to the creator (https://myanimelist.net/forum/?topicid=1459867) and/or switch generators. If you go to the cover URL then it shows that it doesn't recognize your username, so that's a bug in the generator.
Jun 20, 2017 9:28 AM
Offline
Dec 2011
241
Doomcat55 said:
@JLoh56 Over here

@kazurengan It looks like there's a problem with the cover generator you're using, so you should mention it to the creator (https://myanimelist.net/forum/?topicid=1459867) and/or switch generators. If you go to the cover URL then it shows that it doesn't recognize your username, so that's a bug in the generator.


i have actually created a .css file on my dropbox, i'm just not sure where to put the link. should i replace the current one from

@import url(https://mal-image.appspot.com/all/kazurengan);

or should i add a new one?
Jun 20, 2017 10:59 AM
平沢唯

Offline
Dec 2016
2206
Thanks for pointing that out, Doomcat. I didn't realize until I plugged the code into my own list.

kazurengan said:
Doomcat55 said:
@JLoh56 Over here

@kazurengan It looks like there's a problem with the cover generator you're using, so you should mention it to the creator (https://myanimelist.net/forum/?topicid=1459867) and/or switch generators. If you go to the cover URL then it shows that it doesn't recognize your username, so that's a bug in the generator.


i have actually created a .css file on my dropbox, i'm just not sure where to put the link. should i replace the current one from

@import url(https://mal-image.appspot.com/all/kazurengan);

or should i add a new one?

The problem with manually keeping a file would be you'd have to update it constantly. This generator still seems to work, and has what you need. Just use the #more preset for classic list style. Or there is a list of others here if it doesn't work. And you should remove the old import code from your CSS, calling on a broken file will do nothing but muddy up the page loading.
@import url(https://malcat-gen.appspot.com/series?preset=more);
Jun 21, 2017 1:42 AM
Offline
Dec 2011
241
Valerio_Lyndon said:
Thanks for pointing that out, Doomcat. I didn't realize until I plugged the code into my own list.

kazurengan said:


i have actually created a .css file on my dropbox, i'm just not sure where to put the link. should i replace the current one from

@import url(https://mal-image.appspot.com/all/kazurengan);

or should i add a new one?

The problem with manually keeping a file would be you'd have to update it constantly. This generator still seems to work, and has what you need. Just use the #more preset for classic list style. Or there is a list of others here if it doesn't work. And you should remove the old import code from your CSS, calling on a broken file will do nothing but muddy up the page loading.
@import url(https://malcat-gen.appspot.com/series?preset=more);


i tried to add this on top of my CSS code but did nothing. it's weird
only the generated covers are missing, they were working fine like 2 days ago. the problem is i don't know where i put the code for the covers :/
I'm sorry, i'm so noob in this..
Jun 24, 2017 11:45 PM
Offline
Sep 2009
25
can you help me fix my list please ?

i have 1200+ animes... and its lagging horribly to load it when i try to see my list.
how can i limit the results show per page?


heres the desing im using now:

BODY {
    background-attachment: fixed;
    background-color: #FFF;
    background-image: url('http://i.imgur.com/Y3yHFOp.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: #000000;
    font-family: Verdana,Arial;
    font-size: 9px;
    opacity: 100;
}
div#list_surround {
    background-image: url(http://i.imgur.com/9qk43AF.png); 
    background-repeat: no-repeat;
    margin-right: 2%;
    padding-top: 285px;
    width: 600px;
}
#list_surround {
}
#mal_cs_powered {
    position: fixed !important;
}
a {
    color: #DADADA !important;
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: none;
    text-shadow: gray 2px 2px;
}
a:visited {
    color: #DADADA !important;
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: none;
}
a:hover {
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: underline;
}
.td1 {
    background-image: url('http://i.imgur.com/MIGAhBn.png');
    background-position: center 50%;
    border-color: #FFFFFF;
    border-left: 0 none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-style: none;
    border-width: 0 1px 1px 0;
    color: #000000;
    padding: 2px;
}
.td2 {
    background-image: url('http://i.imgur.com/MIGAhBn.png');
    background-position: center 50%;
    border-color: #FFFFFF;
    border-left: 0 none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-style: none;
    border-width: 0 1px 1px 0;
    padding: 2px;
    color: #000000;
}
.table_header {
    background-image: url('http://i.imgur.com/MIGAhBn.png');
    background-position: center center;
    border-color: #ABABAB !important;
    border-style: none;
    border-width: 1px 1px 1px 0;
    color: #000000;
    padding: 2px;
}
.table_headerLink {
}
.table_headerLink:visited {
}
.table_headerLink:hover {
}
.form {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Verdana,Arial;
    font-size: 11px;
    padding: 2px;
}
.status_selected {
    background-color: transparent;
    color: #000000;
    font-family: Verdana Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    text-decoration: underline;
}
.status_not_selected {
    background-color: transparent;
    font-family: Verdana Arial;
    font-size: 20px;
    padding: 5px;
}
.header_title {
    display: none;
}
.header_cw {
    background-image: url(http://i.imgur.com/5xn6gJf.png);
    height: 129px;
    position: relative;
}
.header_completed {
    background-image: url(http://i.imgur.com/10CQbd7.png);
    height: 129px;
    position: relative;
}
.header_onhold {
    background-image: url(http://i.imgur.com/f438BNt.png);
    height: 129px;
    position: relative;
}
.header_ptw {
    background-image: url(http://i.imgur.com/JX8EWxw.png);
    height: 129px;
    position: relative;
}
.header_dropped {
    background-image: url(http://i.imgur.com/fvo6j4q.png);
    height: 129px;
    position: relative;
}
.category_totals {
    background-image: url(http://i.imgur.com/QgWxDl4.png); 
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 11px;
    height: 41px;
    text-align: center;
}
#grand_totals {
    background-image: url(http://i.imgur.com/8RvFRuf.png);
    background-position: center center;
    color: #FFFFFF;
    height: 75px;
    margin: 0 auto;
    text-align: center;
    width: 550px;
}
.header_al {
    font-size: 16px;
    font-weight: bold;
}
.header_al_links {
}
.animetitle {
    font-weight: bold;
}
#copyright {
    color: #000000;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    width: 550px;
}
small {
    color: #000;
}

Jun 27, 2017 5:23 AM

Online
Feb 2010
12652
@irenevanessa133

OK now that the layout is installed and you have the backgrounds go to this page

https://myanimelist.net/ownlist/style

And click on the theme that has the bubble shaded next to Anime. It will be only one of the themes. It will take you to a new page.

On that page, you should see stuff like this on the left


See the two places where I marked it "1"? Set those to YES

Click the CHOOSE FILE buttons. I marked both as "2". After you click them select the Hellsing background images when the new window pops up.

When you're done, you can click Save at the bottom marked "3". let me know when you are done here by quoting me. There are ways to readjust the size of the background, btw so don't worry if they are too big or small.
Jun 27, 2017 5:29 AM

Online
Feb 2010
12652
formiga said:
can you help me fix my list please ?

i have 1200+ animes... and its lagging horribly to load it when i try to see my list.
how can i limit the results show per page?


heres the desing im using now:

BODY {
    background-attachment: fixed;
    background-color: #FFF;
    background-image: url('http://i.imgur.com/Y3yHFOp.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: #000000;
    font-family: Verdana,Arial;
    font-size: 9px;
    opacity: 100;
}
div#list_surround {
    background-image: url(http://i.imgur.com/9qk43AF.png); 
    background-repeat: no-repeat;
    margin-right: 2%;
    padding-top: 285px;
    width: 600px;
}
#list_surround {
}
#mal_cs_powered {
    position: fixed !important;
}
a {
    color: #DADADA !important;
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: none;
    text-shadow: gray 2px 2px;
}
a:visited {
    color: #DADADA !important;
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: none;
}
a:hover {
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: underline;
}
.td1 {
    background-image: url('http://i.imgur.com/MIGAhBn.png');
    background-position: center 50%;
    border-color: #FFFFFF;
    border-left: 0 none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-style: none;
    border-width: 0 1px 1px 0;
    color: #000000;
    padding: 2px;
}
.td2 {
    background-image: url('http://i.imgur.com/MIGAhBn.png');
    background-position: center 50%;
    border-color: #FFFFFF;
    border-left: 0 none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-style: none;
    border-width: 0 1px 1px 0;
    padding: 2px;
    color: #000000;
}
.table_header {
    background-image: url('http://i.imgur.com/MIGAhBn.png');
    background-position: center center;
    border-color: #ABABAB !important;
    border-style: none;
    border-width: 1px 1px 1px 0;
    color: #000000;
    padding: 2px;
}
.table_headerLink {
}
.table_headerLink:visited {
}
.table_headerLink:hover {
}
.form {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Verdana,Arial;
    font-size: 11px;
    padding: 2px;
}
.status_selected {
    background-color: transparent;
    color: #000000;
    font-family: Verdana Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    text-decoration: underline;
}
.status_not_selected {
    background-color: transparent;
    font-family: Verdana Arial;
    font-size: 20px;
    padding: 5px;
}
.header_title {
    display: none;
}
.header_cw {
    background-image: url(http://i.imgur.com/5xn6gJf.png);
    height: 129px;
    position: relative;
}
.header_completed {
    background-image: url(http://i.imgur.com/10CQbd7.png);
    height: 129px;
    position: relative;
}
.header_onhold {
    background-image: url(http://i.imgur.com/f438BNt.png);
    height: 129px;
    position: relative;
}
.header_ptw {
    background-image: url(http://i.imgur.com/JX8EWxw.png);
    height: 129px;
    position: relative;
}
.header_dropped {
    background-image: url(http://i.imgur.com/fvo6j4q.png);
    height: 129px;
    position: relative;
}
.category_totals {
    background-image: url(http://i.imgur.com/QgWxDl4.png); 
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 11px;
    height: 41px;
    text-align: center;
}
#grand_totals {
    background-image: url(http://i.imgur.com/8RvFRuf.png);
    background-position: center center;
    color: #FFFFFF;
    height: 75px;
    margin: 0 auto;
    text-align: center;
    width: 550px;
}
.header_al {
    font-size: 16px;
    font-weight: bold;
}
.header_al_links {
}
.animetitle {
    font-weight: bold;
}
#copyright {
    color: #000000;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    width: 550px;
}
small {
    color: #000;
}



You can minimize the table. But its debatable whether it will change things for you
https://myanimelist.net/forum/?topicid=1329533

Or, the modern CSS limits the list to like 300 which might help too.
Jun 27, 2017 1:03 PM
Offline
Jun 2017
4
Hello :)

I haven't touched CSS for a long time so I am sure I have forgotten a bunch of things! I have been trying to put together a custom layout for my anime list. This is my dummy account that I am using while editing the layout so you can see the current progress on my anime list directly. I am currently stuck on trying to get rid of the underline from the links here -



I have tried using the anchor for different classes but no good :( I removed anything that wasn't helping. Here is my current CSS code. Any ideas/suggestions would be great! -



AiKimiJun 27, 2017 5:46 PM
Jun 27, 2017 8:26 PM
平沢唯

Offline
Dec 2016
2206
AiKimi said:
Hello :)

I haven't touched CSS for a long time so I am sure I have forgotten a bunch of things! I have been trying to put together a custom layout for my anime list. This is my dummy account that I am using while editing the layout so you can see the current progress on my anime list directly. I am currently stuck on trying to get rid of the underline from the links here -



I have tried using the anchor for different classes but no good :( I removed anything that wasn't helping. Here is my current CSS code. Any ideas/suggestions would be great! -




Those lines are actually made by using pseudo :after elements. If you want to view them in the HTML yourself, in inspect element they look like this.


So to get rid of them you could throw in a line like this:
.status-button:after {
    display: none !important;
}
Or going with the same selector format as you are using it would be
#status-menu a:after
Which ever works.

Also, nice work so far, I'm liking how it's turning out!
Jun 27, 2017 10:00 PM
Offline
Jun 2017
4
Valerio_Lyndon said:


Those lines are actually made by using pseudo :after elements. If you want to view them in the HTML yourself, in inspect element they look like this.


So to get rid of them you could throw in a line like this:
.status-button:after {
    display: none !important;
}
Or going with the same selector format as you are using it would be
#status-menu a:after
Which ever works.

Also, nice work so far, I'm liking how it's turning out!


Thank you so much!!! That worked :D Thanks for the tip! I might have to do some more inspection to get some other elements addressed in the CSS ^_^
Jun 28, 2017 3:30 AM

Offline
Mar 2017
91
Heyyo, trying to do a signature with a custom background. I made the signature at 600x140, but when I upload it MAL downsizes it to 600x105. I read around and thought the size limit was 600x140, am I wrong, or is there something I'm doing wrong to cause it to get downsized?
Kitsu - Waifu:Lilly Satou
Insert Useless Text Here
Are you a female, speak a language outside of english, and have a lot of built up anger? Then why not send me a hurtful message full of your burning hate for my existence. Leaving an english translation is optional, all hate is appreciated.
Jun 28, 2017 3:43 AM
平沢唯

Offline
Dec 2016
2206
Kohta_ said:
Heyyo, trying to do a signature with a custom background. I made the signature at 600x140, but when I upload it MAL downsizes it to 600x105. I read around and thought the size limit was 600x140, am I wrong, or is there something I'm doing wrong to cause it to get downsized?
Yeah, that shouldn't happen. Could you post the image and BBCode you are using? What image host are you trying to use?

Edit: I notice it in your signature just now, it looks fine at the moment.
Jun 28, 2017 3:45 AM

Offline
Mar 2017
91
I'm not using an image host, I uploaded the background for the signature from my desktop. I put the image I'm using it in my signature if you want to examine it. Trying to upload it to the custom signature section to have MAL overlay stats such as my current anime/manga activity, though every time I upload it cuts the height from 140 to 105.

P.S. I am talking about uploading through this method.
KohtaJun 28, 2017 5:25 AM
Kitsu - Waifu:Lilly Satou
Insert Useless Text Here
Are you a female, speak a language outside of english, and have a lot of built up anger? Then why not send me a hurtful message full of your burning hate for my existence. Leaving an english translation is optional, all hate is appreciated.
Jun 28, 2017 3:49 AM
平沢唯

Offline
Dec 2016
2206
Ah, I see. For normal images the max size is 600x150 according to site rules, but that is generally speaking. The generated signature is not related to that, and as far as I know, there is no way to change the height of it. Though I don't use it so there is a chance I am wrong.
Jun 28, 2017 12:16 PM

Offline
Dec 2015
292
First I would like to say that I am sorry for not responding to questions in the past, but now that I am back I have a problem I need help with. None of my anime or manga images are showing up. It's just blank.
Jun 28, 2017 5:31 PM
平沢唯

Offline
Dec 2016
2206
YugureShadowmore said:
First I would like to say that I am sorry for not responding to questions in the past, but now that I am back I have a problem I need help with. None of my anime or manga images are showing up. It's just blank.
What browser (and preferably version too) are you using?
Jun 28, 2017 5:35 PM

Offline
Dec 2015
292
Valerio_Lyndon said:
YugureShadowmore said:
First I would like to say that I am sorry for not responding to questions in the past, but now that I am back I have a problem I need help with. None of my anime or manga images are showing up. It's just blank.
What browser (and preferably version too) are you using?
CSS Modern Endless Summer Layout
Jun 28, 2017 5:49 PM
平沢唯

Offline
Dec 2016
2206
YugureShadowmore said:
Valerio_Lyndon said:
What browser (and preferably version too) are you using?
CSS Modern Endless Summer Layout
Ah, sorry. I meant like, are you using Firefox, Chrome, Internet Explorer, Edge, etcetera. The version would help too.

This looks like it has directions for most browsers, so I'll link it instead of giving directions for every single one. http://www.wikihow.com/Find-Your-Browser-Type-and-Version
Jun 28, 2017 7:17 PM

Offline
Dec 2015
292
Valerio_Lyndon said:
YugureShadowmore said:
CSS Modern Endless Summer Layout
Ah, sorry. I meant like, are you using Firefox, Chrome, Internet Explorer, Edge, etcetera. The version would help too.
This looks like it has directions for most browsers, so I'll link it instead of giving directions for every single one. http://www.wikihow.com/Find-Your-Browser-Type-and-Version
Thank you, I am suing Chrome BTW. I don't know which version though. I will try to find out but that is not the kind of thing I understand so I may just be lost there
Jun 28, 2017 7:25 PM

Offline
Dec 2015
292
Valerio_Lyndon said:
YugureShadowmore said:
CSS Modern Endless Summer Layout
Ah, sorry. I meant like, are you using Firefox, Chrome, Internet Explorer, Edge, etcetera. The version would help too.

This looks like it has directions for most browsers, so I'll link it instead of giving directions for every single one. http://www.wikihow.com/Find-Your-Browser-Type-and-Version
Oh and here is a link to my list so you can maybe see my problem https://myanimelist.net/animelist/YugureShadowmore
Reply Disabled for Non-Club Members
Pages (159) « First ... « 88 89 [90] 91 92 » ... Last »

More topics from this board

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

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login