| Requesting help on Manga List for Box Covers preset layout, just a small thing but how do you get it to display the type of Manga at a bit below the number count at the top left? Also, the category seems displaced to the right but I think that can't be fixed right? |
| Orange, you say? That's the name of my loyalty! All Hail Lelouch Vi Britannia! Rip Wowaka... |
EDOgawa4 said: Got Problems with my AnimeList, http://i67.tinypic.com/nziz9l.jpg on the lieft side, luffys bounty is over the Add Button for the Animelist ^^''
#mal_control_strip{
position:absolute;
z-index:2;
}
LZW said: Requesting help on Manga List for Box Covers preset layout, just a small thing but how do you get it to display the type of Manga at a bit below the number count at the top left? Also, the category seems displaced to the right but I think that can't be fixed right?
td[class^="td"]:nth-of-type(6){
top:41px;
left:11px;
height:13px;
padding:4px;
display:block;
}
|
ellordNov 13, 2016 12:55 PM
  |
It does work  Are you sure it's not overwrited? When setting multiple time a same attribut, It will take the last one. You can add !important but same problem if you use multiple !important. |
|
ellord said: It does work Are you sure it's not overwrited? When setting multiple time a same attribut, It will take the last one. You can add !important but same problem if you use multiple !important. Ok Thank you it worked ^^... but eh isn't there a way to just move the bounties down? |
EDOgawa4 said: Ok Thank you it worked ^^... but eh isn't there a way to just move the bounties down? Remove previous code and add
#list_surround table:first-of-type td:first-of-type{
top:70px;
}
Change the number to set the position. It will only move down luffy bounty. If you want to move down everything, you have to set a top for every bounties (1 to 6)
#list_surround table:first-of-type td:nth-of-type(Type_1_To_6_Here){
top:Type_Different_Number_For_Every_Bountypx;
}
Tip: Next time move the table (absolute) then every td relatively, by doing so you can move all bounties together in a single line by just moving the table. I don't know if you are the original creator so if not ignore this. |
ellordNov 15, 2016 2:49 PM
|
Yukichi0203 said: What kinds of Link Hover Decorations are there? What do you mean? There are unlimited possibilities of link hover decorations. Can you be more specific so I can help you. |
|
Yukichi0203 said: For now I'm using Easy List Design (Edit My Style) to simply edit my list, and I'm using the default 'underline' at the moment so I was wondering what other options there are You can : -Change color text/background/image. -Change size -Animate -Display new element -More.... In other word you can recreate a complete different css. Hovering is just a trigger. You can take a look on people list design to get an idea. For example mine. |
|
| Hey guys. Finished the HTML/CSS course on code academy. I realize that there is a CSS page for formatting, but how do I get stuff into the webpage? For example in html I would use <a href="link"> to get something into the document. How do I do this in the mal setup? I can't use <a href> in the css sheet. |
 |
| Hello again! So I am reverse engineering a template right now to figure out how it works. One problem I had is this. https://gyazo.com/58db3bcadeeb735e56a79975a1da76e5 For some reason the image is being duplicated. How can I fix this? Also to change the size of the div for each button how would I do that? I would change the margin size for the specific button correct? Thanks! What I have so far. .status_selected a{ color:red; } .status_not_selected a{ text-decoration: none; background-image: url(http://i.imgur.com/mumzVHG.png) } body{ background-image: url(http://i.imgur.com/8Va2xGZ.jpg) } .status_not_selected a[href*="status=1"] { color: yellow; } |
|
@WisestOne/*Disable duplication*/ background-repeat:none; /*Your div seem larger than ils image, I recommand this*/ background-size:cover; /*You may want différent value cover depending what you desire*/ Button like complete, watching, plan to watch.... are td in tr in table. Change the size of td using /*change individually*/ yourTable td:nth-of-type(Numbers) /*change all of them*/ yourTable td |
ellordDec 27, 2016 12:08 PM
|
| So I took a premade classic anime list layout and I'm encountering a few problems, and I want to ask the original designer about it but I can't contact him. So I wanted to use this layout: https://myanimelist.net/forum/?topicid=605019 But the cover photo and description isn't showing up when I hover my mouse over the anime title. Also, I tried to use a premade custom top bar, but it ends up getting stuck underneath the anime layout itself when I hover over it. All examples of the problem I've taken screenshots of right here, including the original source of the premade custom bar code: https://docs.google.com/document/d/1rsyLNwkbMBUijjgGt1F6JX7lM-1H5GD7flhcdotctF8/edit?usp=sharing If anyone could help me, that'd be great! |
 |
Uzumaki_Pride said: So I took a premade classic anime list layout and I'm encountering a few problems, and I want to ask the original designer about it but I can't contact him. So I wanted to use this layout: https://myanimelist.net/forum/?topicid=605019 But the cover photo and description isn't showing up when I hover my mouse over the anime title. Also, I tried to use a premade custom top bar, but it ends up getting stuck underneath the anime layout itself when I hover over it. All examples of the problem I've taken screenshots of right here, including the original source of the premade custom bar code: https://docs.google.com/document/d/1rsyLNwkbMBUijjgGt1F6JX7lM-1H5GD7flhcdotctF8/edit?usp=sharing If anyone could help me, that'd be great! I've updated the original topic and the source codes and fixed the errors (at least from what I see). I also made some small improvements on the cursor and icons. So try to reinstall the updated CSS codes. As for the topbar thing, I added a note on that on the layout's topic page. |
Shishio-kun said: Uzumaki_Pride said: So I took a premade classic anime list layout and I'm encountering a few problems, and I want to ask the original designer about it but I can't contact him. So I wanted to use this layout: https://myanimelist.net/forum/?topicid=605019 But the cover photo and description isn't showing up when I hover my mouse over the anime title. Also, I tried to use a premade custom top bar, but it ends up getting stuck underneath the anime layout itself when I hover over it. All examples of the problem I've taken screenshots of right here, including the original source of the premade custom bar code: https://docs.google.com/document/d/1rsyLNwkbMBUijjgGt1F6JX7lM-1H5GD7flhcdotctF8/edit?usp=sharing If anyone could help me, that'd be great! I've updated the original topic and the source codes and fixed the errors (at least from what I see). I also made some small improvements on the cursor and icons. So try to reinstall the updated CSS codes. As for the topbar thing, I added a note on that on the layout's topic page. Thanks for helping me fix the topbar! However, I tried following the tutorial to fix the covers, but there are still no covers showing up. How should I go about that? |
|
Uzumaki_Pride said: At the top of your CSS, replaceShishio-kun said: I've updated the original topic and the source codes and fixed the errors (at least from what I see). I also made some small improvements on the cursor and icons. So try to reinstall the updated CSS codes. As for the topbar thing, I added a note on that on the layout's topic page. Thanks for helping me fix the topbar! However, I tried following the tutorial to fix the covers, but there are still no covers showing up. How should I go about that? @import "https://malcat-gen.appspot.com/series?preset=more"; @import "https://malcat-gen.appspot.com/series?template=.animetitle[href*='/$id/']:after { background-image: url($series_image); }"; |
 |
Doomcat55 said: Uzumaki_Pride said: At the top of your CSS, replaceThanks for helping me fix the topbar! However, I tried following the tutorial to fix the covers, but there are still no covers showing up. How should I go about that? @import "https://malcat-gen.appspot.com/series?preset=more"; @import "https://malcat-gen.appspot.com/series?template=.animetitle[href*='/$id/']:after { background-image: url($series_image); }";Ahh, thanks so much! It finally showed up! |
|
Uzumaki_Pride said: Shishio-kun said: I've updated the original topic and the source codes and fixed the errors (at least from what I see). I also made some small improvements on the cursor and icons. So try to reinstall the updated CSS codes. As for the topbar thing, I added a note on that on the layout's topic page. Thanks for helping me fix the topbar! However, I tried following the tutorial to fix the covers, but there are still no covers showing up. How should I go about that? Well good but when I said I updated the source code and that you only needed to reinstall the updated CSS codes, I wasn't saying to use the cover-fixing tutorial, I was recommending you reinstall this: http://pasted.co/ec321094 or this depending on if you use tags http://pasted.co/3e6b9195 This is the source code for the Psycho Pass layout. I updated it since you reported the issues. I had already fixed the covers there and a couple problems with the cursor and more/edit/add buttons. But since you got a new cover import you should be good, just keep in mind that old version of the layout has problems with the cursor and buttons |
Shishio-kun said: Uzumaki_Pride said: Thanks for helping me fix the topbar! However, I tried following the tutorial to fix the covers, but there are still no covers showing up. How should I go about that? Well good but when I said I updated the source code and that you only needed to reinstall the updated CSS codes, I wasn't saying to use the cover-fixing tutorial, I was recommending you reinstall this: http://pasted.co/ec321094 or this depending on if you use tags http://pasted.co/3e6b9195 This is the source code for the Psycho Pass layout. I updated it since you reported the issues. I had already fixed the covers there and a couple problems with the cursor and more/edit/add buttons. But since you got a new cover import you should be good, just keep in mind that old version of the layout has problems with the cursor and buttons No, the thing was, I DID reinstall the updated CSS codes but the covers still didn't work for me. But it's okay, cause everything seems to be working fine now. Thanks! |
Uzumaki-himeDec 31, 2016 3:52 PM
|
Uzumaki_Pride said: Shishio-kun said: Well good but when I said I updated the source code and that you only needed to reinstall the updated CSS codes, I wasn't saying to use the cover-fixing tutorial, I was recommending you reinstall this: http://pasted.co/ec321094 or this depending on if you use tags http://pasted.co/3e6b9195 This is the source code for the Psycho Pass layout. I updated it since you reported the issues. I had already fixed the covers there and a couple problems with the cursor and more/edit/add buttons. But since you got a new cover import you should be good, just keep in mind that old version of the layout has problems with the cursor and buttons No, the thing was, I DID reinstall the updated CSS codes but the covers still didn't work for me. But it's okay, cause everything seems to be working fine now. Oh ok I see, you reverted your layout back to the original version after trying the new one. Earlier today I saw you using the old version which the cover-fixing tutorial can't help. It's odd tho that the covers didn't work for you the first time, I guess the server was down for that short time. btw if you want to remove that gap on the right side for your list, you can turn tags column off: https://myanimelist.net/editprofile.php?go=listpreferences Tho I think the gap kind of helps with organizing info |
Shishio-kun said: Uzumaki_Pride said: No, the thing was, I DID reinstall the updated CSS codes but the covers still didn't work for me. But it's okay, cause everything seems to be working fine now. Oh ok I see, you reverted your layout back to the original version after trying the new one. Earlier today I saw you using the old version which the cover-fixing tutorial can't help. It's odd tho that the covers didn't work for you the first time, I guess the server was down for that short time. btw if you want to remove that gap on the right side for your list, you can turn tags column off: https://myanimelist.net/editprofile.php?go=listpreferences Tho I think the gap kind of helps with organizing info Ohh, okay thanks! Earlier my list displayed a rewatching text next to anime that I was rewatching, as well as airing and not yet aired for anime the corresponding anime, but for some reason it's gone now. Did I mess something up when I was trying to input the import code? |
Uzumaki-himeDec 31, 2016 4:29 PM
|
Uzumaki_Pride said: Shishio-kun said: Oh ok I see, you reverted your layout back to the original version after trying the new one. Earlier today I saw you using the old version which the cover-fixing tutorial can't help. It's odd tho that the covers didn't work for you the first time, I guess the server was down for that short time. btw if you want to remove that gap on the right side for your list, you can turn tags column off: https://myanimelist.net/editprofile.php?go=listpreferences Tho I think the gap kind of helps with organizing info Ohh, okay thanks! Earlier my list displayed a rewatching text next to anime that I was rewatching, but for some reason it's gone now. Did I mess something up when I was trying to input the import code? Oh that's my error, I overlooked something when repairing the other stuff recently. You can just add this: #list_surround .animetitle + small { color: #FF6600 !important; } That should be all the errors hopefully. Thanks for your patience. This layout's really good but it's had to have been repaired like a million times over the years. |
Shishio-kun said: Uzumaki_Pride said: Ohh, okay thanks! Earlier my list displayed a rewatching text next to anime that I was rewatching, but for some reason it's gone now. Did I mess something up when I was trying to input the import code? Oh that's my error, I overlooked something when repairing the other stuff recently. You can just add this: #list_surround .animetitle + small { color: #FF6600 !important; } That should be all the errors hopefully. Thanks for your patience. This layout's really good but it's had to have been repaired like a million times over the years. Okay, I feel bad because I don't know if it's just me, but now a majority of the covers aren't showing up again. It might be a server thing again, but when I hover over some of them nothing is popping up; only the grainy effect of the layout is showing. I like this layout, but I don't know why fixing one thing leads to another error. Sorry I'm taking up your time! |
|
Shishio-kun said: Uzumaki_Pride said: Ohh, okay thanks! Earlier my list displayed a rewatching text next to anime that I was rewatching, but for some reason it's gone now. Did I mess something up when I was trying to input the import code? Oh that's my error, I overlooked something when repairing the other stuff recently. You can just add this: #list_surround .animetitle + small { color: #FF6600 !important; } That should be all the errors hopefully. Thanks for your patience. This layout's really good but it's had to have been repaired like a million times over the years. Nevermind, it's working now so it probably was a server error! Thanks for helping me out, and I'm sorry I took up your time! |
|
Uzumaki_Pride said: Shishio-kun said: Oh that's my error, I overlooked something when repairing the other stuff recently. You can just add this: #list_surround .animetitle + small { color: #FF6600 !important; } That should be all the errors hopefully. Thanks for your patience. This layout's really good but it's had to have been repaired like a million times over the years. Nevermind, it's working now so it probably was a server error! Thanks for helping me out, and I'm sorry I took up your time! Ah well for extra coverage you can try to use this @import url(https://dl.dropboxusercontent.com/s/8vwx5ltnrg9f6kn/pride.css); that's an extra import to add, on top with the other imports you already have. It's kind of a backup of your covers used today on another server. You can also get rid of the static effect by removing the codes at the bottom However I like the static personally lol.. btw I like the pretty blue you've used for the rewatching it's nice Oh and don't worry you're not taking up any time- I'm not really doing anything today cuz of a bad headache so I'm just talking to ppl online and waiting for this awful terrible year to end lol. It's better to stay distracted by fixing and learning things instead. Now the layout will be better for future ppl, so it's a good thing. And you never need to feel bad either, the fault is always with sites like Google and Dropbox who change their sites wrecking everyone else. |
Shishio-kun said: Uzumaki_Pride said: Nevermind, it's working now so it probably was a server error! Thanks for helping me out, and I'm sorry I took up your time! Ah well for extra coverage you can try to use this @import url(https://dl.dropboxusercontent.com/s/8vwx5ltnrg9f6kn/pride.css); that's an extra import to add, on top with the other imports you already have. It's kind of a backup of your covers used today on another server. You can also get rid of the static effect by removing the codes at the bottom However I like the static personally lol.. btw I like the pretty blue you've used for the rewatching it's nice Oh and don't worry you're not taking up any time- I'm not really doing anything today cuz of a bad headache so I'm just talking to ppl online and waiting for this awful terrible year to end lol. It's better to stay distracted by fixing and learning things instead. Now the layout will be better for future ppl, so it's a good thing. And you never need to feel bad either, the fault is always with sites like Google and Dropbox who change their sites wrecking everyone else. Nah, I like the static effect too! I hope your headache gets better; I've had a pretty shitty year too. But then again, I don't think there's anyone who actually liked 2016. Anyways, thanks again, and here's to a better 2017! |
|
| Sooo, I can't actually code or use Photoshop and I'm not creative. But does someone feel like making me an anime list background and all that? Also, if you're feeling really ambitious, something for my profile too. I know that's a lot to do, but if you're really interested and have the time, send me a message |
Did you know Shinigami love apples? |
| @saintsylar list -> setting -> show column. It may mess up with current design since it add some element. |
|
| @VestOfHolding 1. Modify this line @import url("https://malcat-gen.appspot.com/headers");@import url("https://malcat-gen.appspot.com/headers?template=body[data-query*='\"status\":7'] .list-item:nth-child($index) .data.status:before { content: '$content'; } .list-item:nth-child($index) { clear: left; }");2. You want something like this: .data.title .link { background-color: rgba(0, 0, 0, .5); } |
|
| @VestOfHolding Yeah, sorry about that lol. Sorting/filtering isn't really practical for the script to do — tbh I doubt most people even use those features very often, as you're the first person I've heard mentioning it. That flickering is because the code in your layout that causes these icons to show up on hover is overriding some of the code from the MalCat import. You can fix it by changing these blurbs: @import url("https://malcat-gen.appspot.com/headers?template=body[data-query*='\"status\":7'] .list-item:nth-child($index) .data.status:before { content: '$content'; } .list-item:nth-child($index) { clear: left; }"); body[data-query*='"status":7'] .data.status:before { display: block; position: absolute; top: 0px; left: -200px; width: 180px; height: 50px; line-height: 50px; font-size: 24px; text-indent: 10px; border-top: 1px solid #EBEBEB; visibility: visible; } to read :after instead of :before. |
|
| Hey there! So actually I already opened a topic, in which i stated my problem. (I didnt knew about this topic previously.) And I guess you will be able to help me with my problem. https://myanimelist.net/forum/?topicid=1586359 This is where i explained the problem and posted the code. |
ImNeverWrongJan 21, 2017 3:30 PM
   Hello On the right you can find my Profile and my Animelist. And on the left you can see my ratings. |
@VestOfHolding Sure you can do that, change the import again to@import url("https://malcat-gen.appspot.com/headers?template=body[data-query='{\"status\":7}'] .list-item:nth-child($index) .data.status:before { content: '$content'; } .list-item:nth-child($index) { clear: left; }"); |
|
| Hey .. So first of all does noone really know how to fix that problem? ^^ And second, is it possible to put another background, for mobile devices? So if I visit on a PC it shows the picture I got now and when someone visits on a mobile device it shows another picture? :) |
Hello On the right you can find my Profile and my Animelist. And on the left you can see my ratings. |
How can i remove this: |
 |
@Diaboliqq
.list-status-title{
display:none!important;
}
|
|
ImNeverWrong said: Hey .. So first of all does noone really know how to fix that problem? ^^ And second, is it possible to put another background, for mobile devices? So if I visit on a PC it shows the picture I got now and when someone visits on a mobile device it shows another picture? :) I'm not able to look into your first question atm but for your second I used to do something like this. The first background image is for devices smaller than a typical desktop screen and the second is for common desktop sizes. @media screen and (max-width:1023px) { /* Mobile styles */ body { background-image: url(); } } @media screen and (min-width:1024px) { /* Small screen styles */ body { background-image: url(); } } There was another code but I remember this setup working more reliably for setting different papers on mobile devices Edit: This would probably be a bit better. It still streams different wallpapers based on the screensize. @media screen and (min-width:1px) { /* Small-screen styles */ body { background-image: url(); } } @media screen and (min-width:1024px) { /* Medium-screen styles */ body { background-image: url(); } } @media screen and (min-width:1365px) { /* Widescreen desktop styles */ body { background-image: url(); } } |
Shishio-kunFeb 7, 2017 10:12 PM
How i make those white? ( i know i must get rgba ( 255,255,255,1 ) but where?: |
|
Shishio-kun said: ImNeverWrong said: Hey .. So first of all does noone really know how to fix that problem? ^^ And second, is it possible to put another background, for mobile devices? So if I visit on a PC it shows the picture I got now and when someone visits on a mobile device it shows another picture? :) I'm not able to look into your first question atm but for your second I used to do something like this. The first background image is for devices smaller than a typical desktop screen and the second is for common desktop sizes. @media screen and (max-width:1023px) { /* Mobile styles */ body { background-image: url(); } } @media screen and (min-width:1024px) { /* Small screen styles */ body { background-image: url(); } } There was another code but I remember this setup working more reliably for setting different papers on mobile devices Edit: This would probably be a bit better. It still streams different wallpapers based on the screensize. @media screen and (min-width:1px) { /* Small-screen styles */ body { background-image: url(); } } @media screen and (min-width:1024px) { /* Medium-screen styles */ body { background-image: url(); } } @media screen and (min-width:1365px) { /* Widescreen desktop styles */ body { background-image: url(); } } Thank you! I will try that later when I got some time.. |
Hello On the right you can find my Profile and my Animelist. And on the left you can see my ratings. |
| @ImNeverWrong @Shishio-kun Let me just inform you a little about this thrick. Nowday, many phone has large resolution. Don't expect it to work on every phone and the best way to handle this isn't through css. @Diaboliqq
tr.list-table-data{
color:white;
}
|
|
| I very recently got MAL for the first time and delved pretty much immediately into learning how to customize my profile. After lurking around a bit and stealing a template to customize a bit, I ran into an issue that I cant figure out for the life of me what is going on. As an example for the image that I want to replace, I will be using this: In my Advanced CSS options I was able to locate the url of the image that was being used by default, from the user that created the template. I created a correctly scaled image that I wanted to use (Image earlier) This change can be clearly located right here:  However, despite the change that I made, it continues to use the default image from the users template, and I cant for the life of me find out why or how to change it. Seen here;  If anyone has any idea whats going on or maybe some alternative way to fix it, It would be greatly appreciated. Full Advanced CSS Here: |
More topics from this board
» share your amv! ( 1 2 3 4 5 ... Last Page )Animetwins - May 5, 2015 |
1011 |
by Freshell
»»
5 hours ago |
|
» Made An Anime Youtube Video thoughts?panque - Apr 23 |
5 |
by Cammell
»»
10 hours ago |
|
» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page )nin-tendo - Dec 16, 2022 |
369 |
by _HaSSaaN_
»»
12 hours ago |
|
» "Tenchi Muyo!" TAKARA Doll Series (1995/1997?)MasterTasuke - May 9 |
0 |
by MasterTasuke
»»
May 9, 12:45 PM |
|
» The Poetry thread ( 1 2 3 4 5 )TheConquerer - Sep 17, 2015 |
221 |
by SkiesOfBlue
»»
May 8, 11:14 PM |