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? |
 |
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: 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. |
|
Shishio-kun said: I found it but there is one problem,I copyed the code from this link http://cdn.rawgit.com/VeriTi/cfc167199f0e60518c4c/raw/5108a26ded514663b042591b3a97f1c8f7f5567e/alpha_geometry.css and this what happen http://prntscr.com/4h871lThe_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 |
| Hey guys ! sorry for the trouble but I'm getting this problem with my square layout. When I zoom in, it gives me this: When I zoom out, it gives me this How can I center the covers inside the "layout", and how can I center the "layout" itself inside the page ? Here's my CSS : Thanks a lot :D ! |
HazankaAug 28, 2014 6:59 AM
Hazanka said: I am curently stuck with IE so I cant really go into any depth with your problem but you should start by removing "Read more at http://myanimelist.net/forum/?topicid=459189&show=180#VMPfLP7g6VF9jaS4.99"Hey guys ! sorry for the trouble but I'm getting this problem with my square layout. When I zoom in, it gives me this: When I zoom out, it gives me this How can I center the covers inside the "layout", and how can I center the "layout" itself inside the page ? Here's my CSS : Thanks a lot :D ! |
|
The_ClownPrince said: Shishio-kun said: I found it but there is one problem,I copyed the code from this link http://cdn.rawgit.com/VeriTi/cfc167199f0e60518c4c/raw/5108a26ded514663b042591b3a97f1c8f7f5567e/alpha_geometry.css and this what happen http://prntscr.com/4h871lSame as the posts right before you, addressed on the front page You didn't follow the directions. You put those lines at the top. You don't copy the codes from those lines and put them into your CSS, the codes won't work right here on MAL I guess. It says specifically: Simply add these lines to the top of your CSS. It will fix the top bar and list's style back: @import 'http://cdn.rawgit.com/VeriTi/cfc167199f0e60518c4c/raw/5108a26ded514663b042591b3a97f1c8f7f5567e/alpha_geometry.css'; @import 'http://cdn.rawgit.com/VeriTi/060b14917bfd586af951/raw/5cbe2d300c3bc1f269277a7d3f117b6cf8f4b3dd/alpha_topbar_redux.css'; If you do it the right way, it should work afterwards. |
J_Nishi said: You don't have to do that. It is simply to point out who designed it, but this one is clearly dessigned by you. It does not come with any legal claims and even if it did, you can't claim copyright for CSS mechanics.Hello, I have a question. I am quite new to CSS and used on of Shishio-kuns Styles to learn how to make a list, much trial & error and I watched some tutorials. My list-style is based on this style: http://myanimelist.net/forum/?topicid=217657 and looks like that: http://myanimelist.net/animelist/J_Nishi Its still in work, but I have a question regarding the copyright. Since my style is pretty different to the K-On style, do I still have to mention Shishio-kun? There was that icon before that says its his style, I removed it but I am not sure if I am allowed to do that? Can I instead put some text there like "Created on the basis of Shishio-kuns K-On Style"? Or can I just leave it like that? |
|
J_Nishi said: Hello, I have a question. I am quite new to CSS and used on of Shishio-kuns Styles to learn how to make a list, much trial & error and I watched some tutorials. My list-style is based on this style: http://myanimelist.net/forum/?topicid=217657 and looks like that: http://myanimelist.net/animelist/J_Nishi Its still in work, but I have a question regarding the copyright. Since my style is pretty different to the K-On style, do I still have to mention Shishio-kun? There was that icon before that says its his style, I removed it but I am not sure if I am allowed to do that? Can I instead put some text there like "Created on the basis of Shishio-kuns K-On Style"? Or can I just leave it like that? You can remove the icon. "Created on the basis of Shishio-kuns K-On Style" is perfectly fine with me. Its not a dick move or anything. You can even remove my name and make it just "based on the K-on layout" since if someone just Googles "K-on! CSS/layout" etc they will find this club in the top results and one or both of my K-on! layouts. |
Oiomi-chan said: You don't have to do that. It is simply to point out who designed it, but this one is clearly dessigned by you. It does not come with any legal claims and even if it did, you can't claim copyright for CSS mechanics. If you based it on someone else's design, you should still credit that person because you wouldn't have been able to make it your way without the person making the style in the first place. It is courtesy, it might not seem important, but lack of courtesy between one another has turned away a lot of our good designers in the past, and its why some people got kicked out since it only brings us down as a whole. |
| @J_Nishi I'd say, leave it if you've just changed the theme/few pics, abd remove/change it if you did significant changes to the layout. The best way to pay back to the people who made it at the first place would be sharing it after you're finished back in this club, and crediting people in your topic. This way you can thank all the people you want, if any, and help both the original creator (if you fixed one of his/her bugs) and other club visitors. Sharing is caring. Of course, this is just my opinion. |
|
Shishio-kun said: 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! Why, thank you for the help and compliment! |
|
Shishio-kun said: It worked,thank you!The_ClownPrince said: I found it but there is one problem,I copyed the code from this link http://cdn.rawgit.com/VeriTi/cfc167199f0e60518c4c/raw/5108a26ded514663b042591b3a97f1c8f7f5567e/alpha_geometry.css and this what happen http://prntscr.com/4h871l You didn't follow the directions. You put those lines at the top. You don't copy the codes from those lines and put them into your CSS, the codes won't work right here on MAL I guess. It says specifically: Simply add these lines to the top of your CSS. It will fix the top bar and list's style back: @import 'http://cdn.rawgit.com/VeriTi/cfc167199f0e60518c4c/raw/5108a26ded514663b042591b3a97f1c8f7f5567e/alpha_geometry.css'; @import 'http://cdn.rawgit.com/VeriTi/060b14917bfd586af951/raw/5cbe2d300c3bc1f269277a7d3f117b6cf8f4b3dd/alpha_topbar_redux.css'; If you do it the right way, it should work afterwards. |
| I've got a weird problem going on with my list. I noticed this after applying the fix for the dropbox bandwidth issue but it might have preceded that? This issue shows up in Chrome. http://myanimelist.net/animelist/asteron The hover cover art works for links at the top but not at the bottom. The page doesnt seem to be loading anything but if you swipe over the links one by one you can extend the hover art that work. Anyone can tell what's going on? It used to pretty much just instantly work but now it's half broken. |
asteron said: I've got a weird problem going on with my list. I noticed this after applying the fix for the dropbox bandwidth issue but it might have preceded that? This issue shows up in Chrome. http://myanimelist.net/animelist/asteron The hover cover art works for links at the top but not at the bottom. The page doesnt seem to be loading anything but if you swipe over the links one by one you can extend the hover art that work. Anyone can tell what's going on? It used to pretty much just instantly work but now it's half broken. Its loading perfectly fine to me in Chrome. In the past (years before Dropbox crash) ppl experienced this because of Chrome Add-ons (adblock sometimes). So disable your add ons or w/e they call them in Chrome (extensions?) and see if it still happens. You can just use Flashblock instead of Adblock on MAL and most ads are blocked just the same, or you can turn off Chrome just for the list pages. |
| Adblock seems to have been the issue. Thanks for the tip! |
Shishio-kun said: Yes, I should have mentioned that. I do agree that it is good manners to keep it if the previous designers work is still a significant part of your layout. I was only thinking of the technicalities of the copyright, my bad.Oiomi-chan said: You don't have to do that. It is simply to point out who designed it, but this one is clearly dessigned by you. It does not come with any legal claims and even if it did, you can't claim copyright for CSS mechanics. If you based it on someone else's design, you should still credit that person because you wouldn't have been able to make it your way without the person making the style in the first place. It is courtesy, it might not seem important, but lack of courtesy between one another has turned away a lot of our good designers in the past, and its why some people got kicked out since it only brings us down as a whole. |
|
| Hi these are the cover imports I received for my list layout @import "http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Covers.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/pyschopassextra.css"; Some covers are showing, some are not (free! season two). I assume because these covers are outdated. I tried generating my own personal covers for them but that did not work. I suspect because these covers are personalized. I also tried using the default covers provided by your thread but nothing happened. Next I tried to use the default cover along with the same cover format by pasting this below which did work. However with that implementation it also changed my customized top bar back to the old black bar. The covers from your thread looks like this #more5114 {background-image: url(http://cdn.myanimelist.net/images/anime/5/47421.jpg);} The covers of the original imports looks like this #list_surround table:nth-of-type(n+4) tbody:hover .animetitle[href*="/9969/"]:after { background-image: url(http://cdn.myanimelist.net/images/anime/5/28589.jpg); } These two types are different between my original cover codes and the ones being provided on your thread. probably because these codes fit for a different type of cover format. I tried using the generate your own covers but the only ones I was able to generate was the ones on your thread. I thought about switching the format cover of the original one to the default cover format provided by your threads. I pasted the given code onto the bottom of my list codes which worked. It did provide me with covers but the problem is, it also changed my customized top bar back to the old black bar. The two possible solutions to my problem would be the ability to generate cover codes for my current cover format or changing my cover format to the default format provided by your thread and just using the cover codes given by your thread without changing my top bar back to the black bar. However trying both methods I hit a wall as stated above. Any help would be great, thanks |
VarusSep 14, 2014 5:06 PM
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 |