BurntJelly said: akai_ryu said: 1- How could I move the category buttons to the left? .status-menu-container .status-menu{margin:0;}akai_ryu said: 2- How could I put round corners on the table? .list-table{display:block;}
.list-table tbody:first-child{display:block; border-radius:10px;}Thanks a lot! Yeah, I'll fix them later. |
522Gage said: I don't get it - do you want the name to be cut off or do you want to see the whole thing? And yes, add:Doomcat55 said: @522Gage Yeah, add: .animetitle {
white-space: nowrap;
overflow: hidden;
display: inline-block;
max-width: 400px;
text-overflow: ellipsis;
}I meant more along the lines of this: https://gyazo.com/206afb80dc332c82280396f8cd13635d What you said puts an ellipses when it cuts off the end of the name. I still want to be able to see the whole name. Also, sorry to ask so many questions but is there a way to get rid of the 'Edit-' thing on the list? [class^="td"]:nth-child(-n+2) [style="float: right;"] {
display: none;
} |
 |
I want to rotate the menu bar and put it in the top of the page, but I have no idea how to modify the menu transition: Maybe someone can help me. Thanks. |
| I'm not sure what is wrong with my layout but if I write a long paragraph in the tags section it would just eat up words and display partial of the text. Here is currently the longest paragraph the layout can display without losing any text http://puu.sh/pD3ky.jpg Here is what happens if the text is long http://puu.sh/pD827.jpg Somehow the tags section in my layout only allows ~250 characters (~40 words) |
| Help with making background image So the problem I have is that i want the background image to slowly change as I scroll down, so to do that I combined two images vertically so if the background were to scroll down it would have many different images. But then the background is replaced with nothing after the last picture. Is there a way to prevent the background from scrolling after the image has ended or slowing down the rate at which it scroll to reach the bottom together with the list? Thanks for your help this is my list with the problem http://myanimelist.net/animelist/gruuvy scroll down and see the black nothingness |
 |
| Hi! I'm sorry if this question was already asked, but is there a way to add Premiered and Studios columns on classic style? Maybe by using a CSS trick...? Thank you. |
Gruuvy said: Help with making background image So the problem I have is that i want the background image to slowly change as I scroll down, so to do that I combined two images vertically so if the background were to scroll down it would have many different images. But then the background is replaced with nothing after the last picture. Is there a way to prevent the background from scrolling after the image has ended or slowing down the rate at which it scroll to reach the bottom together with the list? Thanks for your help this is my list with the problem http://myanimelist.net/animelist/gruuvy scroll down and see the black nothingness Add the red line of code to your body body { background-image: url(http://i65.tinypic.com/2a28a0.png); background-attachment: local ; background-position: ; background-size: cover ; background-repeat: repeat-y !important; } Adrenaline67 said: Hi! I'm sorry if this question was already asked, but is there a way to add Premiered and Studios columns on classic style? Maybe by using a CSS trick...? Thank you. I don't think classic list supports this (there's no data on premiered/studios for the classic layout, you can't css something that doesn't exist). The best you can do is using tags column to fill out premiered/studios. You can change the title header from "tags" to "premiered/studios". |
| @Adrenaline67 If you're willing to put some effort into it, there's actually a generator for this kind of stuff that BurntJelly made a while back: http://burntjello.webs.com/m/MyAnimeListTools/ It might be a little complicated to figure out how to use, but it works in the same way as a cover generator: give it a template, save the CSS it gives you, and import it into your list. If you're not sure what template/selector to use, Google "CSS :before :after" and that should give you an idea. |
|
| Oh that's what I feared, what a pity :( Thank you anyway for you answer. =) @Doomcat55 I'll give it a try thx! |
Takana_no_Hana said: Add the red line of code to your body body { background-image: url(http://i65.tinypic.com/2a28a0.png); background-attachment: local ; background-position: ; background-size: cover ; background-repeat: repeat-y !important; } Thanks for your help but what I meant was to make the background not repeat at all, but still end up only reaching the bottom at the same time the list does |
|
| Hi, I've been recently working on my Anime & Manga list design today. I've got it mostly sorted out so far thanks to @Shishio-kun's tutorial here: https://www.youtube.com/watch?v=jFTiAG_QEAE. However, what I've been realising the text is unreadable as I used the default blue and white modern theme and I'm wondering what's a good colour to match the background? My anime list: http://myanimelist.net/animelist/PhantomHuntress Here's the CSS code I used, just changed it around a bit to look nicer: Also I tried using the code from the Original CSS such as colour, text align and font family to change the list but it didn't work. Any reason why? Please note I'm a beginner at graphics design but I do have a basic understanding of CSS. |
PhantomHuntressJul 12, 2016 12:11 AM
 |
| Hello! I was redirected here from another forum post, though I've actually been here quite a few times already. My experience with HTML is limited to light editing on tumblr themes, so I'm a little lost. My current list is the default. What part of the css controls the status bar style and the stats/status info directly above and below the list? Status selected/not selected/table has no effect in easy edit mode, and I've tried to change different parts in the css code, but nothing seems to work. I feel like the solution is actually really simple and I'm just not getting it. |
TheyLeaveShadowsJul 15, 2016 9:52 AM
| @TheyLeaveShadows You should check out this thread; it covers using Inspect Element to find selectors and there are color-mapped layouts so you can see which selector references which element on the page. |
|
| @Doomcat55 That's what I did before, and it's really good advice! Thank you! The real problem was a bug(?) from easy list editing. Parentheses were missing around the opacity value under both status selected brackets, and it took me a long time to realize it. At first, I thought it was my own fault, but since it was code copied directly from the default on my list before I started to mess around with the CSS, I'm pretty sure it's a bug. Is it worth reporting, on that note? |
| hiya! well im not the best at the whole coding thing but i've recently have seen blog posts like this (http://myanimelist.net/blog.php?eid=783648) for organizing characters and i really wanna do something similar so i add additional characters and series i enjoy, but as i said before im terrible at the whole editing thing so i need a few tips! should i use separate images, or one big image? are there any tools ya'll recommend for making everything look nice? i know this is probably the dumbest question but im clueless and everyone here seems so good at things eek! thank u! x |
Lunoire said: Check out this thread, it has links to free image editing software. I recommend Photoshop because it's extremely popular and easy to find tutorials for, though any of the programs listed there should suit your needs.are there any tools ya'll recommend for making everything look nice? Lunoire said: It really depends on what you find easier, though if all of your images are going to be similarly sized/shaped like the ones in the blog post you linked, you should probably use separate images - it'll make it easier to rearrange/edit them individually. (Keep in mind that you can create a bunch of separate images and then combine them later if you change your mind.)should i use separate images, or one big image? Lunoire said: Not at all, everyone here had to start from scratch at some point as well ;) Feel free to ask if you need more help.i know this is probably the dumbest question but im clueless and everyone here seems so good at things eek! thank u! x |
|
| Thank you so much!! |
| Hello ! I have been working on my list design recently and for the first time it was with the new modern design and it is currently giving me a hard time. So I am trying to make a scrollable list inside a div which is fixed on the screen. I managed to do it but now it prevents the page from loading more entries when scrolling to the end. Below is a screenshot of the problem (you can try it live here : My list): As you can see the scroll bar is at the very bottom but nothing happen (I have 400+ entries). The blue rectangle is the loading bar but the spinner is not showing. Does anyone know how the loading is triggered by the page, and how I can fix it for my list ? Thank you in advance ! |
| Hi, can someone help me... I didn't check my MAL for long time and I just realized that my list are little broken... I mean background from list dissapeared (it was simple black, little transparent). From what I think, it's just file missing from someone's dropbox, but I have no idea where original script was and who it was :/ maybe someone had similar theme. It wasn't changed much manga and anime list were based on the same script. Differences are only pictures and table position :/ |
AlextashaJul 17, 2016 12:14 PM
Cateinya said: I'd like to know how too. I did that for my first modern list design and realized that it only loads my complete list if I use a mobile browser (any browser works) to view it. However, it doesn't load if I use browsers on computers to view it.Hello ! I have been working on my list design recently and for the first time it was with the new modern design and it is currently giving me a hard time. So I am trying to make a scrollable list inside a div which is fixed on the screen. I managed to do it but now it prevents the page from loading more entries when scrolling to the end. Below is a screenshot of the problem (you can try it live here : My list): As you can see the scroll bar is at the very bottom but nothing happen (I have 400+ entries). The blue rectangle is the loading bar but the spinner is not showing. Does anyone know how the loading is triggered by the page, and how I can fix it for my list ? Thank you in advance ! |
Cateinya said: Hello ! I have been working on my list design recently and for the first time it was with the new modern design and it is currently giving me a hard time. So I am trying to make a scrollable list inside a div which is fixed on the screen. I managed to do it but now it prevents the page from loading more entries when scrolling to the end. Below is a screenshot of the problem (you can try it live here : My list): As you can see the scroll bar is at the very bottom but nothing happen (I have 400+ entries). The blue rectangle is the loading bar but the spinner is not showing. Does anyone know how the loading is triggered by the page, and how I can fix it for my list ? Thank you in advance ! I assume this is because mal only loads 300 entries at a time? Mine works fine for now but I have <300. Will probably run into this eventually but have no idea how to fix it :/ |
| @Cateinya Annoyingly I can't actually test this out because my list doesn't have 300 entries, but I'll try to give it a shot. These codes are probably messing with the browser's perception of when you've reached the "end" of your list (removed some extra stuff): .list-block {
height: 550px;
}
.list-unit {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.list-block {
height: 550px;
overflow-y: scroll;
} |
|
| @Doomcat55 Since it was you who figured out how to add headers figured I'd ask. I currently have letter spacing on hover over the headers, is there a way to trigger the spacing when hovering over the list instead of the header? Like hovering over something under Watching makes the watching header space out, etc. Thanks either way. |
Danemj3 said: I havent had trouble in the past but for some reason it wont update when I press save. Maybe I'm missing something obvious, maybe I have been up for 26 hours. Idk. My current layout: https://gyazo.com/88e3254f386fbd1ce81fab8032075898 The layout that should work but doesn't: https://gyazo.com/c4c860d2063fc652451d90e90e042cf6 Basically I press save and nothing changes. Any help is appreciated. Are you sure you have the right one selected? http://myanimelist.net/ownlist/style |
| (@Bunnie so you can see what I found) patch517 said: I assume this is because mal only loads 300 entries at a time? Mine works fine for now but I have <300. Will probably run into this eventually but have no idea how to fix it :/ The 300 first entries are loaded directly when loading the page. After scrolling down the 300 entries, it loads another 300 ... etc until there is no more to see. It is this 2nd loading that does not work for me. @Doomcat55 I tried with your solution but it did not work either. Maybe I'm forgetting something in my modifications... I made some more research : It seems like this loading is processed by a javascript function which is triggered when scrolling in the <body> (On each standard list you can see that there is a scrolling bar, event for empty list. Try reducing the list size to make it disapear and you can no longer see the loading bar appear). Maybe there ar more conditions like the loading bar div must be visible on the screen for the function to be triggered, but I did not search further since that fact alone is incompatible with my design intentions. So I found an alternative : I just let the body act as default (scrolling bar for the whole content), but I hide some parts of it by making the background appear in front of it, using pseudo element as in this tutorial : https://css-tricks.com/body-border/ In my case I hide the top and the bottom of the list so it looks like there is only a small part of the body which is visible and changes when scrolling. Then to make sure elements like the menu appear in front of the "background" I added, I just need to play with the stack order (z-index and others, but that 's another story). I hope you understand my explanations, I will apply this to my list later so you may see it in action. |
patch517 said: No. CSS doesn't go "backwards," i.e. you can't style an element based on elements that come later in the HTML@Doomcat55 Since it was you who figured out how to add headers figured I'd ask. I currently have letter spacing on hover over the headers, is there a way to trigger the spacing when hovering over the list instead of the header? Like hovering over something under Watching makes the watching header space out, etc. Thanks either way. @Alextasha Yeah, the DropBox files are down so there isn't much you can do about it. Looks like you've already solved it though? |
|
| @Doomcat55 well almost ^^" because MAL sees DB links as dead (cuz my wallpaper is on DB and it's still working and MAL is showing 404 error) I decided to upload table background on photobucked too. But now I don't know how to make them transparent like one @patch517 anime list http://myanimelist.net/animelist/patch517 I aslo want to hover whole line, not separate elements like title/edit/more/etc. And I don't want to hovel line where I have counted how many things I watched (last line) |
Alextasha said: If you have Photoshop or some equivalent then you can adjust the transparency there. It's easier though to set background-color instead of using background-image:@Doomcat55 well almost ^^" because MAL sees DB links as dead (cuz my wallpaper is on DB and it's still working and MAL is showing 404 error) I decided to upload table background on photobucked too. But now I don't know how to make them transparent like one @patch517 anime list http://myanimelist.net/animelist/patch517 I aslo want to hover whole line, not separate elements like title/edit/more/etc. And I don't want to hovel line where I have counted how many things I watched (last line) .category_totals, .td1, .td2, #grand_totals, #copyright { ".5" controls the transparency./* get rid of this */ background-image: url("http://i751.photobucket.com/albums/xx160/alextasha/MAL/PROZ_zpstfuclt3y.png"); /* replace it with */ background-color: hsla(0, 0%, 35%, .5); border-width: 0; padding: 2px; } |
|
| Okay for some reasons tags on my anime list decided to all try and fit into single lines which is pretty ugly, anyone knows how to fix this? I reseted the list design but it doesn't change anything. |
Touniouk said: Okay for some reasons tags on my anime list decided to all try and fit into single lines which is pretty ugly, anyone knows how to fix this? I reseted the list design but it doesn't change anything. By default MAL line breaks behaviour is word-based, so when approaching the end of the line, if the next word won't fit it is put in the next line and so on. In your case your tag about "Mahou Shoujo? Naria☆Girls" is considered to be only one word, so it cannot be broken, therefore it is displayed in a single line and it extends the space reserved for your tags (this space is then used by your other tags so they are displayed in single lines). To fix it, the best (and easiest) way is to simply edit this one tag and add some spaces (like every 30 letters). |
Thanks man. |
| Does anybody know why the layout I'm using does not show the actual table, only its content? What I'm using is the SAO simple slightly modified (background, covers and menu).  I'm using this modified version for more than a year and from time to time the table would dissapear and come back to normal. But now it passed more than a week... Any ideas? Or something to fix this permanently? |
 |
| @Hibiki07 It's because the table background is an image hosted on DropBox. If the DropBox account goes down (possibly because it's getting too much traffic) then the image won't show up on your list. You can fix it permanently by replacing this line in your CSS (everywhere it appears): background-image:url(https://dl.dropbox.com/u/57348187/MAL/PROZ.png); background-color: hsla(0, 0%, 0%, .5); |
|
| Hi! So I wanted to work on my list layout but since I'm a total newbie to this, I wanted to start by installing a premade layout. I don't know if I did something wrong or anything, but I followed all the steps from here and it doesn't work, I have a blank space above the logo of MAL but I don't have what it is supposed to be. I guess you can see it by checking my list Does it only happen to me? I'm pretty sure I did not make any mistake when I followed the steps. I also tried many layouts to see if it only happened to one, but I have the same problem with all the ones I used. I also have the same problem with both Chome and Firefox. I'm sorry if someone already asked about it or if I just failed miserably, but if someone has any idea to help me, it would be great, thanks in advance! |
| @volcano43 I assume you're using one of the layouts from this tutorial, right? Those don't come with wallpapers pre-installed, which is why you're seeing all of that white space. The same topic has links to the original wallpapers and a tutorial on how to add them. |
|
| @Doomcat55 Oh thank you, I was wondering why there was a link for the wallpaper... That's kind of disappointing to be so stupid. Anyway, thanks for your help! |
| @Doomcat55 thank you so much! :D It's just the way it used to be which is great. Another thing... can it be modified so that when you hover over a line the entire line to became darker? Right now only an table box is becoming this way. |
|
| @hibiki07 add tr:hover td[class^="td"]
{background-color: hsla(0, 0%, 0%, .7);} |
| i just need help for making personal css for mal QUESTION 1: how to make link like this https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Haganai/HaganaiChibiPublic.css for making css i have css but can't use it https://www.dropbox.com/home?preview=TopBarrominmusa01.css this is like to preview QUESTION 2:how to convert image to culsor Question 3 : is there is any host to wihich we can upload css and image for mal ? |
rominmusaJul 24, 2016 2:18 AM
 |
| Hey, I have a question to be answered. Maybe it was asked already, but this particular forum IS super long, and all that. So, the 'backdrop' for the list, the rectangle that dims the background image so that I can actually read what the list says, have disappeared. Before, this usually came back within a week or two, so I decided to wait it out a bit this time as well, but it has been more than that, and it still hasn't come back, so I decided to ask it here. If you need the code to see what's wrong, please message me or something~ |
 |
JPthugnificent said: Recent questions show up on recent pages ;) Check out this post and this one.Maybe it was asked already, but this particular forum IS super long, and all that. |
|
| @Doomcat55 Oh, sorry about that. I did see that post in a glance, but since the code was labeled as background-image I thought it was a different issue. Funny thing, since my manga list wasn't affected by this issue. Haven't checked that code quite yet tho. Anyways, thanks for the help! |
|
More topics from this board
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
58 |
by NightmareTala
»»
9 minutes ago |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
33 |
by iluvmozu
»»
Yesterday, 7:07 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Sep 22, 4:29 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |