| Hello, At the moment, I'm trying to edit my list, and it's been working pretty well... But I just wanted to ask a quick question... Does anyone know how to position their list table (custom position)? Or which part I can edit on my CSS? Also if the category links move with it? For example on my list at the moment, I don't know how to move it slightly more to the left, instead of all the way to the side of the screen. Could someone help me? Thanks very much in advanced. |
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
betterthansalad said: I think this is possible with something similar to this, though I don't know how to do it myself (I know DRedDogPE was mentioning making a new generator, so you could ask him to take a look at this post). Something like: "If the URL contains '&order=4', then all anime with score<5{display:none;}", or give padding-top to the first one with score=5, or whatever. Making the page go straight to score sounds like something you could do with a userscript, but again, I don't know how to do that. Sorry ^^Does anyone else have an idea on how I could separate what I liked from what I disliked? kookie224 said: Find this code and add the line in red:Hello, At the moment, I'm trying to edit my list, and it's been working pretty well... But I just wanted to ask a quick question... Does anyone know how to position their list table (custom position)? Or which part I can edit on my CSS? Also if the category links move with it? For example on my list at the moment, I don't know how to move it slightly more to the left, instead of all the way to the side of the screen. Could someone help me? Thanks very much in advanced. You can play with the number to move it more to the left or right, or change "px" to "%" if it's easier for you. |
 |
betterthansalad said: I didn't see 2) was an option, thanks. How about the order? Like type/score as a default. The url when unorganized is http://myanimelist.net/animelist/name and when organized with the score http://myanimelist.net/animelist/name?&order=4 Anyway I could add the 2nd url somewhere maybe? I've never seen someone doing that... so, perhaps... there's no an option to set the organized list as a default page anywhere on MAL. and 3rd party app cannot help at all... But you can provide the "...&order=4" link on your profile page, signature, or elsewhere... |
 |
betterthansalad said: D_Cuy said: @betterthansalad 1) I think, it's not possible... 2) go to > here. at the "Default Status Selected", change Show All with whatever you want... Hi, I didn't see 2) was an option, thanks. How about the order? Like type/score as a default. The url when unorganized is http://myanimelist.net/animelist/name and when organized with the score http://myanimelist.net/animelist/name?&order=4 Anyway I could add the 2nd url somewhere maybe? About 1) Does anyone else have an idea on how I could separate what I liked from what I disliked? Even if it's not the way I presented it, there may be another way to do it. Other than deleting everything hah. If I have everything I dislike thrown at my face every time I click my profile, I'm going to be physically sick. Do you mean hiding the anime that you dont like? |
Best MAL Generator tool!  |
betterthansalad said: D_Cuy said: @betterthansalad 1) I think, it's not possible... 2) go to > here. at the "Default Status Selected", change Show All with whatever you want... Hi, I didn't see 2) was an option, thanks. How about the order? Like type/score as a default. The url when unorganized is http://myanimelist.net/animelist/name and when organized with the score http://myanimelist.net/animelist/name?&order=4 Anyway I could add the 2nd url somewhere maybe? About 1) Does anyone else have an idea on how I could separate what I liked from what I disliked? Even if it's not the way I presented it, there may be another way to do it. Other than deleting everything hah. If I have everything I dislike thrown at my face every time I click my profile, I'm going to be physically sick. I made a custom image api for ya, replace your @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import "http://mal-image.appspot.com/custom/betterthansalad/5"; |
Best MAL Generator tool! |
| I'm having some trouble with a font-face declaration. My fonts and CSS are all in the same folder: Folder ----Style.css ----didot.ttf ----Vermin.ttf And my declarations are as follows: @font-face { font-family: didot; src: url (didot.ttf); } @font-face { font-family: Vermin; src: url (Vermin.ttf); } "didot" font works fine, but "Vermin" refuses to show in any browser. Here is the font: http://www.1001fonts.com/vermin-vibes-font.html Anyone? |
|
Doomcat55 said: I'm having some trouble with a font-face declaration. My fonts and CSS are all in the same folder: Folder ----Style.css ----didot.ttf ----Vermin.ttf And my declarations are as follows: @font-face { font-family: didot; src: url (didot.ttf); } @font-face { font-family: Vermin; src: url (Vermin.ttf); } "didot" font works fine, but "Vermin" refuses to show in any browser. Here is the font: http://www.1001fonts.com/vermin-vibes-font.html Anyone? maybe try deleting the space between url and opening bracket. i do mine like this: @font-face { font-family: 'didot'; src: url(didot.ttf) format('truetype'); } @font-face { font-family: 'Vermin'; src: url(Vermin.ttf) format('truetype'); } also check if you have didot installed on your computer (that would solve the one showing up and the other not). on a side note, didot is a fine font, good choice! :D |
| I'm using this layout but there isn't back to my profile add-on like this  How can I fix this? |
nymphiae said: I did some hunting and it turns out that the declaration itself is fine, but the font is getting a "403 Forbidden" in Firefox only. Do you know what to do?Uncrowned_King said: Remove this part of your code: I'm using this layout but there isn't back to my profile add-on like this How can I fix this? #mal_cs_listinfo,#mal_cs_links,#mal_cs_otherlinks,#mal_cs_powered {
display:none
} |
|
| How do I make this style to display covers, but have a functioning "More" button: [url]http://pastebin.com/UMMGNfVe[/url]? I've replaced @import "https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM"; with @import url(https://googledrive.com/host/0BxjwQr0BBXs-MVlzYkRVc0k0Q0k); Replaced .hide {
background-size: cover;
left: -150px;
vertical-align: 50%;
height: 176px;
width: 114px;
padding-bottom: 0px;
border-style: solid;
border-top: 1px solid transparent;;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 25px 25px 25px 25px;
background-position: center 50% !important;
background-repeat: no-repeat !important;
display: block !important;
position: absolute;
visibility: hidden;
opacity: 0;
}with .animetitle:before {
content: "";
height: 0px;
width: 0px;
margin-left:0;
margin-top:10px;
display:inline-block !important;
position: absolute;
background-size: contain;
transition: all 0.4s ease-in-out;
}
.animetitle:hover:before {
content: "";
margin-left:-210px;
margin-top: 10px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:7px;
box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;
padding-right:150px;
padding-top:220px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
position:absolute;
z-index:1;
}And removed #list_surround small a:last-of-type {
display: none ;
}Now, the covers are shown and the "More" works... But the result is not exactly as I want. First, the covers are displayed only when hovered over the title itself, not the whole row. Second, the "More" info is not loaded below as usual, but there appears some icon on the right that you have to hover, and the info that appears has a transparent background |
   |
Serhiyko said: How do I make this style to display covers, but have a functioning "More" button: [url]http://pastebin.com/UMMGNfVe[/url]? Now, the covers are shown and the "More" works... But the result is not exactly as I want. First, the covers are displayed only when hovered over the title itself, not the whole row. Second, the "More" info is not loaded below as usual, but there appears some icon on the right that you have to hover, and the info that appears has a transparent background for the covers to show up when hovering over the row opposed to just anime title use: tr:hover .animetitle:before .animetitle:hover:before as for the second thing, can't really test the code right now, so can't tell. :/ |
Serhiyko said: For the "more" section, replace /* NAVBAR */ @import "http://googledrive.com/host/0Bz6PekZ3y6B9WkxISjNLOWVPeTg/"; /* NAVBAR */ @import"https://dl.dropbox.com/s/um618q4x7o8v4xh/NAVBAR.css"; |
|
Doomcat55 said: I would appreciate if you rehosted the new code on your own Dropbox Why? Are you afraid of it being shut down due to excessive traffic? Doomcat55 said: Serhiyko said: For the "more" section, replace /* NAVBAR */ @import "http://googledrive.com/host/0Bz6PekZ3y6B9WkxISjNLOWVPeTg/"; /* NAVBAR */ @import"https://dl.dropbox.com/s/um618q4x7o8v4xh/NAVBAR.css"; Thanks, it works beautifully in Firefox, but there's still an issue in Chrome: It gets two rows higher than needed nymphiae said: for the covers to show up when hovering over the row opposed to just anime title use: tr:hover .animetitle:before Thanks, one more thing though. There was an animation: But since I don't use .hide now, what should I use? |
SerhiykoDec 15, 2015 2:55 AM
|
| It looks fine when I try it: http://puu.sh/lVO7J/6f2f33ebc0.png Could you repost your code? Serhiyko said: Doomcat55 said: I would appreciate if you rehosted the new code on your own Dropbox Why? Are you afraid of it being shut down due to excessive traffic? I only have the free 2GB Dropbox comes with, and I've used most of it up, so I like to keep extra files to a minimum. I probably won't delete it, but it's safer if you rehost it. |
|
Serhiyko said: nymphiae said: for the covers to show up when hovering over the row opposed to just anime title use: tr:hover .animetitle:before Thanks, one more thing though. There was an animation: But since I don't use .hide now, what should I use? keep this on top @keyframes Covers {
from {
left: -150px;
}
to {
left: 36px;
}
}animation: Covers 0.7s ease-out; animation-fill-mode: forwards; visibility: visible; opacity: 1; |
nymphiae said: not sure if this will really is going to work, i'm not testing anything.[/size] doh, I've just figured that out a minute before you posted. Thanks anyway Doomcat55 said: It looks fine when I try it: http://puu.sh/lVO7J/6f2f33ebc0.png Could you repost your code? Nevermind, I've found what the issue was Doomcat55 said: I only have the free 2GB Dropbox comes with, and I've used most of it up, so I like to keep extra files to a minimum. I probably won't delete it, but it's safer if you rehost it. I see. I'll keep that in mind Here is the result, if anyone's interested: |
SerhiykoDec 15, 2015 3:27 AM
|
@karaageteba add this to the bottom of your CSS:form[action*="logout"] {
display: inline;
}
|
|
| Hi, I just wonder what are the codes for the music media? http://puu.sh/m1hB8.jpg For short, I'm searching for codes of the music player like Doomcat55's list, but I want to insert them in the copyright:after section (when you hover, it expands) as showed in the image above (click on the icon and the file plays, click on it again it stops). And another question, can we chose soundclound instead of youtube link? Thanks in advance. |
Takana_no_HanaDec 19, 2015 6:38 AM
Doomcat55 said: CryoPhantom said: Add to the bottom of your CSS:I have a problem where "Score", "Type" and "Progress" are not aligned with the text. I have outlined what the error is in a red box here [class^=td]:nth-of-type(6) {display: none;}do what doomcat wrote, or just uncheck tags here if you're not planning to use them. Takana_no_Hana said: Hi, I just wonder what are the codes for the music media? http://puu.sh/m1hB8.jpg For short, I'm searching for codes of the music player like Doomcat55's list, but I want to insert them in the copyright:after section (when you hover, it expands) as showed in the image above (click on the icon and the file plays, click on it again it stops). And another question, can we chose soundclound instead of youtube link? Thanks in advance. i think you can't, because afaik the "music player" is linked to the selectors that have javascript (like "more" button) or something like that. |
Plateau95 said: Remove the text in red (including the comma): Hey guys, I have an issue with my MAL CSS where the "edit" button for tags is missing and I can't figure out how to add it back so I can edit my tags within the list instead of going into the anime's entry and editing it there. Here is my code: I would ask the original owner of this code (reddit user) but it seems he is no longer active. Thanks in advance. #grand_totals, .category_totals, [class^=status_], [style^="float: right"] { display: none; } |
|
| Hi, are there any other ways to add a media player (youtube link) not using anime cover page section? |
Takana_no_Hana said: No, it has to be a Youtube video in the "more" section. You can free that section up by using ".animetitle" covers instead, though (see the topic on covers)Hi, are there any other ways to add a media player (youtube link) not using anime cover page section? |
|
Doomcat55 said: Takana_no_Hana said: No, it has to be a Youtube video in the "more" section. You can free that section up by using ".animetitle" covers instead, though (see the topic on covers)Hi, are there any other ways to add a media player (youtube link) not using anime cover page section? Yeah I was able to change the section to .animetitle covers but I cant seem to show any youtube video in my list. (I did put youtube link as bbcode in the comment section). |
Takana_no_Hana said: Which show? Can you share a screenshot of the bbcode?Doomcat55 said: No, it has to be a Youtube video in the "more" section. You can free that section up by using ".animetitle" covers instead, though (see the topic on covers) Yeah I was able to change the section to .animetitle covers but I cant seem to show any youtube video in my list. (I did put youtube link as bbcode in the comment section). Also, before you can see the video, you'll need to reenable the more section. Remove these codes from your CSS: After that, making the media player will be much easier |
|
| Okay, I did both, the show I choose is God Eater (I believe the ID for it is 27631). So it did appear in the more section but only when I click on the more button. Hmm is there anyway I can get the media out without having to click on the more? |
Takana_no_HanaDec 22, 2015 7:19 PM
Takana_no_Hana said: Unfortunately not, sorry - that's just how the site is built.Okay, I did both, the show I choose is God Eater (I believe the ID for it is 27631). So it did appear in the more section but only when I click on the more button. Hmm is there anyway I can get the media out without having to click on the more? Now that you have the video, the next step is to position the "more" button where you want it (in my list, the "player" icon is my more button). You can do that with this code (fill in the numbers yourself): #xmenu27631 {
position: fixed;
top: ;
left: ;
}Extra tricks: You can resize the video to show or hide certain parts by changing the width and height in the first code I gave you (iframe). Examples: width 17px, height 17px = small play button Once you decide on a size, if you know how, you can make an icon to cover the video (sort of like my red dot play button) to make it blend with your listwidth 425px, height 100px = once the video starts, you get the pause/play controls and scrollbar but without most of the video |
|
| Okay, I have managed to insert the media onto my list using your codes, thanks a lot. Doomcat55 said: Once you decide on a size, if you know how, you can make an icon to cover the video (sort of like my red dot play button) to make it blend with your list But how do I do this exactly? I have messed around with the codes and can't seem to insert any background image into it. |
Takana_no_Hana said: You can't put an image directly into the video, you need to make it in a separate element on top of the video. Try putting it as a background-image in "#moreID .borderRBL:before" and take out "background: #A00101;"Okay, I have managed to insert the media onto my list using your codes, thanks a lot. Doomcat55 said: Once you decide on a size, if you know how, you can make an icon to cover the video (sort of like my red dot play button) to make it blend with your list But how do I do this exactly? I have messed around with the codes and can't seem to insert any background image into it. |
|
| My category title bar is not located in the center in Google Chrome, can you help me out? Thank you in advance! Here is my code: |
 |
Kaiwan said: ReplaceMy category title bar is not located in the center in Google Chrome, can you help me out? Thank you in advance! Here is my code: @import url(https://dl.dropbox.com/s/zshkidole270o0g/Layout.css); @import url(https://dl.dropbox.com/s/kbj9m7xa43aobyc/LayoutCenterSquare.css); |
|
| I just installed the Boku wa Tomodachi ga Sukunai list layout created by Hahaido. It's working for the most part, but the airing tags are showing up on the line below the applicable anime and the Not Yet Aired tags are wrapping into two lines Here is the code - it is unmodified from Hahaido's original |
 |
@elk change this .animetitle span {
display: block;.animetitle span {
display: inline-block;.animetitle + small { position: absolute; display: inline-block; right: 694px; margin-top: -4px; padding: 4px; font-family: 'Poiret One', cursive; color: #d6000a !important; font-size: 12px !important; background-color: rgba(238, 237, 193, 1); white-space: nowrap; } |
|
Replace @import url(https://dl.dropbox.com/s/zshkidole270o0g/Layout.css); @import url(https://dl.dropbox.com/s/kbj9m7xa43aobyc/LayoutCenterSquare.css); Thank you very much for your help, but when i re-host your css it become like this: If i copy your css to my code, it works perfectly. |
|
| Did you make sure to change the link to your rehosted file? http://myanimelist.net/forum/?topicid=411779 Whatever, it's not too important that you rehost it. If it's making problems, don't bother |
Doomcat55Dec 26, 2015 11:41 PM
|
Doomcat55 said: Did you make sure to change the link to your rehosted file? http://myanimelist.net/forum/?topicid=411779 Whatever, it's not too important that you rehost it. If it's making problems, don't bother Thanks again, i forgot to edit the import link. Edit: Sorry to bother you again but i just realize that the category links are not selectable anymore, any idea? |
KaiwanDec 27, 2015 12:02 AM
|
Doomcat55 said: @elk change this .animetitle span {
display: block;.animetitle span {
display: inline-block;.animetitle + small { position: absolute; display: inline-block; right: 694px; margin-top: -4px; padding: 4px; font-family: 'Poiret One', cursive; color: #d6000a !important; font-size: 12px !important; background-color: rgba(238, 237, 193, 1); white-space: nowrap; } Thanks Doomcat - it worked! |
|
| Hello, Can anyone help me put a box-shadow around the watching, hold, drop, ptw sections? i cant figure it out.  layout here: http://myanimelist.net/animelist/vzangetsuha thanks. |
isaychrisDec 27, 2015 9:24 AM
@Kaiwan lol you're not bothering me, that's what this section is for. In your CSS under "Category Title," change this.status_selected a:before, .status_not_selected a:before {
display: block;.status_selected a:before, .status_not_selected a:before {
display: inline-block; |
|
Doomcat55 said: @Kaiwan lol you're not bothering me, that's what this section is for. In your CSS under "Category Title," change this .status_selected a:before, .status_not_selected a:before {
display: block;.status_selected a:before, .status_not_selected a:before {
display: inline-block;Thank you again, it works now. Btw i notice that too, instead of edit the right value i change the width of the "table:first-of-type" to 483.5px lmao, either ways it looks good now. :) |
|
| Does anyone know how to fix this ? but in certain cases, it works on both browsers I use this font. do I have to replace it with another font, or can I fix it without changing my font ? shadow7755 said: I have a question cause I don't under stand list designs at all, I've read your tutorial for the design, and the one for the sliding intro, but I really don't understand how to put them together, now if you go to my anime list, you see the intro, without the characters and then the list normal, but when I changed it, it was the intro good, but the list design was gone, I don't understand what to do and was wondering if you could fix it for me.. your list seems fine, what kind of intro you want to change ? isaychris said: Hello, Can anyone help me put a box-shadow around the watching, hold, drop, ptw sections? i cant figure it out. layout here: http://myanimelist.net/animelist/vzangetsuha thanks. I'd tried similar thing on my list, but never succeeded. My tables seemed unnatural. but, "border-image" could be used as a tricky method #list_surround > table:not([align]) { border-right-width: 1px; border-image: url('http://i.imgur.com/7IyAki0.png') 0 12 / 0 12px / 0 12px round; } |
|
D_Cuy said: And it looks even weirder to me (MBP w/ Retina): ChromeDoes anyone know how to fix this ? Firefox I think it's just not possible bc of the browser rendering differences - in fact, if you look closely at the bottom right of your truck, you'll notice that it didn't work then either. Your best bet is probably to use background-image |
|
shadow7755 said: My list isn't fine, the sliding intro doesn't have the characters appearing when you go it just has the house and then the list, if you change it the sliding intro is perfect but the list disappears Add this to the bottom, then the sliding characters, text, and images come in. But those intros are not intended for all anime pages. Or else you get every intro at once. Its for lists that use one category page at a time. But there might have been an All Anime intro you add in, tho it was buggy iirc br { display:block !imortant; pointer-events: none !important;} .header_title { display: block !important; pointer-events: none !important; color: transparent !important;} .header_cw, .header_complete, .header_onhold, .header.dropped, .header_ptw{ pointer-events: none;} |
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 |