Kaiwan said: It's quite silly but i cant figure out how to draw a white outline cover the list table (like the copyright box below) can anyone help me out? http://myanimelist.net/animelist/Kaiwan?status=2&order=0 WELL, IT'S NOT A SILLY QUESTION! ADD THIS CODE TO YOUR LIST .table_header:first-child {
border-left: 1px solid #FFF;
}
.table_header:last-child {
border-right: 1px solid #FFF;
}
.td1:first-child, .td2:first-child {
border-left: 1px solid #FFF;
}
td[class^='td']:last-child {
border-right: 1px solid #FFF;
}THEN FIND THIS TWO SECTION (.category_totals AND .table_header) AND REPLACE THEM WITH THIS CODE .table_header {
border-top: 1px solid #fff;
background-color: rgba(32, 32, 32, 0.9);
padding: 6px;
}
.category_totals {
font-size: 0px !important;
border-bottom: 1px solid #fff;
} |
Takana_no_Hana said: I had to deal with the same thing for my list... the solution I went with was to set only the TD for the anime title and tags to display:block. I then used positioning for everything else. This way the only things that would affect the height are the title and tags.Hi, I have asked this question before but it hasn't been solved yet. How can I make the mini-review section flexible? I mean it can expand if the text is long. I don't have an easy answer for you. I basically had to start my design over to do it. |
  |
Nadeko_ said: WELL, IT'S NOT A SILLY QUESTION! ADD THIS CODE TO YOUR LIST .table_header:first-child {
border-left: 1px solid #FFF;
}
.table_header:last-child {
border-right: 1px solid #FFF;
}
.td1:first-child, .td2:first-child {
border-left: 1px solid #FFF;
}
td[class^='td']:last-child {
border-right: 1px solid #FFF;
}THEN FIND THIS TWO SECTION (.category_totals AND .table_header) AND REPLACE THEM WITH THIS CODE .table_header {
border-top: 1px solid #fff;
background-color: rgba(32, 32, 32, 0.9);
padding: 6px;
}
.category_totals {
font-size: 0px !important;
border-bottom: 1px solid #fff;
}Many thanks Nadeko ^^ just one quick question, the category_total must be visible in order for the outline appears at the bottom? Edit: Please waive this comment i have figured it out. Thanks again. |
KaiwanSep 21, 2015 9:03 PM
 |
| On my anime list what would normally be labeled as episodes and type are labeled as volumes and chapters respectively. However the category links are correct. I'm not sure what part of the code to modify or even how to modify it. To get to the code you can either follow the link or look in the spoilers below Full Code: Import Code Thanks in advance! |
Aoi_YuiSep 22, 2015 2:03 PM
 |
Try going to where it says /* Type/Chapters */
td[class^='td']:nth-of-type(4):before { content: 'Chapters: '; }
td[class^='td']:nth-of-type(4) {
position: absolute !important;
margin-left: -344px !important;
margin-top: 238px;
width: auto !important;
z-index: 5;
}
/* Episodes/Volumes */
td[class^='td']:nth-of-type(5):before { content: 'Volumes: '; }
td[class^='td']:nth-of-type(5) {
position: absolute !important;
margin-left: -344px !important;
top: 224px !important;
width: auto !important;
z-index: 5;
}{ content: 'Chapters: '; }content: 'Volumes: '; |
 |
| @Doomcat55 Thanks that fixed the problem. |
|
| My animelist needs some finishing touches... It wont fit every screen (only 1920x1080 screen) Does anyone know how to fix that? And the other thing is that the borders of my dropdown menu wont fit like they should do.. I tried to fix it but nothings works... My code: |
steyn1001 said: My animelist needs some finishing touches... It wont fit every screen (only 1920x1080 screen) Does anyone know how to fix that? And the other thing is that the borders of my dropdown menu wont fit like they should do.. I tried to fix it but nothings works... My code: See this to optimize the layout for every resolution http://myanimelist.net/forum/?topicid=524033 To fix the borders, put the follwing codes in youe CSS: Tell me if it doesn't work! |
MaouNoAkumu said: Help, my http://myanimelist.net/mangalist/MaouNoAkumu has a scroll ... how do I remove it? http://prntscr.com/8kegmq I don't think there's a perfect solution for your problem but you can try to add this code just to hide the scrollbar, but the space is still there if you click the scroll button on your mouse and move it to the right. [spoiler] body { overflow-x: hidden !important; } [/spolier] |
Anzumatsuri_Sep 25, 2015 11:58 AM
SamPolus22 said: steyn1001 said: My animelist needs some finishing touches... It wont fit every screen (only 1920x1080 screen) Does anyone know how to fix that? And the other thing is that the borders of my dropdown menu wont fit like they should do.. I tried to fix it but nothings works... My code: See this to optimize the layout for every resolution http://myanimelist.net/forum/?topicid=524033 To fix the borders, put the follwing codes in youe CSS: Tell me if it doesn't work! Thanks! The Borders are fixed :3 I've read that topic about the screen resolutions but i dont really get what to do... :? |
steyn1001 said: Thanks! The Borders are fixed :3 I've read that topic about the screen resolutions but i dont really get what to do... :? Copy/paste the codes into your CSS, then replace the colors with your background image (make sure to change background to background-image too) |
|
Doomcat55 said: steyn1001 said: Thanks! The Borders are fixed :3 I've read that topic about the screen resolutions but i dont really get what to do... :? Copy/paste the codes into your CSS, then replace the colors with your background image (make sure to change background to background-image too) shouldn't he copy all the codes and put them under each resolution or just the background? |
SamPolus22 said: Doomcat55 said: Copy/paste the codes into your CSS, then replace the colors with your background image (make sure to change background to background-image too) shouldn't he copy all the codes and put them under each resolution or just the background? Oh, you're probably right... I haven't had to use those codes before, so I misunderstood the tutorial. Sorry for the stupidity on my part. |
|
Doomcat55 said: SamPolus22 said: shouldn't he copy all the codes and put them under each resolution or just the background? Oh, you're probably right... I haven't had to use those codes before, so I misunderstood the tutorial. Sorry for the stupidity on my part. No no, it's not stupidity. I have never tried it before too XD I just thought so because all the codes should be made smaller/larger to fit the resolution |
| I've got two questions the first is in Hahaido's Blossom of youth (Kokoro Connect) style I can't seem to get the favorites part to work the directions are in the spoiler below. edit 8: Mark for favorites is finally showing however they are misaligned. I also would like to replace my the background for the anime number with the favorites icon to make it look neater but only for favorites. End edit: Edit 9: The misalignment is due to the title being too long and going to a second line. Not sure how to fix that without shrinking the text. I tried shrinking the text in live editing but the text did not look good once it was small enough. End edit: Edit 11: The original bg of the numbers is now satisfactory but the number isn't on top of the heart symbol. Also I am still missing anime in chrome. End Edit: Edit 7: Changed code to import code due to excessive changes. Here's the code I'm using currently Using. End edit [/spoiler] Edit: Ok a third question for some reason my list isn't showing all the anime I have entered. I have no idea why all I know is that the "All Anime" section shows more Anime than the other sections do when looking in the same category. For example if I'm in the "All Anime" category "Kiss x Sis" shows up under "complete" but doesn't under the actual "complete" category. In another instance I've checked "Yosuga no Sora" several times and it is marked as "complete." However it doesn't show up in any of the categories. End edit: Edit 2: I tried logging out and checking my list but I'm still missing anime. After that I logged back in and checked again but none of the missing anime appeared. End edit: Edit 10: They show in firefox but not chrome End edit: Thanks in advance and let me know if there's any extra info you need. |
Aoi_YuiSep 26, 2015 12:41 PM
|
SamPolus22 said: Doomcat55 said: Oh, you're probably right... I haven't had to use those codes before, so I misunderstood the tutorial. Sorry for the stupidity on my part. No no, it's not stupidity. I have never tried it before too XD I just thought so because all the codes should be made smaller/larger to fit the resolution Sooooo... What should i do now? xD Or can someone do it for me? Because i am hopeless with this stuff xD Thanks :3 |
Aoi_Yui said: I've got two questions I fixed tags As for favorites, you're using 2 different codes and one overlaps another |
 |
Hahaido said: Aoi_Yui said: I've got two questions I fixed tags As for favorites, you're using 2 different codes and one overlaps another I removed the extra code and fixed the tag problem using firefox. I was just about to do an update to state that. The favorites problem isn't fixed however. I changed several formating option to make the tags space properly. My guess is the reason I could do that is because you changed that. Now its on different lines and the spacing is satisfactory. However I still am missing anime from my list. They show up on firefox but not chrome I hate firefox and only use it for live editing. |
Aoi_YuiSep 26, 2015 10:14 AM
|
steyn1001 said: SamPolus22 said: No no, it's not stupidity. I have never tried it before too XD I just thought so because all the codes should be made smaller/larger to fit the resolution Sooooo... What should i do now? xD Or can someone do it for me? Because i am hopeless with this stuff xD Thanks :3 I will do it for you once I get home :) |
steyn1001 said: SamPolus22 said: No no, it's not stupidity. I have never tried it before too XD I just thought so because all the codes should be made smaller/larger to fit the resolution Sooooo... What should i do now? xD Or can someone do it for me? Because i am hopeless with this stuff xD Thanks :3 hmm, it seems like a complicated matter. Shishio-kun will probably know how to do it since his layout is optimized for many resolutions |
| Which lines should I fiddle with to reduce the width of the anime title section? I remember that I can change a value in one of the lines, but it's been a while since I last set-up my list CSS. |
 |
AsianYeti said: Which lines should I fiddle with to reduce the width of the anime title section? I remember that I can change a value in one of the lines, but it's been a while since I last set-up my list CSS. Add to bottom of CSS td:nth-child(2) {
width: 200px !important;
}and adjust px as you wish |
|
Doomcat55 said: AsianYeti said: Which lines should I fiddle with to reduce the width of the anime title section? I remember that I can change a value in one of the lines, but it's been a while since I last set-up my list CSS. Add to bottom of CSS td:nth-child(2) {
width: 200px !important;
}and adjust px as you wish Worked perfectly. Would you mind giving me one for the Tags section as well? |
|
| Hey guys i was recommended by someone to post here about a small problem i have with my CSS code!. I'll post what i originally wrote here. Have a little trouble understanding some of the settings and what those settings point to. My main problem at the moment is that i want my anime pop-out covers to be perfectly aligned with the box and to have slightly higher quality as my current settings have it offset weirdly and the covers themselves are kind of pixelated. I'd also like them to be slightly smaller. Any help here would be greatly appreciated thank you. PS: Just started doing this like an hour ago D: |
This is it!, are you ready? |
AsianYeti said: Worked perfectly. Would you mind giving me one for the Tags section as well? td:nth-child(6) {
width: 228px !important;
}Btw if you want to customize any other sections, you'll notice that the list column corresponds to the number for nth-child. |
|
DontYouWish said: Hey guys i was recommended by someone to post here about a small problem i have with my CSS code!. I'll post what i originally wrote here. Have a little trouble understanding some of the settings and what those settings point to. My main problem at the moment is that i want my anime pop-out covers to be perfectly aligned with the box and to have slightly higher quality as my current settings have it offset weirdly and the covers themselves are kind of pixelated. I'd also like them to be slightly smaller. Any help here would be greatly appreciated thank you. PS: Just started doing this like an hour ago D: Hi! I'm not sure what box you're referring to; do you mean the list? Anyway, there's a section in your CSS titled COVER AREA: You can adjust the position of your covers by adjusting the numbers after left and top; increasing the amount moves the pic further away from that side and decreasing moves it closer. You can also change the amount from % to px or vice-versa if it's easier for you to customize. I don't know what to do about the picture quality. |
|
Doomcat55 said: DontYouWish said: Hey guys i was recommended by someone to post here about a small problem i have with my CSS code!. I'll post what i originally wrote here. Have a little trouble understanding some of the settings and what those settings point to. My main problem at the moment is that i want my anime pop-out covers to be perfectly aligned with the box and to have slightly higher quality as my current settings have it offset weirdly and the covers themselves are kind of pixelated. I'd also like them to be slightly smaller. Any help here would be greatly appreciated thank you. PS: Just started doing this like an hour ago D: Hi! I'm not sure what box you're referring to; do you mean the list? Anyway, there's a section in your CSS titled COVER AREA: You can adjust the position of your covers by adjusting the numbers after left and top; increasing the amount moves the pic further away from that side and decreasing moves it closer. You can also change the amount from % to px or vice-versa if it's easier for you to customize. I don't know what to do about the picture quality. Covers are usually too pixelated because the picture area is too large. He can try to lower the width and height to fix this |
Doomcat55 said: Alright thanks for the help.DontYouWish said: Hey guys i was recommended by someone to post here about a small problem i have with my CSS code!. I'll post what i originally wrote here. Have a little trouble understanding some of the settings and what those settings point to. My main problem at the moment is that i want my anime pop-out covers to be perfectly aligned with the box and to have slightly higher quality as my current settings have it offset weirdly and the covers themselves are kind of pixelated. I'd also like them to be slightly smaller. Any help here would be greatly appreciated thank you. PS: Just started doing this like an hour ago D: Hi! I'm not sure what box you're referring to; do you mean the list? Anyway, there's a section in your CSS titled COVER AREA: You can adjust the position of your covers by adjusting the numbers after left and top; increasing the amount moves the pic further away from that side and decreasing moves it closer. You can also change the amount from % to px or vice-versa if it's easier for you to customize. I don't know what to do about the picture quality. |
| This is it!, are you ready? |
| just snatched this awesome layout in the donate topic, but how can i edit the code inside the "Base layout" css? if i copied them out then the layout is messed up!? Thanks in advance. My anime list: |
|
Kaiwan said: just snatched this awesome layout in the donate topic, but how can i edit the code inside the "Base layout" css? if i copied them out then the layout is messed up!? Thanks in advance. My anime list: copy the base, paste it into a new document, edit it to your liking, save it with the .css extension, upload it to dropbox, and put the link instead of the base one. edit: just pasting it in the MAL css box wont work because MAL automatically deletes certain parts of the codes (such as any topbar codes), and that's why you need to import it. |
| Hi, I checked my list today and noticed that the translucent blue background on the list is broken. It seems the link itself is dead, and I thought I should post it as its part of the beginners tutorial post. Here's the code for it. .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } |
 hi i have shit taste |
DeeMusu said: Hi, I checked my list today and noticed that the translucent blue background on the list is broken. It seems the link itself is dead, and I thought I should post it as its part of the beginners tutorial post. Here's the code for it. .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } OK the starter code in the beginner's tutorial has been updated so it doesn't use that link anymore. (the pics missing in the steps will have to be replaced later too) The layout can also be copied from here: http://myanimelist.net/forum/?topicid=217650 A_Knight74 said: How often is this forum checked? Often I guess. But I only see problems with individual tutorials and layouts unless they're brought up to me, I rarely check back on them myself since there's hundreds of them |
Shishio-kun said: DeeMusu said: Hi, I checked my list today and noticed that the translucent blue background on the list is broken. It seems the link itself is dead, and I thought I should post it as its part of the beginners tutorial post. Here's the code for it. .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } OK the starter code in the beginner's tutorial has been updated so it doesn't use that link anymore. (the pics missing in the steps will have to be replaced later too) The layout can also be copied from here: http://myanimelist.net/forum/?topicid=217650 Cool, thanks for the reply. While I'm here, I have a question about rounding the corners on the list. I was able to round the top corners no problem, but when I put the code in to round the bottom corners, it ends up like this http://i.imgur.com/pxNeQRe.png . I was wondering where I'm supposed to put the code in for the bottom, here's my CSS for reference. |
| hi i have shit taste |
| you need to use nth-child rules https://css-tricks.com/useful-nth-child-recipies/ |
| For some reason my anime list is screwed up in chrome but was working earlier in firefox. The import code is right since some of the format is there. It's a complicated one so I'm not sure about replacing images. The oragami at least render has not disappeared. The code (with my edits) (original in spoilers below) It's the date a live layout by Shioshio-kun. |
Aoi_YuiOct 3, 2015 8:26 AM
|
Aoi_Yui said: It's the date a live layout by Shioshio-kun. I don't think this is a layout I made (unless there's someone named Shioshio-kun who you actually meant). Where did you get the layout from and why do you think I made it? I'm not sure what you're asking us to fix either. Its not working cuz the imports are dead, but thats not my dropbox you'd have to find the actual maker |
| Hello! Can you please tell me how to fix the sub-headers? They are not aligned with the list |
 |
Shishio-kun said: Aoi_Yui said: It's the date a live layout by Shioshio-kun. I don't think this is a layout I made (unless there's someone named Shioshio-kun who you actually meant). Where did you get the layout from and why do you think I made it? I'm not sure what you're asking us to fix either. Its not working cuz the imports are dead, but thats not my dropbox you'd have to find the actual maker Ok it was actually TheHolyPotato. No idea why I thought it was you. It was a request. Post |
Aoi_YuiOct 3, 2015 2:00 PM
|
| I'm having gif trouble. I can't use Shishio's tut b/c I can't read japanese and don't even know which format factory to download in the first place. I tried using Alex's but no matter what I do it keeps giving me the message "script error: there is no function named "ffvideosource"." I've tried putting the files into the folder alex said to. I downloaded in all the files alex said to accept the optional one. I also tried putting the all the files into the folder alex mentioned. I know I clicked on next frame. The video is an mp4. The firefox plugin (first one) you suggested only had mp4 and flv. as options. That's all I know. |
|
Aoi_Yui said: I'm having gif trouble. I can't use Shishio's tut b/c I can't read japanese and don't even know which format factory to download in the first place. I tried using Alex's but no matter what I do it keeps giving me the message "script error: there is no function named "ffvideosource"." I've tried putting the files into the folder alex said to. I downloaded in all the files alex said to accept the optional one. I also tried putting the all the files into the folder alex mentioned. I know I clicked on next frame. The video is an mp4. The firefox plugin (first one) you suggested only had mp4 and flv. as options. That's all I know. What tutorial are you talking about you can't use cuz its in Japanese? You need to start linking us to the source of the problems you're having. |
Shishio-kun said: I was talking about the format factory program. Sorry for the wording fail. This link you gave us for one of the programs used in the tut: http://www.formatoz.com/ that is a japanese site. I can translate the site in chrome but all of the pictures of the programs are in japanese, there are multiple versions of format factory, and I do not wan't t click on anything I can't read.]What tutorial are you talking about you can't use cuz its in Japanese? You need to start linking us to the source of the problems you're having. |
|
Aoi_Yui said: I was talking about the format factory program. Sorry for the wording fail. This link you gave us for one of the programs used in the tut: http://www.formatoz.com/ that is a japanese site. I can translate the site in chrome but all of the pictures of the programs are in japanese, there are multiple versions of format factory, and I do not wan't t click on anything I can't read. Again: Shishio-kun said: What tutorial are you talking about |
| Yo~ Maybe another silly question, but , is it possible to force a title entry to appear after/before a certain other title? To explain, I'll bring the example of Natsume Yuujinchou series as I'm currently watching it. Say I rename the second season of it so that "Zoku" is behind the actual title (I'd do this to maintain some sort of order). If that's done, the listing will still be at the end of the list because the actual database name has "Zoku" infront of the name. So, can I force its position to be after the first season or before the third ? -S |
 |
Sutocamp said: Apologies if this question has already been asked before. How do I make the Add/Edit button be vertically centered in the row instead of being inline with the first line of text? I tried setting the vertical-align of the floating div to middle, but that didn't take. Playing around with the margins also didn't seem to do anything. I'm not sure where you want to move it so add this: a.List_LightBox{ position: relative; top: 1px; left: 1px; } Then move the link into place by adjusting amounts after the top and left codes |
Senator said: Yo~ Maybe another silly question, but , is it possible to force a title entry to appear after/before a certain other title? To explain, I'll bring the example of Natsume Yuujinchou series as I'm currently watching it. Say I rename the second season of it so that "Zoku" is behind the actual title (I'd do this to maintain some sort of order). If that's done, the listing will still be at the end of the list because the actual database name has "Zoku" infront of the name. So, can I force its position to be after the first season or before the third ? -S The only ways I can think of are complicated as hell. You could move whole rows with CSS, I guess, but its not simple at all |
Senator said: Yo~ Maybe another silly question, but , is it possible to force a title entry to appear after/before a certain other title? To explain, I'll bring the example of Natsume Yuujinchou series as I'm currently watching it. Say I rename the second season of it so that "Zoku" is behind the actual title (I'd do this to maintain some sort of order). If that's done, the listing will still be at the end of the list because the actual database name has "Zoku" infront of the name. So, can I force its position to be after the first season or before the third ? -S If you have a couple of years of free time, then I guess you can do it XD |
| Hello i have a problem in my list layout , at the top left there seem to be "Profile" and on it there is also "Logout" , so when i click on profile it logs out of the site. it is distorted so you can see it , i have checked some things to fix it but i couldn't find a solution maybe someone here can help me with this ? |
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 |