Shishio-kun said: Seven said: @Shishio-kun Thank you so much, you helped me out a bunch, I really appreciate it!! :) Now to try and configure where all these tags to lol. Yeah good luck and to add more tags like if you want the tag for say Fantasy at the top you would just put fantasy in the codes I've made red and adjust the numbers I made green :D a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Fantasy"]:before{ content: "Fantasy"; position: fixed; top: 70px; right: 460px; color: red; } Shishio-kun said: Seven said: @Shishio-kun Thank you so much, you helped me out a bunch, I really appreciate it!! :) Now to try and configure where all these tags to lol. Yeah good luck and to add more tags like if you want the tag for say Fantasy at the top you would just put fantasy in the codes I've made red and adjust the numbers I made green :D a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Fantasy"]:before{ content: "Fantasy"; position: fixed; top: 70px; right: 460px; color: red; } Thanks, Works great! I just added demographic tags for now and i'll start adding some of the genre ones later. I just have one more question and I swear i'll be done! How can I make the anime title links and tags with the yellow background in my list another color like black and keep the anime title links and tags with the black background color white? |
Infinite-VoidMay 30, 2020 4:35 AM
 |
Shishio-kun said: So is the problem still the preview pics aren't showing for you, at this moment? Because I see them  What browser are you using? Maybe you should use the alternative cover imports https://myanimelist.net/forum/?topicid=1791551 Thank you so much it works now, I using safari browser.. sometimes google chrome. I just realized there's different between the image's preview between the anime list and manga list.. How can I remove this shadow under the image?? I want the same as manga list please.. |
GentleBloomsMay 30, 2020 7:55 AM
xxheyamxx said: I just realized there's different between the image's preview between the anime list and manga list.. How can I remove this shadow under the image?? I want the same as manga list please.. The shadow is caused by having Tags enabled. If you add tags to an entry, they'll display in that shadowy box. To remove the box, simply disable Tags in your anime list settings. |
Seven said: Shishio-kun said: Yeah good luck and to add more tags like if you want the tag for say Fantasy at the top you would just put fantasy in the codes I've made red and adjust the numbers I made green :D a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Fantasy"]:before{ content: "Fantasy"; position: fixed; top: 70px; right: 460px; color: red; } Shishio-kun said: Yeah good luck and to add more tags like if you want the tag for say Fantasy at the top you would just put fantasy in the codes I've made red and adjust the numbers I made green :D a[href*="https://myanimelist.net/animelist/Seven?status=1&tag=Fantasy"]:before{ content: "Fantasy"; position: fixed; top: 70px; right: 460px; color: red; } Thanks, Works great! I just added demographic tags for now and i'll start adding some of the genre ones later. I just have one more question and I swear i'll be done! How can I make the anime title links and tags with the yellow background in my list another color like black and keep the anime title links and tags with the black background color white? Try .td1 a{ color: black; } |
Veliznaz said: Hey guys! I'm new in here so I wanted to ask - how do I move renders or maybe make them smaller on custom CSS? You can add this to the bottom, and adjust the percentage after height to control the sizes. footer:before{ height: 50% !important; background-size: contain !important;} footer:after{ height: 50% !important; background-size: contain !important;} |
Veliznaz said: It cuts the renders starting from the top. Is there a way to make the renders themself smaller by commands or should I just make a new pic that will be smaller? @_@ ok I'm going to rewrite all these codes to make it simpler to change the renders, please check back tomorrow and use the new versions :D |
| @Veliznaz Are you sure you tried this? When I try it on your anime list, I see this /* For 1-2 render layouts */ footer:before{ height: 50% !important; background-size: contain !important; } footer:after{ height: 50% !important; background-size: contain !important;}  |
Shishio-kun said: Hell yeah, I got it! Thanks!!!@Veliznaz Are you sure you tried this? When I try it on your anime list, I see this /* For 1-2 render layouts */ footer:before{ height: 50% !important; background-size: contain !important; } footer:after{ height: 50% !important; background-size: contain !important;} |
| @Valerio_Lyndon For some reason, I added a render, which worked, then when I tried adding all of the renders, it stopped working and now not even the first render works. |
 |
anime-prime said: For some reason, I added a render, which worked, then when I tried adding all of the renders, it stopped working and now not even the first render works. Hmm, what I am seeing is this:  Most of the renders seem to be empty. There is one that has an opening bracket, but it's missing a closing bracket, which is a recipe for problems. You can see it highlighted with a red border at the bottom there. Adding a closing bracket ")" might fix at least some of the issues. So it would be "url();". If this looks different to what you're seeing, it's due to MAL's attempts at CSS security which can change things for list visitors, as compared with list owners. If that's the case, you'd have to share your actual CSS by copy-pasting it here so I can try and debug it. |
Valerio_Lyndon said: anime-prime said: For some reason, I added a render, which worked, then when I tried adding all of the renders, it stopped working and now not even the first render works. Hmm, what I am seeing is this: Most of the renders seem to be empty. There is one that has an opening bracket, but it's missing a closing bracket, which is a recipe for problems. You can see it highlighted with a red border at the bottom there. Adding a closing bracket ")" might fix at least some of the issues. So it would be "url();". If this looks different to what you're seeing, it's due to MAL's attempts at CSS security which can change things for list visitors, as compared with list owners. If that's the case, you'd have to share your actual CSS by copy-pasting it here so I can try and debug it. It still doesn't show anything. Here is the renders with the attempted image for the last one since the ( didn't do anything after I removed it: /* RENDERS: adjust the size with the width percentage and position with left or right percentage. */ /*ALL ANIME/MANGA L RENDER*/ body[data-query*='"status":7']:before { background-image: url; width: 50%; left: -15%; } /*CURRENT L RENDER*/ body[data-query*='"status":1']:before { background-image: url; width: 50%; left: -15%; } /*COMPLETED L RENDER*/ body[data-query*='"status":2']:before { background-image: url; width: 50%; left: -15%; } /*ON HOLD L RENDER*/ body[data-query*='"status":3']:before { background-image: url; width: 50%; left: -15%; } /*DROPPED L RENDER*/ body[data-query*='"status":4']:before { background-image: url; width: 50%; left: -15%; } /*PLANNED L RENDER*/ body[data-query*='"status":6']:before { background-image: url; width: 50%; left: -15%; } /*CURRENT R RENDER*/ body[data-query*='"status":1']:after { background-image: url; width: 50%; right: -15%; } /*COMPLETED R RENDER*/ body[data-query*='"status":2']:after { background-image: url; width: 50%; right: -15%; } /*ON HOLD R RENDER*/ body[data-query*='"status":3']:after { background-image: url; width: 50%; right: -15%; } /*DROPPED R RENDER*/ body[data-query*='"status":4']:after { background-image: url; width: 50%; right: -15%; } /*PLANNED R RENDER*/ body[data-query*='"status":6']:after { background-image: url; width: 50%; right: -15%; } /*ALL ANIME/MANGA R RENDER*/ body[data-query*='"status":7']:after { background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6233922d-753c-4152-9afe-3b82ce990681/d7sx64g-9f2c88fa-7a0d-44f7-97bd-bf8044eec286.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNjIzMzkyMmQtNzUzYy00MTUyLTlhZmUtM2I4MmNlOTkwNjgxXC9kN3N4NjRnLTlmMmM4OGZhLTdhMGQtNDRmNy05N2JkLWJmODA0NGVlYzI4Ni5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.TeFGELKquLq2ijgOLpZmU96t8BVz5-K8GbH2ZnQJyDA); width: 50%; right: -15%; } And now it seems that a lot of what I did has been up until now has been undone and I can't seem to make new changes. |
anime-primeJun 1, 2020 3:30 AM
|
lilpiggyvortex said: HI, i dont know if this had been asked before, but im having trouble reducing the font on the "plan to watch, completed etc." i saw the video and currently have the your name list (diferent pics) everything is working great but i changed the font and its too big i can't find anything that say how to fix it so if anyone can help me on this i'd appreciate it! Paste these to the bottom of the CSS. First code is for the colored button second should be for the gray buttons. .status-menu-container .status-menu .status-button.all_anime:hover, .status-menu-container .status-menu .status-button.all_anime.on, .status-menu-container .status-menu .status-button.plantowatch:hover, .status-menu-container .status-menu .status-button.plantowatch.on, .status-menu-container .status-menu .status-button.plantoread:hover, .status-menu-container .status-menu .status-button.plantoread.on, .status-menu-container .status-menu .status-button.dropped:hover, .status-menu-container .status-menu .status-button.dropped.on, .status-menu-container .status-menu .status-button.onhold:hover, .status-menu-container .status-menu .status-button.onhold.on, .status-menu-container .status-menu .status-button.completed:hover, .status-menu-container .status-menu .status-button.completed.on, .status-menu-container .status-menu .status-button.watching:hover, .status-menu-container .status-menu .status-button.watching.on, .status-menu-container .status-menu .status-button.reading:hover, .status-menu-container .status-menu .status-button.reading.on { font-size: 10px !important; } .status-menu-container .status-menu .status-button.watching, .status-menu-container .status-menu .status-button.reading, .status-menu-container .status-menu .status-button.completed, .status-menu-container .status-menu .status-button.onhold, .status-menu-container .status-menu .status-button.dropped, .status-menu-container .status-menu .status-button.plantowatch, .status-menu-container .status-menu .status-button.plantoread, .status-menu-container .status-menu .status-button.all_anime { font-size: 10px !important; } |
lilpiggyvortex said: Shishio-kun said: worked perfectly thank you! Aslo i rly like your youtube videos Paste these to the bottom of the CSS. First code is for the colored button second should be for the gray buttons. .status-menu-container .status-menu .status-button.all_anime:hover, .status-menu-container .status-menu .status-button.all_anime.on, .status-menu-container .status-menu .status-button.plantowatch:hover, .status-menu-container .status-menu .status-button.plantowatch.on, .status-menu-container .status-menu .status-button.plantoread:hover, .status-menu-container .status-menu .status-button.plantoread.on, .status-menu-container .status-menu .status-button.dropped:hover, .status-menu-container .status-menu .status-button.dropped.on, .status-menu-container .status-menu .status-button.onhold:hover, .status-menu-container .status-menu .status-button.onhold.on, .status-menu-container .status-menu .status-button.completed:hover, .status-menu-container .status-menu .status-button.completed.on, .status-menu-container .status-menu .status-button.watching:hover, .status-menu-container .status-menu .status-button.watching.on, .status-menu-container .status-menu .status-button.reading:hover, .status-menu-container .status-menu .status-button.reading.on { font-size: 10px !important; } .status-menu-container .status-menu .status-button.watching, .status-menu-container .status-menu .status-button.reading, .status-menu-container .status-menu .status-button.completed, .status-menu-container .status-menu .status-button.onhold, .status-menu-container .status-menu .status-button.dropped, .status-menu-container .status-menu .status-button.plantowatch, .status-menu-container .status-menu .status-button.plantoread, .status-menu-container .status-menu .status-button.all_anime { font-size: 10px !important; } Thanks 😭 see my twitter for updates and check out my shishi channel in my sig for more 😎 https://twitter.com/ShishiVids |
anime-prime said: And now it seems that a lot of what I did has been up until now has been undone and I can't seem to make new changes. Oddly enough, it looks like your CSS got cut off at the bottom and doesn't seem to have the CSS that adds basic styling to the renders.  This might have been caused by the list CSS being too long, as it is reaching the limit (yes, there is a character limit on CSS), but it should still be a few thousand characters away from that. I'd try adding this to the bottom of your CSS and saving. See if it's still there after the save or if it gets deleted. If it's deleted, the CSS is too long. In which case, some optimization can be done to reduce the CSS a bit. }
/* Basic Render Element Styling */
body::before,
body::after {
content: "";
position: fixed;
top: 0%;
z-index: 100;
display: block;
height: 100%;
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
pointer-events: none;
}As to your other renders being blank, if just randomly happened and they're supposed to have images I am unsure what could have caused it. All I can recommend is to keep a backup of your last proven-working CSS in a text file on your PC. This way, if something ever gets borked, you can rollback and/or compare. If you try and add images again and it doesn't work, perhaps you could share the images you're trying to add so I could give it a go and share some (hopefully) working code. |
Valerio_LyndonJun 1, 2020 11:05 PM
Valerio_Lyndon said: anime-prime said: And now it seems that a lot of what I did has been up until now has been undone and I can't seem to make new changes. Oddly enough, it looks like your CSS got cut off at the bottom and doesn't seem to have the CSS that adds basic styling to the renders. This might have been caused by the list CSS being too long, as it is reaching the limit (yes, there is a character limit on CSS), but it should still be a few thousand characters away from that. I'd try adding this to the bottom of your CSS and saving. See if it's still there after the save or if it gets deleted. If it's deleted, the CSS is too long. In which case, some optimization can be done to reduce the CSS a bit. }
/* Basic Render Element Styling */
body::before,
body::after {
content: "";
position: fixed;
top: 0%;
z-index: 100;
display: block;
height: 100%;
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
pointer-events: none;
}As to your other renders being blank, if just randomly happened and they're supposed to have images I am unsure what could have caused it. All I can recommend is to keep a backup of your last proven-working CSS in a text file on your PC. This way, if something ever gets borked, you can rollback and/or compare. If you try and add images again and it doesn't work, perhaps you could share the images you're trying to add so I could give it a go and share some (hopefully) working code. I added it but nothing happened. I guess the CSS might be too long. For a demo, just try that one render for all renders. |
|
anime-prime said: Valerio_Lyndon said: }
/* Basic Render Element Styling */
body::before,
body::after {
content: "";
position: fixed;
top: 0%;
z-index: 100;
display: block;
height: 100%;
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
pointer-events: none;
}I added it but nothing happened. I guess the CSS might be too long. For a demo, just try that one render for all renders. The CSS is there, it wasn't deleted. It is simply getting cancelled out by the cut-off CSS I mentioned previously. You'll need to add the closing bracket "}" I had in that code snippet, it will prevent issues with the cut-off code. Just place the closing bracket above the "Basic Render" text, like so:  |
Valerio_Lyndon said: anime-prime said: I added it but nothing happened. I guess the CSS might be too long. For a demo, just try that one render for all renders. The CSS is there, it wasn't deleted. It is simply getting cancelled out by the cut-off CSS I mentioned previously. You'll need to add the closing bracket "}" I had in that code snippet, it will prevent issues with the cut-off code. Just place the closing bracket above the "Basic Render" text, like so: Tried it, it worked, but when again trying to add it to all renders, everything got undone again, even the above post. Maybe it is too long. |
|
anime-prime said: Tried it, it worked, but when again trying to add it to all renders, everything got undone again, even the above post. Maybe it is too long. Hmm, I'll look into optimizations that could be done for your list and get back to you after sleep. Although it may be possible we could squeeze the renders in were we to use a different image host too (one with shorter URLs than MAL's nonsense strings). |
| @anime-prime OK I see this layout code is too long and needs to be compressed down so I'll do that with the default version. https://pastebin.com/raw/aSMDA7Az Try using this version of your layout. I used an online tool to compress most of it down and tested it out with the long render image codes you use. You can also just upload images to Imgur for shorter background image links https://imgur.com/upload |
Shishio-kunJun 2, 2020 10:49 AM
| @anime-prime With this condensed version, you can use the long render codes but you won't be able to change fonts easily. So if you want to change fonts later with the fonts video, you should just use the default grid style 5 code with imgur links instead of the long urls you're trying to use for the renders. |
| Thanks @Shishio-kun! I am currently putting in renders from your imgur for the short term until I have enough time to google how to make my own. |
|
anime-prime said: Thanks @Shishio-kun! I am currently putting in renders from your imgur for the short term until I have enough time to google how to make my own. You can also just search google for more renders, download them, and then upload those to imgur to make new background image links for your layout And you can take the long urls you were using before for the Ichigo render and upload that to imgur and they'll reupload it and give you a short url for the same render. Or download the Ichigo render and upload that to Imgur for a shorter url. The long urls you were using before were causing the errors and should be avoided, although you could use them with the compressed version (the compressed CSS won't make changing fonts easy tho). And finally sometimes you can request a render of an image here, and there should still be a rendering tutorial if you want to invest time into making your own https://myanimelist.net/forum/?topicid=400287 |
kfk said: Hey, from this old topic: https://myanimelist.net/forum/?topicid=1535841 Did category headers for the All Anime section in Modern layout ever get done? Is there a way to add that to themes that don't have it? It's extremely rare that MAL uses a user suggestion. You can try the stuff here, I haven't looked into it for a couple years tho https://myanimelist.net/forum/?topicid=1533551 |
| help me, obi wan! i put links to sources in my "more section" https://myanimelist.net/animelist/mutsuto?s=1-gatsu%20ni%20wa%20Christmas  to do this i had to do 2 things: i] mask the text that normally goes before the text contained in the "more section" Comments: however now - a little bit is poking out https://myanimelist.net/animelist/mutsuto?s=Akai%20Ito  and my CSS is far too long and complicated to understand where the hell I actually handled this and fix it ;-; to go in, find the right spot, and fix this. wut do!!! |
 |
AnimeN-Word said: I'm trying to add an extra render to gridstyle 1, but copying the render css code from gridstyle 4 isn't working for me. How do I add another render and have it show? You can add footer:before{ left: -15%; width: 50% !important; background-size: contain !important; background-image: url(http://imgur.com/gAgIkGM.png); } footer:before{ width: 50%; height: 100%; position: fixed; background-repeat: no-repeat; background-size: 100% !important; background-position:center bottom;} footer::after, footer::before { content: ""; display: block; position: fixed; bottom: 0px; background-size: 100%; pointer-events: none; z-index: 3; } .cover-block::after { display: none !important; } |
@mutsuto You can usually find it by looking through the page using Inspect Element. In this case though, thje value you're looking for is on line 514. Changing the width to "54px" seemed to do the trick..more-info > td:before {
width: 54px;
}If you wanted to, you could add a comment so you know what it is next time you look for it. Comments are denoted by the "/*" to open them, and "*/" to close them. As an example, you could put a comment like this above the section: /* Hide the "Comments:" text by using a mask */ Not sure why it suddenly changed in the first place though, quite odd that. |
Valerio_Lyndon said: @mutsuto You can usually find it by looking through the page using Inspect Element. In this case though, thje value you're looking for is on line 514. Changing the width to "54px" seemed to do the trick. .more-info > td:before {
width: 54px;
}If you wanted to, you could add a comment so you know what it is next time you look for it. Comments are denoted by the "/*" to open them, and "*/" to close them. As an example, you could put a comment like this above the section: /* Hide the "Comments:" text by using a mask */ Ah ty, I didn't know inspect-element can do that. Not sure why it suddenly changed in the first place though, quite odd that. yes, most strange. before i fix it could you confirm if it is indeed poking out on your end too? it may just be a ME issue |
mtsRheaJun 6, 2020 7:06 AM
|
mutsuto said: yes, most strange. before i fix it could you confirm if it is indeed poking out on your end too? it may just be a ME issue It's definitely poking out on Firefox, but it doesn't seem to on Chrome. They render text a little different, which must be the reason for the difference. Still though, depending on what you're doing, it shouldn't be an issue. If you're simply putting a link at the top of the comments, then any value will work as long as they are equal on both the mask shape and the link reposition (so the width of the mask and the 'left' value of the link). Higher would be more preferrable in this case, to make sure the text is covered up. If you're putting any regular text there, it might be slightly covered up by the mask though. These sorts of hacks/workarounds are often hard to make perfect. |
Valerio_Lyndon said: Cheers mate.It's definitely poking out on Firefox, but it doesn't seem to on Chrome. They render text a little different, which must be the reason for the difference. Still though, depending on what you're doing, it shouldn't be an issue. If you're simply putting a link at the top of the comments, then any value will work as long as they are equal on both the mask shape and the link reposition (so the width of the mask and the 'left' value of the link). Higher would be more preferrable in this case, to make sure the text is covered up. If you're putting any regular text there, it might be slightly covered up by the mask though. These sorts of hacks/workarounds are often hard to make perfect. I changed to position absolute, so that I could fix this issue if the first link wasn't at the top spot. And just checking - is there really no way of selection lines of text in that more section? So that, as seen in the img above, if the first line is text I could indent that correctly too. Using inspect - each new-line in that section is it's own <br>, so shouldn't .more-info > td > table > tbody > tr > td > br:nth-of-type(2) but it doesn't... work, grumble grumble grumble. |
|
mutsuto said: And just checking - is there really no way of selection lines of text in that more section? So that, as seen in the img above, if the first line is text I could indent that correctly too. I really wish there was, but the only way to select segments of text using CSS is if they're separated in the HTML via elements like <element>this</element>. Well, apart from the ::first-line and ::first-letter selectors, which are outliers. |
| I'm having some issues. I'm trying to align one picture to the left and one to the right with the text on the right side of the image aligned to the left and the text on the left side of the image aligned to right, as such:  Shirou Emiya from Fate/Stay Night  Kiritsugu Emiya from Fate/Zero  Meruem from Hunter x Hunter But when I just hide the whole thing with a spoiler, the text moves below each of the images and the image and text (which is also under the image now) aligned to the right barely moves from the left side. Like this: So how do I make the one hidden with a spoiler look the same as the one that isn't? |
OtakuAltair said: I'm having some issues. I'm trying to align one picture to the left and one to the right with the text on the right side of the image aligned to the left and the text on the left side of the image aligned to right, as such: Shirou Emiya from Fate/Stay Night Kiritsugu Emiya from Fate/Zero Meruem from Hunter x Hunter But when I just hide the whole thing with a spoiler, the text moves below each of the images and the image and text (which is also under the image now) aligned to the right barely moves from the left side. Like this: So how do I make the one hidden with a spoiler look the same as the one that isn't? Spoilers seem to break those image align and left/right codes when they're inside, right? So I would just use invisible asterixes to move the pics and text where you want. Would take a lot of work tho. [spoiler] [color=transparent]**********************[/color]Boa [color=transparent]**********************[/color][img]https://i.imgur.com/AP84rrt.gif[/img] [/spoiler] Another example, notice you can still move stuff right with the right code outside of the spoiler. [right] [spoiler] [color=transparent]**********[/color]Boa[img align=right]https://i.imgur.com/AP84rrt.gif[/img] [/spoiler][/right] |
Shishio-kun said: So I have to mess around with invisible text? Thanks! I think I'll do thisSpoilers seem to break those image align and left/right codes when they're inside, right? So I would just use invisible asterixes to move the pics and text where you want. Would take a lot of work tho. [spoiler] [color=transparent]**********************[/color]Boa [color=transparent]**********************[/color][img]https://i.imgur.com/AP84rrt.gif[/img] [/spoiler] Shishio-kun said: I'm trying to put one image on the left and one on the right within one spoiler so I think I'll use the previous suggestionAnother example, notice you can still move stuff right with the right code outside of the spoiler. [right] [spoiler] [color=transparent]**********[/color]Boa[img align=right]https://i.imgur.com/AP84rrt.gif[/img] [/spoiler][/right] |
| I managed to make a spoiler hidden thing in which I have one image and text on the left and an image and text on the right using invisible text, like this: But is there a way to make it look the same while centering the spoiler it's hidden inside? When I center the spoiler the text on the left moves to the center, is there something I can do to align text to the left or something similar, because [left] doesn't work? Anyway, this is what happens: |
OtakuAltairJun 10, 2020 12:27 AM
| @OtakuAltair I'm not sure if this is what you're trying to do but you're going to have to push everything where you want it with the spaces and asterixes. It will be a real pain to get right. Also for the righthand graphics you need to add invisible space (within the image) after the character pics: https://imgur.com/aLyfF8Q You can do this in Photoshop, GIMP, or JASC Animation Shop by making a new canvas/image the size you need and putting the pic in it towards the front as I had. At this point you might wanna just start making profile graphics instead of BBCoding everything, I have tutorials and videos on that Quote my post to see the code |
Shishio-kunJun 10, 2020 12:57 PM
| Hello, I don't know if any1 has asked this before. I've searched many codes to find something similar but with no success. My question is the following: is there a way to make the sort button's selection boxes (list-table-header) to appear once you click the sort button and dissapear when you click it again instead of hovering over it to appear and hovering away to dissapear? I want it to work like the Stats/Filters buttons. Check out my list to understand better the situation. If it ain't possible I can live with it np! Thanks a lot! |
Shishio-kun said: I think I'll look into that then, thanks!@OtakuAltair I'm not sure if this is what you're trying to do but you're going to have to push everything where you want it with the spaces and asterixes. It will be a real pain to get right. Also for the righthand graphics you need to add invisible space (within the image) after the character pics: https://imgur.com/aLyfF8Q You can do this in Photoshop, GIMP, or JASC Animation Shop by making a new canvas/image the size you need and putting the pic in it towards the front as I had. At this point you might wanna just start making profile graphics instead of BBCoding everything, I have tutorials and videos on that Quote my post to see the code |
Spedwagodownonme said: Hello, I don't know if any1 has asked this before. I've searched many codes to find something similar but with no success. My question is the following: is there a way to make the sort button's selection boxes (list-table-header) to appear once you click the sort button and dissapear when you click it again instead of hovering over it to appear and hovering away to dissapear? I want it to work like the Stats/Filters buttons. Check out my list to understand better the situation. If it ain't possible I can live with it np! Thanks a lot! Wow I'm watching Phantom Blood for the first time right now D: Well I've done something like this by remaking the menu in a more button (the i button on one of your anime). I am pretty sure it could be done on modern. This is some high level stuff tho and might take some time and a lot of messages back and forth to do. The custom menu will only work right on All Anime. It won't show up on most other categories, if at all on other categories. But you could also have a button menu on other categories later. Might take a while to find the right codes tho and there could be bugs I don't know of that happen. If you want to do this, edit one of your anime and put this BBcode in it. [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=1&order2=0]Anime Title[/url] [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=4&order2=0]Score[/url] [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=6&order2=0]Type[/url] [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=12&order2=0]Progress[/url] |
Shishio-kunJun 11, 2020 9:38 PM
| Hello, I just wanted to ask something about the profile design like this one. The images are in specific positions and with colored border and padding (same with the extended characters). You can only use bbcode on the "About me" section, right? But I don't think we could do this only by using bbcode? I'm sorry if this is a dumb question since many profiles have this. |
  I want to know what it is, this 'sin' they say I've committed. |
Shishio-kun said: Spedwagodownonme said: Hello, I don't know if any1 has asked this before. I've searched many codes to find something similar but with no success. My question is the following: is there a way to make the sort button's selection boxes (list-table-header) to appear once you click the sort button and dissapear when you click it again instead of hovering over it to appear and hovering away to dissapear? I want it to work like the Stats/Filters buttons. Check out my list to understand better the situation. If it ain't possible I can live with it np! Thanks a lot! Wow I'm watching Phantom Blood for the first time right now D: Well I've done something like this by remaking the menu in a more button (the i button on one of your anime). I am pretty sure it could be done on modern. This is some high level stuff tho and might take some time and a lot of messages back and forth to do. The custom menu will only work right on All Anime. It won't show up on most other categories, if at all on other categories. But you could also have a button menu on other categories later. Might take a while to find the right codes tho and there could be bugs I don't know of that happen. If you want to do this, edit one of your anime and put this BBcode in it. [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=1&order2=0]Anime Title[/url] [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=4&order2=0]Score[/url] [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=6&order2=0]Type[/url] [url=https://myanimelist.net/animelist/Spedwagodownonme?status=7&order=12&order2=0]Progress[/url] sorry for the possible spoils bro hahaha, big props for not skipping the first two parts I'm proud of you! Enjoy it, it's my favorite series as you can figure out from the signature and the list 😂. Thank you, I just wanted to see if it's worth trying, but if you say that it's actually hard to do I'll try something else ;). Thanks again! Hf watching jojos! |
Mayo-13 said: Hello, I just wanted to ask something about the profile design like this one. The images are in specific positions and with colored border and padding (same with the extended characters). You can only use bbcode on the "About me" section, right? But I don't think we could do this only by using bbcode? I'm sorry if this is a dumb question since many profiles have this. Yes they did that with BBcode. A lot the images have transparent space. You can look at their BBcode and rip some of it with right click and view page source https://myanimelist.net/forum/?topicid=399507 |
Shishio-kun said: Mayo-13 said: Hello, I just wanted to ask something about the profile design like this one. The images are in specific positions and with colored border and padding (same with the extended characters). You can only use bbcode on the "About me" section, right? But I don't think we could do this only by using bbcode? I'm sorry if this is a dumb question since many profiles have this. Yes they did that with BBcode. A lot the images have transparent space. You can look at their BBcode and rip some of it with right click and view page source https://myanimelist.net/forum/?topicid=399507 Thank you so much. I will try this. |
I want to know what it is, this 'sin' they say I've committed. |
| Hello I have a question about how to align the "about me" section picture, with the profile picture, example profile. Most simple way would be to just make the height of the pictures the same(350) but it never seems to work on my profile and the "about me" section picture is always a bit higher, so it doesnt align perfectly. When I make it a bit smaller (345) the bottom is aligned but then the top isnt like so  but when its the same hight as the profile picture then the bottom is bigger like this  Is there some trick to this or does this occur only on my profile? Thanks in advance. |
removed-userJun 13, 2020 5:45 AM
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
Sep 13, 10:56 AM |
|
» 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 |