| Solved it. Thanks all |
BRSloveJul 29, 2014 1:48 PM
 |
| Okay, so I seem to be having a problem with a particular part of CSS code. I think it's a problem on my end, since I see it on other lists as well, but I'm not sure what the problem is (it could be so many things - my computer's pretty worn down). The issue is with the hovering anime DVD covers, like in my anime list. The first bunch work exactly the way I'd like, but after a certain point they just disappear (for example, the first 20 would show the hovering cover as it should, but everything from the 21st title onward shows nothing). I originally thought it was a mistake I made somewhere in the CSS, but I found the same problem was there when looking at other users' lists who use the same hovering in their design. It also seems to fix itself after I change the zoom on the page. Any ideas on what the problem could be, or where I can look to try to find the problem? |
  |
RulenneClarissa said: Okay, so I seem to be having a problem with a particular part of CSS code. I think it's a problem on my end, since I see it on other lists as well, but I'm not sure what the problem is (it could be so many things - my computer's pretty worn down). The issue is with the hovering anime DVD covers, like in my anime list. The first bunch work exactly the way I'd like, but after a certain point they just disappear (for example, the first 20 would show the hovering cover as it should, but everything from the 21st title onward shows nothing). I originally thought it was a mistake I made somewhere in the CSS, but I found the same problem was there when looking at other users' lists who use the same hovering in their design. It also seems to fix itself after I change the zoom on the page. Any ideas on what the problem could be, or where I can look to try to find the problem? I can recreate the issue in Chrome if I turn on Adblock. If I turn off Adblock, the problem goes away. This has happened before to other users. If this is the same with you, the solution was to remove Adblock from lists or MAL in general (you can use Flashblock as alternative adblocker for MAL ads). |
| Hey I have been using the square layout and I got it edited to how I want pretty well except for 2 issues which are driving me crazy, any help would be great. Note: I understand both of these questions were discussed and answered before but I'm still not understanding fully, so more detail and specific steps would help. 1. I can not seem to get my wallpapers to fit anywhere, they are partially being cut off. 2. The other thing is that I can't figure out how to organize 4,5,6 thumbnails per row instead of only 3 of them. -This here is a link to the exact page I used as a guide: http://myanimelist.net/forum/?topicid=1198609 -This here is an exact link to my anime list page with this layout: http://myanimelist.net/animelist/shootingstar999 Also I just wanted to say this is my first post in this club so if I made a mistake on where I made my post I apologize. |
shootingstar999Jul 31, 2014 12:16 AM
 |
| So I recently reached 1.5k anime on my list, and now when people look at it, it will say "All Anime" is disabled for lists with greater than 1500 anime entries." Is there a way to change this to just "currently watching"? In case you need it: |
 |
Tyrel said: So I recently reached 1.5k anime on my list, and now when people look at it, it will say "All Anime" is disabled for lists with greater than 1500 anime entries." Is there a way to change this to just "currently watching"? In case you need it: Tyrel said: So I recently reached 1.5k anime on my list, and now when people look at it, it will say "All Anime" is disabled for lists with greater than 1500 anime entries." Is there a way to change this to just "currently watching"? In case you need it: go here > http://myanimelist.net/editprofile.php?go=listpreferences and select watching from the drop down menu for "Default Status Selected" |
| Ah... Didn't even notice that. Thanks. |
|
MegumiYukimura said: Hey guys! I'm pretty satisfied with my anime list layout for the most part, but a trivial thing that's been bugging me is that the text color of "Airing" next to an ongoing anime is white like the rest of the text (and therefore gets lost easily). I've dug into some of the CSS and such and found that the text color of "Airing" is directly tied with .td1 and .td2 parts of the code. What happens is if I try to change the text-color of "Airing", I end up altering the color of the row-count numbers. Is there any way to alter the text-color of "Airing" without affecting the other text-colors of my layout? My list code: .td1/2 targets the whole row (1 for odds 2 for even), it just doesn't change the color of links in the row. Pretty sure this is airing, try .animetitle + small { color: red; } |
| Hello experts Some Time ago I Made this Theme for my List but here is the Problem I have 2 Computers One has a 20" Screen and the other has a 15" Screen As you can See here with the First one's Screen Snip the Theme is Fine But the 2nd one as you can see my Buttons overlap my List, I've Attempted to Move the Buttons, but when I adjust them so they don't overlap on the 15" screen they get a Huge Gap and are off screen on the Left. So My Question Basically is can Someone Adjust my Code below or tell me how I can edit it So I can Have it Looking like the first Image on both Computers. If your having trouble seeing my snips use this http://quirktools.com/screenfly/ and here is my List URL http://myanimelist.net/animelist/Sutatekken |
SutatenkenAug 12, 2014 8:00 PM
| What I'd like to do is have a combination of things from existing tutorials, but I'm not sure if it can be done (or it may actually be really easy, I'm not sure) Here's my list, to help you understand what I'll be talking about: http://myanimelist.net/animelist/PandaJerk007 I'm trying to keep the list exactly the same as it is now, but for the tags column to disappear and instead have the tags for the anime appear below the enlarged cover pictures of the anime. To put that another way, I'd really like to keep the thumbnails beside the anime, and make it so that when you hover over the thumbnail it enlarges like it does currently, but also to be able to have tags display beneath the enlarged picture. Could someone please help me with this? |
| Is it possible for me to commission someone to do my profile for me? |
| Would someone please advice me some good free sites or programs that will allow me to create some good banners? |
Zelgadis94 said: Would someone please advice me some good free sites or programs that will allow me to create some good banners? Gimp is free, Photoshop has older version which is till good for free and trial versions might be free. Google them |
| So I have three questions, but the first one is what's really bugging me: 1. I added a code for a custom cursor, but it only works on hover, even though I coded for it to work on both hovering and not hovering. This is the code I used: I'm positive I copied the code right, and it was working for me until recently, so I'm tempted to think some code I added later on is conflicting with it. This is an issue I have on both my anime list and my manga list, but since the coding is nearly identical for each of them, I'll just put the CSS for my anime list: (There are still some kinks I'm working out.) 2. I have different wallpapers for each category, except the code I'm using it makes it so that the background for "Planned" is the same as for "All Anime". Is there any way to make them different? Here's the code I'm using: 3. Is it possible to add a gif over the background and behind the list on just one background (since I have multiple backgrounds)? I want to use this code: but it puts the gif on all of my backgrounds. Is there a way to modify it or something? Any help is greatly appreciated, and if any of my questions have already been answered somewhere, I tried to make sure that wasn't the case, so please kindly redirect me there! And thanks to anyone who actually read through all that :) |
 |
lilypippili said: So I have three questions, but the first one is what's really bugging me: 1. I added a code for a custom cursor, but it only works on hover, even though I coded for it to work on both hovering and not hovering. This is the code I used: I'm positive I copied the code right, and it was working for me until recently, so I'm tempted to think some code I added later on is conflicting with it. This is an issue I have on both my anime list and my manga list, but since the coding is nearly identical for each of them, I'll just put the CSS for my anime list: (There are still some kinks I'm working out.) 2. I have different wallpapers for each category, except the code I'm using it makes it so that the background for "Planned" is the same as for "All Anime". Is there any way to make them different? Here's the code I'm using: 3. Is it possible to add a gif over the background and behind the list on just one background (since I have multiple backgrounds)? I want to use this code: but it puts the gif on all of my backgrounds. Is there a way to modify it or something? Any help is greatly appreciated, and if any of my questions have already been answered somewhere, I tried to make sure that wasn't the case, so please kindly redirect me there! And thanks to anyone who actually read through all that :) 1. It's because of the: Read more at http://myanimelist.net/forum/?topicid=544301#B8iAHEwkdJD4xZZF.99 place it in a comment or at the end of the code 2. Add: /* ALL ANIME BACKGROUND */
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected {
background-image: url(http://i61.tinypic.com/v3zo90.jpg) !important;
}3. Instead of using #inlineContent you might add multiple backgrounds to one element, eg: |
dzikibambus said: 1. It's because of the: Read more at http://myanimelist.net/forum/?topicid=544301#B8iAHEwkdJD4xZZF.99 place it in a comment or at the end of the code 2. Add: /* ALL ANIME BACKGROUND */
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected {
background-image: url(http://i61.tinypic.com/v3zo90.jpg) !important;
}3. Instead of using #inlineContent you might add multiple backgrounds to one element, eg: Thank you soooo much!! Everything works perfectly now :) |
|
| Can you please help me with my problem? Here at my manga list >>> http://myanimelist.net/mangalist/Yuannecchi At the bottom, it says 'ALL ANIME' but it's manga list, right? So how do I make the caption 'ALL MANGA' ? Please help! T^T |
It is absurd to divide people into good and bad. People are either charming or tedious. |
| @Yuannecchi Add the following to the end of your custom CSS code: .status_not_selected a, .status_selected a { background-image: url('http://i.imgur.com/aeHkadH.png'); } |
 |
VeriTi said: @Yuannecchi Add the following to the end of your custom CSS code: .status_not_selected a, .status_selected a { background-image: url('http://i.imgur.com/aeHkadH.png'); } It worked! Thank you very much ^_^ |
It is absurd to divide people into good and bad. People are either charming or tedious. |
| I'm a total noob at CSS, but I was trying to edit the current style I'm using. I did it with the help of Firefox's Style Editor (Shift+F7). In the preview, the style works like a charm, but it ended up not working and just glitching up when I went to the list. I don't know what's wrong, it should be something like this: Code: |
kamensentai said: #list_surround table:first-of-type td {display: block; position: fixed; right: 0px; height: 6px; width: 170px; padding: 0 5px 0 10px;} #list_surround table:first-of-type td:first-of-type {bottom: 112px;} #list_surround table:first-of-type td:nth-of-type(2) {bottom: 89px;} #list_surround table:first-of-type td:nth-of-type(3) {bottom: 66px;} #list_surround table:first-of-type td:nth-of-type(4) {bottom: 43px;} #list_surround table:first-of-type td:nth-of-type(5) {bottom: 20px;} #list_surround table:first-of-type td:last-of-type {bottom: 9001%; z-index:-1 !important;} #list_surround table:first-of-type td:last-of-type a {font-size: 0px !important; color: transparent !important;} #list_surround table:first-of-type td:last-of-type a:before {content: ""; font-size: 15px !important; color: #ffe6ff !important;} These selectors for the custom menu don't work on MAL. Notice the first one becomes #list_surround:first-of-type td after you enter it in your CSS edit box, it becomes a new selector targeting a new spot, so your menu never shows up how you want it and another part of the list gets changed. You have to import these codes: http://myanimelist.net/forum/?topicid=411779 topic is much easier than it looks, if you did what you did so far you should be able to do this in minutes. Otherwise you need to use different codes for those parts. Also I think the mal control strip code at the bottom won't work after saving, there's a topic on this too. |
| @Shishio-kun It is possible to just replace table with tab*backslash*le MAL seem to eat my backslashes? WTF? |
|
Shishio-kun said: Thank you, Shishio-kun! It worked just like you said. :DAnd the code at bottom didn't work, but I got the code from the here and it worked perfectly. ^_^ |
Sutatekken said: is there a code or adjustment I can make to my list to fix it so it appars the same on my 15" lap top as it does on my 20" Desktop? use these to see what I mean http://quirktools.com/screenfly/ http://myanimelist.net/animelist/Sutatekken First solution would be to use code"@media" where you play with screen sizes at your will: http://myanimelist.net/forum/?topicid=524033 But if you just want an example on how it looks like, you can check it at the end of my anime list code (-difrent outlook when smaller screen resolution than width: 1280px-): https://dl.dropboxusercontent.com/u/144008148/Premade/artistic_piece_%25_donating/Main_import_CSS/Main.css _ _ _ _ _ _ _ _ Second solution would be that you would use "%" instead of "px", what could be used to resize your pictures upon using diffrent screens. |
 |
Sutatekken said: is there a code or adjustment I can make to my list to fix it so it appars the same on my 15" lap top as it does on my 20" Desktop? use these to see what I mean http://quirktools.com/screenfly/ http://myanimelist.net/animelist/Sutatekken Grabbing a code from that tutorial I messed with your list a little and I think all you need to add is this to the bottom, seems to work fine for Screenfly: /* 15" LIST */ #list_surround { margin-left: 29%; } /* 15" BUTTONS */ .status_selected a[href*="status=1"], .status_not_selected a[href*="status=1"]{ left: 2%; } /* CSS changes for 20" screen */ @media all and (min-device-width:1367px) { /* 20" LIST */ #list_surround { margin:0 auto !important; } /* 20" BUTTONS */ .status_selected a[href*="status=1"], .status_not_selected a[href*="status=1"]{ left: 2%; } } I've labeled the parts that control the 15" and 20" screen's list and button positions. You can adjust them later if they don't work perfect. You can add more stuff to make changes if you want. Anything above /* CSS changes for 20" screen */ will affect the a 15" and 20" screen, but anything below /* CSS changes for 20" screen */ will affect only 20", override anything above so it lets you adjust things for that screen. If it doesn't work, change 1367px in the code to a resolution size in between your two screen resolutions. I'm assuming you 15" screen resolution is 1366 across and your 20" is more, probably 1600px+. Let us know if this works please, adjusting for resolutions can be tricky. |
| Why'd the icon-style toolbar in my Anime & Manga List changed to the default one? I did add Display cover during cursor hover (shows up where you want with borders and Tags section) in my list several weeks back and it was fine, I just noticed this today and I check my list daily. I tried changing the code from to @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategory.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategoryNoAll.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSLeft.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSLeftFixed.css"; although none works, maybe this is a MAL issue? |
R4vel said: I guess it's just a problem with Dropbox.Dropbox said: Error (509) This account's public links are generating too much traffic and have been temporarily disabled! |
R4vel said: Why'd the icon-style toolbar in my Anime & Manga List changed to the default one? edit: 3 days they restore things back For generating your own covers (see bottom of post): http://myanimelist.net/forum/?topicid=1162203 Yeah one of my accounts been shut off due to overuse of bandwidth. This was inevitable but I didn't expect it for a very long time. Its either due to a massive surge of hits on MAL (which happened before cuz of bots) or strangely somehow my account has exceeded over 20gb or 100,000 hits in one day (normally its not even 10,000 and no where near 20gb daily bandwidth). In either a few days or the start of next month they will reset it and all will be back online. Until then many layouts, covers, and topbars hosted on Dropbox links won't be available. I will have to thin it out some more and move more files to other places in the meantime, after that it should be able to handle many more hits but I can't guarantee the problem won't happen again. I'll have probably to get an admin to help to move alot of layouts, or else many simply won't be available the same way anymore (its too much busywork to do soon). |
Shishio-kunAug 27, 2014 6:23 AM
| Can anyone help with my list? http://prntscr.com/4gwkoa It appears like this,in my manga list too. What's the problem? Thanks in advance. |
The_ClownPrince said: Can anyone help with my list? http://prntscr.com/4gwkoa It appears like this,in my manga list too. What's the problem? Thanks in advance. Same as the posts right before you, addressed on the front page |
Boombawks said: Front pageJust logged in and for whatever reason, my list changed style. Do I delete and re copy and paste again or? http://puu.sh/ba3yK/ac3d5ca62c.jpg |
         |
Boombawks said: Oiomi-chan said: I don't seem to see anything about my list just changing on it's own and why it looks the way it looks. Oh well, whatever.Front page Your problem is your list has changed including that it is now missing covers and the top bar has changed (to default). There is a giant bold text msg on the front page covering this lol. |
| My mini reviews in both my lists (tag section) suddenly disappeared. Is it related to the Dropbox crash? Here's my manga list's CSS: |
 |
Alencia said: My mini reviews in both my lists (tag section) suddenly disappeared. Is it related to the Dropbox crash? Here's my manga list's CSS: Yes, and I might be able to provide an alternative to that later |
VeriTi said: @Shishio-kun It is possible to just replace table with tab*backslash*le MAL seem to eat my backslashes? WTF? This works, and couldn't have come at a more perfect time, thanks! |
| The crusor hover over the anime title is only showing a pink box instead of the actual anime cover. It was fine the last time I checked it though. Any ideas? |
 |
| Nvm read the front pagee. All sorted out now. |
|
| Hey I've been using a new background for my MAL but the problem is, it's a bit further down then I would like. If you check my list it's showing a bit too much hair for the person and cutting off the chin. I use the fill screen code. |
|
| So I just got finished adding and customizing the hover cover option to my manga list but there's one thing I can't seem to figure out. http://i.imgur.com/G0PYvPn.png The line seems to have been moved when I added the code so I assume it has something to do with the hover changing part of the layout. So I'm wondering if anyone knew how to fix the line next to the volume column. Also it'd be nice if someone could also tell me if it was possible to add a border around the entire text/tag box similar to the one that glitched there now since I actually like the look. |
KanjoAug 27, 2014 4:16 PM
I'm a quiet guy. |
KanjoBazooie said: So I just got finished adding and customizing the hover cover option to my manga list but there's one thing I can't seem to figure out. http://i.imgur.com/G0PYvPn.png The line seems to have been moved when I added the code so I assume it has something to do with the hover changing part of the layout. So I'm wondering if anyone knew how to fix the line next to the volume column. Also it'd be nice if someone could also tell me if it was possible to add a border around the entire text/tag box similar to the one that glitched there now since I actually like the look. First readds border second codes add border to the tag box; you control the widths of the four borders with the last line of code tr [class^="td"]:nth-of-type(5) { background-image: url(""); border-color: #908474; border-style: solid; border-width: 0 4px 0 0 !important; } tr [class^="td"]:last-of-type { background-image: url(""); border-color: #908474; border-style: solid; border-width: 1px 1px 1px 1px !important; } |
Whalelala said: Hey I've been using a new background for my MAL but the problem is, it's a bit further down then I would like. If you check my list it's showing a bit too much hair for the person and cutting off the chin. I use the fill screen code. If you add the line background-position: bottom left; under body, then you position starting from the left and bottom where the chin would be shown the most and where it wouldn't start from the hair (starts from the bottom and left corner this way). But due to the size of the image I don't think it will make much difference on huge screen and also because in the original pic, it seems to cut the chin off naturally: http://i.imgur.com/fnFllOP.jpg I like your name and avatar btw, random I know but I love whales! |
Shishio-kun said: KanjoBazooie said: So I just got finished adding and customizing the hover cover option to my manga list but there's one thing I can't seem to figure out. http://i.imgur.com/G0PYvPn.png The line seems to have been moved when I added the code so I assume it has something to do with the hover changing part of the layout. So I'm wondering if anyone knew how to fix the line next to the volume column. Also it'd be nice if someone could also tell me if it was possible to add a border around the entire text/tag box similar to the one that glitched there now since I actually like the look. First readds border second codes add border to the tag box; you control the widths of the four borders with the last line of code tr [class^="td"]:nth-of-type(5) { background-image: url(""); border-color: #908474; border-style: solid; border-width: 0 4px 0 0 !important; } tr [class^="td"]:last-of-type { background-image: url(""); border-color: #908474; border-style: solid; border-width: 1px 1px 1px 1px !important; } First one worked like a charm but I can't seem to get the second code to put a full border around the tags box. Is it conflicting with something else? |
I'm a quiet guy. |
KanjoBazooie said: Shishio-kun said: First readds border second codes add border to the tag box; you control the widths of the four borders with the last line of code tr [class^="td"]:nth-of-type(5) { background-image: url(""); border-color: #908474; border-style: solid; border-width: 0 4px 0 0 !important; } tr [class^="td"]:last-of-type { background-image: url(""); border-color: #908474; border-style: solid; border-width: 1px 1px 1px 1px !important; } First one worked like a charm but I can't seem to get the second code to put a full border around the tags box. Is it conflicting with something else? Mal "eats" the tr which you need this for when you paste it into your CSS edit box, can you put that second code into your imported CSS (like the one to mark your faves)? |
| (Not gonna quote to save space) Sweet it worked perfectly. I never would have noticed mal ate the tr on my own thanks. :) Btw just in case anyone else has the same question/problem, I had to put it in the Main CSS import since it didn't work when I put it in the Favourite import. |
I'm a quiet guy. |
| Or you can trick MAL: replace the tr's missing by t tr r. MAL will eat the central tr with spaces around it, gluing the letters around it. A dirty hack tho. |
|
More topics from this board
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and TemplatesShishio-kun - Feb 16, 2023 |
37 |
by leuscius
»»
May 17, 8:33 AM |
|
» [CSS - MODERN] ⭐️ All ways to customize individual anime and individual list rows (mark your favorites!)Shishio-kun - Sep 4, 2020 |
12 |
by takkun_
»»
May 12, 12:00 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2023 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
359 |
by CLModerno
»»
May 5, 7:50 PM |
|
» [CSS - MODERN] Add side renders to list layouts (including for each category!)Shishio-kun - May 15, 2021 |
3 |
by gwynsyl
»»
May 5, 1:41 PM |
|
» [HALL OF LEGENDS] Hacker09, MyAnimeList's #1 coder!Shishio-kun - Dec 10, 2023 |
9 |
by hacker09
»»
May 2, 9:29 PM |