| Moved from feedback topic. Most of this post this guy already knows what he wants and isn't actually looking for feedback, hes mainly looking for fixes Kirito_Kurosaki said: I was wondering if i could get some feedback and help with my list. Not too long ago i started getting into customizing my list (like 2 weeks ago) and after a few trial and errors, and ultimately failures, i decided to use a premade list as a template and further customize it in little bits. For my theme i tried doing a SAO theme with the multi wallpaper function that came with the premade list. Im still far from done and want help regarding the "Score" part of my list of which i will put pictures in. I just started so it looks very similar to the original, if anyone has any input i'd be more than glad to hear it, it's what i came here for. 1st wallpaper (All) As you can see my "Score" section is black but i want it to be the same as the rest of the list, i'd also like to see if someone could help me with the missing covers but that's not really urgent 2nd-6th wallpapers (Planning, dropped, etc) Also here's my Css Just to clairify i didn't create this list in anyway, i have simply changed the wallpapers and changed little bits so far, im planning to change a good bit of things later on but i came here first to get some input on where to keep going and some help You have a black background image on the score for some reason. Remove it and you can see score again td[class^='td'][width="45"] { background-image: url(http://i.imgur.com/sudqPq5.jpg); } ^ find and remove that Missing covers is covered in CSS tutorials, if you don't know where use Google -> search MyanimeList + customize your list, or All CSS tutorials, etc |
Shishio-kunAug 18, 2015 9:20 PM
| Hi, I just wonder, how can I make the review section looks like this? http://puu.sh/jHxCd.png I mean, it expands with longer reviews instead of a constant height limit. |
Takana_no_Hana said: Hi, I just wonder, how can I make the review section looks like this? http://puu.sh/jHxCd.png I mean, it expands with longer reviews instead of a constant height limit. add this code |
 |
| Hi im not sure if this has been answered elsewhere but this thread is quite long. im trying to write display: table-cell; but after i update my list it turns to display: -cell; is their a way to stop this? |
D_Cuy said: Takana_no_Hana said: Hi, I just wonder, how can I make the review section looks like this? http://puu.sh/jHxCd.png I mean, it expands with longer reviews instead of a constant height limit. add this code Thanks, but the code didn't work. http://puu.sh/jIzqJ.jpg It just moved the tags into right, and when I tried to write something long it also eats words instead of expanding. |
shardshunt1 said: Hi im not sure if this has been answered elsewhere but this thread is quite long. im trying to write display: table-cell; but after i update my list it turns to display: -cell; is their a way to stop this? If you write "table" in the Advanced CSS code box it will be striped (some weird MAL rule to not apply CSS to tables or something), that's why I always import the code from dropbox and make all the changes directly in my PC, it updates automatically and no worries form anything being striped. There is way to get table in that, but I don't remember in this moment. |
Takana_no_Hana said: D_Cuy said: add this code Thanks, but the code didn't work. http://puu.sh/jIzqJ.jpg It just moved the tags into right, and when I tried to write something long it also eats words instead of expanding. I don't know why XD it should work fine in google chrome and Firefox before after |
|
D_Cuy said: Takana_no_Hana said: Thanks, but the code didn't work. http://puu.sh/jIzqJ.jpg It just moved the tags into right, and when I tried to write something long it also eats words instead of expanding. I don't know why XD it should work fine in google chrome and Firefox before after Oh :(, I think I will add it again and try to fix it up. Anw thanks for your codes xD |
| @WhaleBacon You have some extra } and some extra ; in a few lines, I have corrected the code so it should be OK. |
| Hi there, I've got one problem with my list. I'd like to enlarge the image of the DVD cover on my anime list. I tried everything, but it wasn't going right. Could you help me and tell me where in the code is an error, or, how to do it? |
It should work ! |
| and you also need to chang "background-size: 143px !important;" id recommend .hide {
background-color: rgba(0, 0, 0, 0.9);
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
border-color: black;
border-style: solid;
border-width: 1px;
display: block !important;
height: 321px;
right: 30px;
position: fixed;
bottom: 30px;
width: 225px;
background-size: cover !important;
visibility: hidden;
opacity: 0;
} |
HighKing77 said: So I've been fiddling with the codes and stuff to re-arrange the look of my anime list and the tutorial did a fine job at taking me through it. My list feels a bit more unique now. I have a problem with it though that I can't find a solution for. If you go on my anime list, you can see that my vertical borders don't exactly line up the way they should. This is happening for all borders apart for the "rated" border. I don't have the knowledge to know how to fix this. Solution anyone? It's really bothering me. Yeah I had that problem when I was using Chrome. If you try to view your list with another browser, for example Firefox, all stuff should be neat and organized. I think you're the only one seeing it like that. other people who view your list will find it fine. I went to your list using, Chrome, Firefox, and Microsoft Edge and there's no problems with it |
| Can some one help me with this. Every time I put the animation code in MAL CSS editor and update it, the animation name goes away http://imgur.com/R55iJax |
| What is the name of the animation?? because the MAL CSS editor strip the word table and some others, so you have to use different name. |
al_exs said: What is the name of the animation?? because the MAL CSS editor strip the word table and some others, so you have to use different name. LOL the animation name is table |
| It's working now! thank you |
Anzumatsuri_Aug 29, 2015 11:39 PM
HighKing77 said: So I've been fiddling with the codes and stuff to re-arrange the look of my anime list and the tutorial did a fine job at taking me through it. My list feels a bit more unique now. I have a problem with it though that I can't find a solution for. If you go on my anime list, you can see that my vertical borders don't exactly line up the way they should. This is happening for all borders apart for the "rated" border. I don't have the knowledge to know how to fix this. Solution anyone? It's really bothering me. Its important we're seeing the same thing so I don't give you a wrong solution. Do you notice the problem only when you move the cursor over the list- or are they misaligned all the time even when you're not pointing to the list? I only see the former problem. |
Shishio-kun said: HighKing77 said: So I've been fiddling with the codes and stuff to re-arrange the look of my anime list and the tutorial did a fine job at taking me through it. My list feels a bit more unique now. I have a problem with it though that I can't find a solution for. If you go on my anime list, you can see that my vertical borders don't exactly line up the way they should. This is happening for all borders apart for the "rated" border. I don't have the knowledge to know how to fix this. Solution anyone? It's really bothering me. Its important we're seeing the same thing so I don't give you a wrong solution. Do you notice the problem only when you move the cursor over the list- or are they misaligned all the time even when you're not pointing to the list? I only see the former problem. It's misaligned all the time. So it's a bit easier for you to see what I mean, I took a screenshot and circled examples of where it's misaligned. See what I mean?  |
FieryFightAug 30, 2015 5:45 AM
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
HighKing77 said: Shishio-kun said: Its important we're seeing the same thing so I don't give you a wrong solution. Do you notice the problem only when you move the cursor over the list- or are they misaligned all the time even when you're not pointing to the list? I only see the former problem. It's misaligned all the time. So it's a bit easier for you to see what I mean, I took a screenshot and circled examples of where it's misaligned. See what I mean? Is that the same CSS you have now on your anime list? Cuz your current list layout has red header text when I look at it, but in the screenshot its blue and underlined. |
Shishio-kun said: HighKing77 said: It's misaligned all the time. So it's a bit easier for you to see what I mean, I took a screenshot and circled examples of where it's misaligned. See what I mean? Is that the same CSS you have now on your anime list? Cuz your current list layout has red header text when I look at it, but in the screenshot its blue and underlined. Yeah, the header text is red but sometimes my computer makes words show up like that for some reason. I think it was by some virus or something. You can also see it happened to "special" on the middle of the screen. It has nothing to do with the CSS code. Would sending you my CSS code help you find out why the vertical borders are unaligned? |
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
HighKing77 said: Yeah, the header text is red but sometimes my computer makes words show up like that for some reason. I think it was by some virus or something. You can also see it happened to "special" on the middle of the screen. It has nothing to do with the CSS code. Would sending you my CSS code help you find out why the vertical borders are unaligned? No, no need to send cuz I already ripped your CSS from your list and added to my own list. But I don't see the same errors tho as you, in Chrome or FF. I wonder if the errors are because your computer is reading code differently. Because the errors circled happen are so close to stuff the rest of us don't see (tho they're also close to "Special" which is bigger than the other text). I think you might have an unwanted add on or program installed that is turning certain parts into links -the blue underlined parts. Unfortunately, I can only make guesses at what you can try to do. I would say, first try adjusting the overall width of the list to see if that fixes anything. If that doesn't work you can play with the width of these codes as a start: td.table_header:nth-child(2){ width: 770px; } Use it to increase the width of the table header thats misaligned. It might have to a bit less or more width (like 5 px at a time), idk, just try to mess with it and see if it fixes things at all. You can do the same with this code- this controls width of column 4 so you can try to expand it so that fits the "Special" text. td:nth-child(4) { width: 100px !important; } I would try those things out one at a time making small adjustments. You may also want to look thru your add ons and programs and remove anything you don't recognize, thats also not from Microsoft or from the "birthdate" of the computer. I would also recommend installing Avast and Malwarebytes and clearing your com, then removing or disabling Avast when it clears everything cuz it can lag out online gaming, streaming, etc. It might solve everything |
HighKing77 said: Shishio-kun said: No, no need to send cuz I already ripped your CSS from your list and added to my own list. But I don't see the same errors tho as you, in Chrome or FF. I wonder if the errors are because your computer is reading code differently. Because the errors circled happen are so close to stuff the rest of us don't see (tho they're also close to "Special" which is bigger than the other text). I think you might have an unwanted add on or program installed that is turning certain parts into links -the blue underlined parts. Unfortunately, I can only make guesses at what you can try to do. I would say, first try adjusting the overall width of the list to see if that fixes anything. If that doesn't work you can play with the width of these codes as a start: td.table_header:nth-child(2){ width: 770px; } Use it to increase the width of the table header thats misaligned. It might have to a bit less or more width (like 5 px at a time), idk, just try to mess with it and see if it fixes things at all. You can do the same with this code- this controls width of column 4 so you can try to expand it so that fits the "Special" text. td:nth-child(4) { width: 100px !important; } I would try those things out one at a time making small adjustments. You may also want to look thru your add ons and programs and remove anything you don't recognize, thats also not from Microsoft or from the "birthdate" of the computer. I would also recommend installing Avast and Malwarebytes and clearing your com, then removing or disabling Avast when it clears everything cuz it can lag out online gaming, streaming, etc. It might solve everything I couldn't fix it, but an antivirus managed to get rid of the blue underlined words I sometimes see, so that's good. If other people can't see the errors, then I'll just live with it. Bet this wouldn't happen if I weren't using a Mac... they're weird sometimes. Thanks for the help! Sure; you might want to try another layout style like a Square layout- it might not be effected by the same coding problems |
| HighKing77, everything is fine when I'm viewing it. http://imgur.com/DQENAgX |
| Is there anyway to reduce the background width of category totals and copyright? http://imgur.com/JrwzQCk I can reduce it if I reduce the list surround width, but that will ruin the width of my list |
| Hello, I am relatively new here and I have been checking out alot of guides. I don't know much about HTML and CSS but I manage through trial and error. So I was trying to change the position of the covers and edit tags on my page. Then I encountered something like this: .td1[width="125"] > span, .td2[width="125"] > span { left: calc(55% + 10px); } You can probably see it already, ">" doesnt work in bbcode right? So I have been wondering about how you should alter it, so that you can put it in your code. Can't seem to figure it out tho. Anybody that can help me out? |
 |
milkishealthy said: Hello, I am relatively new here and I have been checking out alot of guides. I don't know much about HTML and CSS but I manage through trial and error. So I was trying to change the position of the covers and edit tags on my page. Then I encountered something like this: .td1[width="125"] > span, .td2[width="125"] > span { left: calc(55% + 10px); } You can probably see it already, ">" doesnt work in bbcode right? So I have been wondering about how you should alter it, so that you can put it in your code. Can't seem to figure it out tho. Anybody that can help me out? You can import it (there's a topic on that) to bypass the restrictions, or just try to use the code with the symbols. Like this .td1[width="125"] span, .td2[width="125"] span { left: calc(55% + 10px); } might even work btw you mentioned BBcode but I think you meant CSS code, not BBcode. They are very different for future reference- the custom coding the list uses (CSS) is different form the profile's custom code (BBcode). |
SamPolus22 said: Is there anyway to reduce the background width of category totals and copyright? http://imgur.com/JrwzQCk I can reduce it if I reduce the list surround width, but that will ruin the width of my list They have their own codes. Try to reduce their width. I think its #copyright, .category_totals, and .grand_totals |
Shishio-kun said: btw you mentioned BBcode but I think you meant CSS code, not BBcode. They are very different for future reference- the custom coding the list uses (CSS) is different form the profile's custom code (BBcode). Woops you're right, my bad. It seems to work already with how you adjusted it. It always looks so simple after you get the answer. Oh well. I'll still look into that topic about importing it anyways. Thanks a bunch. |
|
| Hey! So I'm looking at these AMAZING profiles and there are some that I just don't see how to actually do it... for example, Sacred's (sorry for using you as an example, hope you don't mind), her profile looks like this , where the text is on the left or right of the image. How do you do that? Thanks! |
 |
| Rather simple question, how can I position the list on the right and not have it centered? I've tried logically assuming which part of the CSS positions the list and not the background, but I couldn't find anything useful. Thanks in advance. List code: |
| @Subpyro: http://myanimelist.net/forum/?topicid=393437 @TheExplorer: Just enter the bbcode for the image and the text on the same line, in the order you want them in. You can also use this tutorial if you want to see exactly what that person did. |
Doomcat55Sep 1, 2015 2:10 PM
 |
Subpyro said: Rather simple question, how can I position the list on the right and not have it centered? I've tried logically assuming which part of the CSS positions the list and not the background, but I couldn't find anything useful. Thanks in advance. List code: Hi there. Change your #list_surround code to this you can change the "right" amount. Increasing it makes the list farther from right by that amount |
| How to make a button that selects all of these together so when I hover over that button, the items all show up http://imgur.com/ub25z5N My code for the top bar: |
Doomcat55 said: @Subpyro: http://myanimelist.net/forum/?topicid=393437 @TheExplorer: Just enter the bbcode for the image and the text on the same line, in the order you want them in. You can also use this tutorial if you want to see exactly what that person did. It still doesn't work. It just ends up like this :( (Borrowed her code for a bit) I always try to put the words on the same line, but it only does it for one line, and at the very bottom too.... |
|
TheExplorer said: It still doesn't work. It just ends up like this :( (Borrowed her code for a bit) I always try to put the words on the same line, but it only does it for one line, and at the very bottom too....  Its the img align tag. Quote my post to copy the BBcodes for it. Its img align code. Quote my post to copy the BBcodes for it. |
SamPolus22 said: How to make a button that selects all of these together so when I hover over that button, the items all show up http://imgur.com/ub25z5N My code for the top bar: It would be easiest just to rip that function and customize it from there, some top bar mods have it already |
Shishio-kun said: SamPolus22 said: How to make a button that selects all of these together so when I hover over that button, the items all show up http://imgur.com/ub25z5N My code for the top bar: It would be easiest just to rip that function and customize it from there, some top bar mods have it already Yeah, It's the last method that I want to use but I have no choice |
| I'm trying to shrink a couple renders for use as category buttons in a layout I'm working on, but the results always come out sharply pixelated. I've tried a couple fixes that I found on Google, but none of them changed anything. Any help? (I'm using Gimp 2.8.14). |
|
| Is there a difference between #mal_cs_links and #mal(backslash)_cs(backslash)_links ? MAL doesn't allow slashes and backslashes |
Anzumatsuri_Sep 2, 2015 1:35 PM
| I'm using the layout for displaying renders for my manga list, but I have a problem. When I search for a title that has adaptations in more than one category, the renders for both categories overlap like this: It also appears to be messing up the background - I had set the checkered background to change with the categories, but none of them should have a blue and black pattern. Help, please? |
Doomcat55Sep 3, 2015 1:15 PM
|
SamPolus22 said: Is there a difference between #mal_cs_links and #mal(backslash)_cs(backslash)_links ? MAL doesn't allow slashes and backslashes Backslashes allow blacklisted codes thru the CSS edit box. MAL sees the backslash and removes it, then lets the code thru which it normally wouldn't. There's an advanced CSS topic on all hacked selectors If you import the CSS, they aren't needed, and imported backslashed codes will not work since the backslash isn't removed like when its used in the CSS edit box Doomcat55 said: I'm trying to shrink a couple renders for use as category buttons in a layout I'm working on, but the results always come out sharply pixelated. I've tried a couple fixes that I found on Google, but none of them changed anything. Any help? (I'm using Gimp 2.8.14). Make sure they scale down width and height at the same rate- or try another photo editor- or ask in the graphic request topic for someone to shrink them for you Doomcat55 said: I'm using the layout for displaying renders for my manga list, but I have a problem. When I search for a title that has adaptations in more than one category, the renders for both categories overlap like this: It also appears to be messing up the background - I had set the checkered background to change with the categories, but none of them should have a blue and black pattern. Help, please? a solution would be to give each render an additional checkered background right behind it. So this way when the images overlap there will only be one render shown at the time even if multiple backgrounds are present on screen at once. it could turn out complicated tho. You'd have to add multiple backgrounds with the topic on that. Then you'd have to make sure that extra background doesn't overlap over the list. if you try to do this on your own and can't get it, you can keep asking and sooner or later someone we should just be able to do this for you (may be harder to get help till next week) |
| I want to move the MAL listinfo element to the right so it goes out of the page and stay hidden to make a transition, but every time I move it to the right the page width expands. I can't do anything with the top bar because of this. It happens to every element in the top bar http://imgur.com/NsZyCR9 |
SamPolus22 said: I want to move the MAL listinfo element to the right so it goes out of the page and stay hidden to make a transition, but every time I move it to the right the page width expands. I can't do anything with the top bar because of this. It happens to every element in the top bar http://imgur.com/NsZyCR9 try this : body { overflow-x: hidden; } or this : #mal_cs_listinfo { position: fixed; } |
|
| Hey there, I just managed to finish my list design, and it seemed to be good. However I just got feedback that the pop-up screen is in the way of the text itself. I tried different things and this is what I ended up with; My normal screen: https://gyazo.com/337334dcf11046729c822a3618c97993 Minimised screen: https://gyazo.com/5228e21e2ce5e3590dcf49c44470608d It seems that the pop up screen is stuck to that location, not keeping in mind how big someone's screen is. How can I adjust this so that the pop up adjusts itself to screen size? Thanks in advance, |
More topics from this board
» theme helpthreat - 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 FixesShishio-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 ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |