New
Apr 17, 2017 4:41 AM
#4401
Shishio-kun said: Thanks a lot! :)hiabara said: Is there a thread or some themes specifically for themes that have tag sections? I like to write my opinion or some thoughts in the tag section, but many themes are not made for it and then everything looks messy. I think there used to be but I stopped updating it since I was managing like hundreds of other threads. There's a few layouts under Layouts for Reviewers on the main premade layouts page, and you if you look under the Layouts with Covers you can see some with mini-reviews in the thumbnails. Many of the layouts that have built in cover support have some built in tag support too. https://myanimelist.net/forum/?topicid=318587 There's also a topic on adding the mini-review hover to any layout |
Apr 17, 2017 11:25 AM
#4402
So my MAL entries look pretty strange. Its a bit of a mess really. What is strange though is that some people who visit my list do not notice anything strange and some other people do. I've tried Firefox and Microsoft Edge and both browsers make my list look weird. I updated flash on Firefox and still my entries looked the same. I'm not sure anymore what the problem is, maybe someone over here knows whats up. Could it be something in the code? Here is what most of my MAL entries look like. Edit: I found the issue now, apparently it depends on the location of the user if it will look messy or not. In countries where an anime is available for watching, a play button will appear, and this play button makes my list messy. I know some people from countries where almost no anime is available for watching, so they don't see the play buttons and my list looks normal to them. But for people who can view the shows in their country, my list looks messy to them. Now is my question, does anyone know how to solve this? I would prefer to have the play button removed from my list, is that possible or is that part of MALs code? |
RamonApr 17, 2017 1:30 PM
Apr 17, 2017 1:49 PM
#4403
RamonMM said: So my MAL entries look pretty strange. Its a bit of a mess really. What is strange though is that some people who visit my list do not notice anything strange and some other people do. I've tried Firefox and Microsoft Edge and both browsers make my list look weird. I updated flash on Firefox and still my entries looked the same. I'm not sure anymore what the problem is, maybe someone over here knows whats up. Could it be something in the code? Here is what most of my MAL entries look like. Edit: I found the issue now, apparently it depends on the location of the user if it will look messy or not. In countries where an anime is available for watching, a play button will appear, and this play button makes my list messy. I know some people from countries where almost no anime is available for watching, so they don't see the play buttons and my list looks normal to them. But for people who can view the shows in their country, my list looks messy to them. Now is my question, does anyone know how to solve this? I would prefer to have the play button removed from my list, is that possible or is that part of MALs code? You can add one of these codes to either move the TV icon down a.icon-watch.ml4 {margin-top: 25px; position: absolute;} or delete it a.icon-watch.ml4 {display: none;} |
Apr 17, 2017 2:29 PM
#4404
Shishio-kun said: RamonMM said: So my MAL entries look pretty strange. Its a bit of a mess really. What is strange though is that some people who visit my list do not notice anything strange and some other people do. I've tried Firefox and Microsoft Edge and both browsers make my list look weird. I updated flash on Firefox and still my entries looked the same. I'm not sure anymore what the problem is, maybe someone over here knows whats up. Could it be something in the code? Here is what most of my MAL entries look like. Edit: I found the issue now, apparently it depends on the location of the user if it will look messy or not. In countries where an anime is available for watching, a play button will appear, and this play button makes my list messy. I know some people from countries where almost no anime is available for watching, so they don't see the play buttons and my list looks normal to them. But for people who can view the shows in their country, my list looks messy to them. Now is my question, does anyone know how to solve this? I would prefer to have the play button removed from my list, is that possible or is that part of MALs code? You can add one of these codes to either move the TV icon down a.icon-watch.ml4 {margin-top: 25px; position: absolute;} or delete it a.icon-watch.ml4 {display: none;} Wow. Thank you so much it looks way better now, just like I want it. Thank you for helping! |
Apr 17, 2017 8:27 PM
#4405
Apr 17, 2017 10:34 PM
#4406
Nostalgik said: Is it possible to change the anime thumbnails in the modern CSS style? Thanks in advance :) Yes but how simple it is depends on what you want to change. What do you want to change exactly? The image itself? |
Apr 18, 2017 6:11 AM
#4407
Shishio-kun said: Yes, the image of the anime. I know that in the classic style it was "#more(anime number){background_image = url}" not exactly like this but it was along these lines. But I put the code in the modern CSS window and it didn't workNostalgik said: Is it possible to change the anime thumbnails in the modern CSS style? Thanks in advance :) Yes but how simple it is depends on what you want to change. What do you want to change exactly? The image itself? |
Apr 18, 2017 2:33 PM
#4408
Nostalgik said: Shishio-kun said: Yes, the image of the anime. I know that in the classic style it was "#more(anime number){background_image = url}" not exactly like this but it was along these lines. But I put the code in the modern CSS window and it didn't workNostalgik said: Is it possible to change the anime thumbnails in the modern CSS style? Thanks in advance :) Yes but how simple it is depends on what you want to change. What do you want to change exactly? The image itself? ok it looks like it is .data.image a[href*="/32977/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/11/60085.jpg'); } for more info you can see my example here, but you shouldn't need to use this https://myanimelist.net/forum/?topicid=1544259&show=50#msg49211512 |
Apr 18, 2017 2:48 PM
#4409
Shishio-kun said: Thanks a lot! :)Nostalgik said: Shishio-kun said: Nostalgik said: Is it possible to change the anime thumbnails in the modern CSS style? Thanks in advance :) Yes but how simple it is depends on what you want to change. What do you want to change exactly? The image itself? ok it looks like it is .data.image a[href*="/32977/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/11/60085.jpg'); } for more info you can see my example here, but you shouldn't need to use this https://myanimelist.net/forum/?topicid=1544259&show=50#msg49211512 |
Apr 18, 2017 6:22 PM
#4410
Shishio-kun said: Actually, as I now started changing some thumbnails, I got to a point where I had to put the same code to change one image two times, and yes, it does sound ridiculous but I made all possible tests to confirm it - I even tried to make a dropbox link to see how it reacted - and now, say, if I wanna change one thumbnail, it ONLY works if I set the code twice :s Nostalgik said: Shishio-kun said: Nostalgik said: Is it possible to change the anime thumbnails in the modern CSS style? Thanks in advance :) Yes but how simple it is depends on what you want to change. What do you want to change exactly? The image itself? ok it looks like it is .data.image a[href*="/32977/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/11/60085.jpg'); } for more info you can see my example here, but you shouldn't need to use this https://myanimelist.net/forum/?topicid=1544259&show=50#msg49211512 Idk, I don't expect you to go and solve the problem for me, as it doesn't *really* affect me, it's just annoying. Just wondering if you happen to know of this "bug" :) Thanks again. |
Apr 18, 2017 7:43 PM
#4411
Nostalgik said: Shishio-kun said: Actually, as I now started changing some thumbnails, I got to a point where I had to put the same code to change one image two times, and yes, it does sound ridiculous but I made all possible tests to confirm it - I even tried to make a dropbox link to see how it reacted - and now, say, if I wanna change one thumbnail, it ONLY works if I set the code twice :s Nostalgik said: Shishio-kun said: Yes, the image of the anime. I know that in the classic style it was "#more(anime number){background_image = url}" not exactly like this but it was along these lines. But I put the code in the modern CSS window and it didn't workNostalgik said: Is it possible to change the anime thumbnails in the modern CSS style? Thanks in advance :) Yes but how simple it is depends on what you want to change. What do you want to change exactly? The image itself? ok it looks like it is .data.image a[href*="/32977/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/11/60085.jpg'); } for more info you can see my example here, but you shouldn't need to use this https://myanimelist.net/forum/?topicid=1544259&show=50#msg49211512 Idk, I don't expect you to go and solve the problem for me, as it doesn't *really* affect me, it's just annoying. Just wondering if you happen to know of this "bug" :) Thanks again. The comments near the top (dashed lines) are messing up the codes under them, making it so you need to enter them double; they have to look something like this. @import url(https://dl.dropboxusercontent.com/s/ge82a964xg2raj9/ShelterV2.css); /*---------------------- .data.image a[href*="/???/"]:before{ background-image:url('???'); } ----------------------*/ .data.image a[href*="/1943/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/3/3082.jpg'); } .data.image a[href*="/10800/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/4/35047.jpg'); } .data.image a[href*="/30694/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/11/83348.jpg'); } .data.image a[href*="/9989/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/2/29516.jpg'); } .data.image a[href*="/4382/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/2/22718.jpg'); } .data.image a[href*="/849/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/3/65791.jpg'); } .data.image a[href*="/32/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/13/83080.jpg'); } .data.image a[href*="/392/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/10/22456.jpg'); } .data.image a[href*="/33502/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/9/84121.jpg'); } .data.image a[href*="/33489/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/13/84949.jpg'); } .data.image a[href*="/6114/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/5/78736.jpg'); } .data.image a[href*="/7311/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/9/24646.jpg'); } .data.image a[href*="/4181/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/4/8457.jpg'); } .data.image a[href*="/11061/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/4/49303.jpg'); } .data.image a[href*="/30/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/11/73126.jpg'); } .data.image a[href*="/437/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/7/58303.jpg'); } .data.image a[href*="/1535/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/13/22532.jpg'); } .data.image a[href*="/2001/"]:before{ background-image:url('https://myanimelist.cdn-dena.com/images/anime/12/31279.jpg'); } /* **You can change your list background here. **By default, there are 6 different backgrounds for each category **If you want to have only a single background, replace them all with the same image url. */ /*CURRENTLY WATCHING*/ /*body[data-query*='"status":1'] { background-image: url("http://i.imgur.com/JV9cN1K.jpg"); } /*COMPLETED*/ /*body[data-query*='"status":2'] { background-image: url("http://i.imgur.com/JV9cN1K.jpg"); } /*ON HOLD*/ /*body[data-query*='"status":3'] { background-image: url("http://i.imgur.com/JV9cN1K.jpg"); } /*DROPPED*/ /*body[data-query*='"status":4'] { background-image: url("http://i.imgur.com/JV9cN1K.jpg"); } /*PLANNED*/ /*body[data-query*='"status":6'] { background-image: url("http://i.imgur.com/JV9cN1K.jpg"); } /*ALL*/ /*body[data-query*='"status":7'] { background-image: url("http://i.imgur.com/JV9cN1K.jpg"); } */ /* **Your desired avatar **Note that the best resolution is 120px * 120px */ .cover-block::after {background-image: url(http://images6.fanpop.com/image/photos/32300000/-Victorique-victorique-de-blois-32340564-120-120.gif);} /* Your name that displays next to the avatar ** Replace content with "display:none;" if you want to get rid of it */ |
Apr 18, 2017 8:10 PM
#4412
Hey, I've tried to do a bunch of modifications to copypaste of other themes and my list is looking pretty much exactly how I want it to, but there's two small problems I do not know how to fix: 1. The "mini reviews" boxes, or tag boxes get a background. I want to change the row hover background from transparent to black or something so I can read the text easier, but because of the background on the tag boxes, they cover up the anime titles and look ugly during the hover animation. I saw a similar Madoka theme that had this problem fixed, but that theme had the tag text as links and not as normal text. 2. If I go to "completed" "on hold" or anything that isn't watching, the list starts like half down on the page. How do I get it to start at the top? I don't know if you want the code copy pasted here, I'm thinking that will just take up a whole bunch of space, you can just inspect the list on my page. ...and while I'm at it; is there a way to sort the list on rating by default for everyone who visits the list? (Meaning no bookmarks) Thanks |
It's only a passing thing, this shadow. Even darkness must pass. A new day will come. And when the sun shines it will shine out the clearer. |
Apr 18, 2017 9:39 PM
#4413
What do the advanced options do in a modern layout? |
This is a signature. It is used to hold images and words. However, I am using it to store these lines your reading right now! |
Apr 19, 2017 1:10 AM
#4414
Jokuc said: Hey, I've tried to do a bunch of modifications to copypaste of other themes and my list is looking pretty much exactly how I want it to, but there's two small problems I do not know how to fix: 1. The "mini reviews" boxes, or tag boxes get a background. I want to change the row hover background from transparent to black or something so I can read the text easier, but because of the background on the tag boxes, they cover up the anime titles and look ugly during the hover animation. I saw a similar Madoka theme that had this problem fixed, but that theme had the tag text as links and not as normal text. 2. If I go to "completed" "on hold" or anything that isn't watching, the list starts like half down on the page. How do I get it to start at the top? I don't know if you want the code copy pasted here, I'm thinking that will just take up a whole bunch of space, you can just inspect the list on my page. ...and while I'm at it; is there a way to sort the list on rating by default for everyone who visits the list? (Meaning no bookmarks) Thanks 1. Find near the bottom /*ROW HOVER EFFECT*/ tr:hover [class^="td"] { transition: .1s linear; background-color:transparent; color:#ff009d; } change the color from transparent to the one you want like black 2. Add .header_completed { margin-top:-300px; } .header_onhold { margin-top:-300px; } .header_dropped { margin-top:-300px; } .header_ptw { margin-top:-300px; } 3. dunno |
Apr 19, 2017 1:12 AM
#4415
Butterstroke said: What do the advanced options do in a modern layout? Sounds familiar but I don't know where you find that at now. |
Apr 19, 2017 6:16 AM
#4416
Shishio-kun said: 1. Find near the bottom /*ROW HOVER EFFECT*/ tr:hover [class^="td"] { transition: .1s linear; background-color:transparent; color:#ff009d; } change the color from transparent to the one you want like black 2. Add .header_completed { margin-top:-300px; } .header_onhold { margin-top:-300px; } .header_dropped { margin-top:-300px; } .header_ptw { margin-top:-300px; } 1. Thank you for answering, but I don't think you understood my problem: http://imgur.com/a/GlXJi This style for example, doesn't have this problem: https://myanimelist.net/animelist/Pixel_Vapour 2. Does it matter where I add it? Cause when I tried nothing happened |
It's only a passing thing, this shadow. Even darkness must pass. A new day will come. And when the sun shines it will shine out the clearer. |
Apr 19, 2017 4:10 PM
#4417
Jokuc said: Shishio-kun said: 1. Find near the bottom /*ROW HOVER EFFECT*/ tr:hover [class^="td"] { transition: .1s linear; background-color:transparent; color:#ff009d; } change the color from transparent to the one you want like black 2. Add .header_completed { margin-top:-300px; } .header_onhold { margin-top:-300px; } .header_dropped { margin-top:-300px; } .header_ptw { margin-top:-300px; } 1. Thank you for answering, but I don't think you understood my problem: http://imgur.com/a/GlXJi This style for example, doesn't have this problem: https://myanimelist.net/animelist/Pixel_Vapour 2. Does it matter where I add it? Cause when I tried nothing happened 1. Yeah your explanation was confusing to me at first but I think I see what you mean now. Try adding to the bottom tr:hover [class^="td"] { transition: .1s linear; background-color: black; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color:transparent !important;} 2. Add it to the bottom, leave it in if it doesn't work- it makes fixing the problem way easier for me |
Apr 19, 2017 7:13 PM
#4418
Shishio-kun said: Try adding to the bottom tr:hover [class^="td"] { transition: .1s linear; background-color: black; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color:transparent !important;} 2. Add it to the bottom, leave it in if it doesn't work- it makes fixing the problem way easier for me 1. Thank you! Works perfectly now :) 2. It did fix the problem, but now the "All anime" list is all messed up, the next categories start inside the previous one instead of a couple of pixels below it, so I'd rather not leave it in. http://puu.sh/vpX08/63172ea760.jpg |
It's only a passing thing, this shadow. Even darkness must pass. A new day will come. And when the sun shines it will shine out the clearer. |
Apr 19, 2017 9:02 PM
#4419
Jokuc said: Shishio-kun said: Try adding to the bottom tr:hover [class^="td"] { transition: .1s linear; background-color: black; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color:transparent !important;} 2. Add it to the bottom, leave it in if it doesn't work- it makes fixing the problem way easier for me 1. Thank you! Works perfectly now :) 2. It did fix the problem, but now the "All anime" list is all messed up, the next categories start inside the previous one instead of a couple of pixels below it, so I'd rather not leave it in. http://puu.sh/vpX08/63172ea760.jpg New layout code with fixes If this doesn't work for you and you won't leave it in, then my suggestion would be to open the layout in Firefox right click inspect element go to your CSS under Style Editor and make live adjustments to your various padding top, height, and margin top settings until you get the settings you want. @import "https://malcat-gen.appspot.com/series?preset=more"; /*@import url(http://storage.live.com/items/4A07C1EEED420167%21151);*/ /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(https://media.giphy.com/media/gY3P7g4SzjJa8/giphy.gif); background-position:0 50%, 0 0; background-repeat:repeat /*no-repeat no-repeat;*/ background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; position:absolute; right:-4px !important; width:1000px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 0, 157, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:0px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; /*font-family:cursive;*/ font-size:8pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:650px; z-index:2; } .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { margin-left:20px; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } /* menu */ .status_not_selected a, .status_selected a { background-color: #303030; height: 25px; width: 138px; display: block !important; line-height: 25px; padding-left: 12px; } .status_selected a { background-color: #303030; height: 25px; width: 138px; line-height: 25px; padding-left: 12px; } .status_not_selected a:hover { background-color: #393939; height: 25px; width: 138px; line-height: 25px; padding-left: 12px; -moz-transition: .5s ease; -webkit-transition: .5s ease; -o-transition: .5s ease; } .status_selected a:hover { background-color: #393939; height: 25px; width: 138px; line-height: 25px; padding-left: 12px; -moz-transition: .5s ease; -webkit-transition: .5s ease; -o-transition: .5s ease; } .status_selected, .status_not_selected { position: fixed; text-align: left; left:30px; top: 55px; } .status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected { top: 80px; } .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected { top: 105px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { top: 130px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { top: 155px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { top: 180px; } .header_cw { background-color:transparent; background-image:url(http://i.imgur.com/wq5TgGM.png); background-position:top; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_completed { background-color:transparent; background-image:url(http://i.imgur.com/wbF0Cbw.png); background-position:top; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_onhold { background-color:transparent; background-image:url(http://i.imgur.com/EZFReYU.png); background-position:top; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_dropped { background-color:transparent; background-image:url(http://i.imgur.com/ArZ5is4.png); background-position:top; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_ptw { background-color:transparent; background-image:url(http://i.imgur.com/Z6WqYnN.png); background-position: top; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*ANIME TITLE SETTINGS*/ .animetitle { font-weight: bold; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#00dd03; !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} /*ROW HOVER EFFECT*/ tr:hover [class^="td"] { transition: .1s linear; background-color:rgba(0, 0, 0, 0.7); color:white; } /*Make review bgs transparent*/ .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color:transparent !important;} .td1:nth-of-type(6):hover, .td2:nth-of-type(6):hover { font-size:10pt; } /*Outline for titles*/ tr:hover [class^="td"] a { color: #FFFFFF; text-shadow: -1px 0 #ff009d,0 1px #ff009d,1px 0 #ff009d,0 -1px #ff009d; } /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } /*----------------*/ /*----REVIEWS----*/ /*----------------*/ |
Apr 20, 2017 4:22 AM
#4420
It works! Thanks man :3 |
It's only a passing thing, this shadow. Even darkness must pass. A new day will come. And when the sun shines it will shine out the clearer. |
Apr 20, 2017 4:40 AM
#4421
Apr 27, 2017 7:15 PM
#4422
Hello, first than all I have to tell you I don't speak or write english really well so this mensage would have a lot of grammatical errors jeje and second but more important is that I have to thank you because your club, it's a big help for all the people who doesn't know how to edit and make css... Well, you would be asking yourself "why is this stupid latino texting all this shit?" xd That's because I need an answer about something with my new list I installed some days ago, the question is if there is a way to have this box http://i.imgur.com/wz8C129.jpg http://i.imgur.com/tTM59U4.jpg #AllHailPaint at the end of my currently using list?, and how can I put it in the css?, this: @import url(https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore); /* A Shelter layout for modern CSS (V2) by Takana_no_Hana ** Visit Shishio's club for more premade layouts ** You can customize a few things in this layout ** If you're interested in my layout, visit here: https://myanimelist.net/forum/?topicid=1524727 */ /*Layout codes, please leave this line intact when copying the whole thing. Don't touch it. */ @import url(https://dl.dropboxusercontent.com/s/ihg8zcycp8ah0oy/eltemadelacute.css); /* **You can change your list background here. **By default, there are 6 different backgrounds for each category **If you want to have only a single background, replace them all with the same image url. */ /*CURRENTLY WATCHING*/ body[data-query*='"status":1'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*COMPLETED*/ body[data-query*='"status":2'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*ON HOLD*/ body[data-query*='"status":3'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*DROPPED*/ body[data-query*='"status":4'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*PLANNED*/ body[data-query*='"status":6'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*ALL*/ body[data-query*='"status":7'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /* **Your desired avatar **Note that the best resolution is 120px * 120px */ .cover-block::after {background-image: url("http://i.imgur.com/4zkzRCB.gif");} /* Your name that displays next to the avatar ** Replace content with "display:none;" if you want to get rid of it */ .cover-block::before { content: "Geroldo-Kun's Anime List"; } @keyframes falling { 0% { background-position: -485px 487px, 485px 487px;} 100% { background-position: 0 0, 0 0; } } @-webkit-keyframes falling { 0% { background-position: -485px 487px, 485px 487px; } 100% { background-position: 0 0, 0 0; } } .list-container:after { position: fixed; display: block; content: ''; left: 0; bottom: 0; margin-left: 0; width: 100%; height: 100%; background-image: url(http://i.imgur.com/IcAzqYy.png), url(http://i.imgur.com/o0Whtlu.png); animation: falling 15s linear infinite; -webkit-animation: falling 15s linear infinite; z-index: -3 !important; pointer-events:none !important; } .data.image a:before {content: ""; display: inline-block !important; position: relative; width: 180px; height: 225px; background-color: rgba(0,0,0,.3); background-position: center !important; background-repeat: no-repeat !important; background-size: cover; z-index: 5; box-shadow: 0 0 5px black inset; box-sizing: border-box; transition: all .2s ease-in-out;} .list-table .list-table-data:hover .data.image a:before { transition: all .2s ease-in-out; transform: scale(1.1); } And if you want to share this in the club, it's all yours, at the end the owner is Takana_no_Hana. Thanks for reading all this poor english text and for all you done in your club! |
Apr 27, 2017 10:37 PM
#4423
Just swapped over to Takana's Shelter/Seiren v3 theme, and really enjoy it. First time using Modern now. My only concern is that I can't seem to change the actual text color of the list, as red can be hard to see. Edit: Fixed with .list-table-data .title a.link.sort {color: #aadfad!important;} |
Sin-ixivApr 27, 2017 10:49 PM
Apr 28, 2017 8:20 PM
#4424
Sinnermighty said: Just swapped over to Takana's Shelter/Seiren v3 theme, and really enjoy it. First time using Modern now. My only concern is that I can't seem to change the actual text color of the list, as red can be hard to see. Edit: Fixed with .list-table-data .title a.link.sort {color: #aadfad!important;} Thanks for updating your post! |
Apr 28, 2017 8:31 PM
#4425
Geroldo-Kun said: Hello, first than all I have to tell you I don't speak or write english really well so this mensage would have a lot of grammatical errors jeje and second but more important is that I have to thank you because your club, it's a big help for all the people who doesn't know how to edit and make css... Well, you would be asking yourself "why is this stupid latino texting all this shit?" xd That's because I need an answer about something with my new list I installed some days ago, the question is if there is a way to have this box http://i.imgur.com/wz8C129.jpg http://i.imgur.com/tTM59U4.jpg #AllHailPaint at the end of my currently using list?, and how can I put it in the css?, this: @import url(https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore); /* A Shelter layout for modern CSS (V2) by Takana_no_Hana ** Visit Shishio's club for more premade layouts ** You can customize a few things in this layout ** If you're interested in my layout, visit here: https://myanimelist.net/forum/?topicid=1524727 */ /*Layout codes, please leave this line intact when copying the whole thing. Don't touch it. */ @import url(https://dl.dropboxusercontent.com/s/ihg8zcycp8ah0oy/eltemadelacute.css); /* **You can change your list background here. **By default, there are 6 different backgrounds for each category **If you want to have only a single background, replace them all with the same image url. */ /*CURRENTLY WATCHING*/ body[data-query*='"status":1'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*COMPLETED*/ body[data-query*='"status":2'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*ON HOLD*/ body[data-query*='"status":3'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*DROPPED*/ body[data-query*='"status":4'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*PLANNED*/ body[data-query*='"status":6'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /*ALL*/ body[data-query*='"status":7'] { background-image: url("http://i.imgur.com/oEs3g9r.jpg"); } /* **Your desired avatar **Note that the best resolution is 120px * 120px */ .cover-block::after {background-image: url("http://i.imgur.com/4zkzRCB.gif");} /* Your name that displays next to the avatar ** Replace content with "display:none;" if you want to get rid of it */ .cover-block::before { content: "Geroldo-Kun's Anime List"; } @keyframes falling { 0% { background-position: -485px 487px, 485px 487px;} 100% { background-position: 0 0, 0 0; } } @-webkit-keyframes falling { 0% { background-position: -485px 487px, 485px 487px; } 100% { background-position: 0 0, 0 0; } } .list-container:after { position: fixed; display: block; content: ''; left: 0; bottom: 0; margin-left: 0; width: 100%; height: 100%; background-image: url(http://i.imgur.com/IcAzqYy.png), url(http://i.imgur.com/o0Whtlu.png); animation: falling 15s linear infinite; -webkit-animation: falling 15s linear infinite; z-index: -3 !important; pointer-events:none !important; } .data.image a:before {content: ""; display: inline-block !important; position: relative; width: 180px; height: 225px; background-color: rgba(0,0,0,.3); background-position: center !important; background-repeat: no-repeat !important; background-size: cover; z-index: 5; box-shadow: 0 0 5px black inset; box-sizing: border-box; transition: all .2s ease-in-out;} .list-table .list-table-data:hover .data.image a:before { transition: all .2s ease-in-out; transform: scale(1.1); } And if you want to share this in the club, it's all yours, at the end the owner is Takana_no_Hana. Thanks for reading all this poor english text and for all you done in your club! Well that's a classic CSS feature and you want to add it to a modern list style. It probably can't be ported over from that classic layout to the modern one, and it even that would be complicated and time consuming. An equivalent in the modern list might be possible to create or add - basically a stats box - but unfortunately I don't have the time to create something like that for you. imo your best bet to get this feature is to request it in the thread of the Shelter theme and hope Takana or someone else makes it for you, or you could learn CSS to add a Stats box yourself. If you learned CSS you could also see if another modern list has something like that box and add those codes to Takana's. However, that would probably not be simple so you'd have to learn some CSS. |
Shishio-kunApr 28, 2017 8:35 PM
Apr 29, 2017 11:58 PM
#4426
Yo So I changed my anime list layout to something knew, and the covers that were on the list previously work just fine. For some strange reason though, the anime I add to the list after I changed the layout seem to have blank covers. Here's the source code for the layout: /* ----------------------------------------------------------------------------- ___ _ _ ___ ___ ___ _ _ ___ _ ___ ___ _____ _ _ ___ __ __ ___ ___ / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_ _| || | __| \/ | __/ __| \__ \ __ || || / (_) | |_| \__ \/ _ \ (_ || | | | | __ | _|| |\/| | _|\__ \ |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_| |_|___|___/ -------------------------------------------------------------------------------- - requested by anko96 ---------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed'); @import "https://malcat-gen.appspot.com/series?preset=more"; * {font-weight: normal !important;} body {font-size: 12px; font-family: Roboto Condensed; color: #004760; background-color: light-blue; background-image: url(http://i.imgur.com/4RW1abz.jpg); background-repeat: no-repeat; background-position: left middle; background-attachment: fixed; background-size: cover;} #list_surround {position: absolute !important; right: 20px; width: 600px;} a {color: #004760; transition: .5s ease; text-decoration: none;} a:hover {color: #004760;} .td1, .td2, .table_header {height: 30px; background-color: rgba(150,220,250,0.5);} tr:hover [class^=td] {background-color: rgba(150,220,250,0.9) !important; color: #a1102d; transition: .5s ease;} tr:hover [class^=td] a {color: #a1102d;} small {font-size: 10px; color: #a00f2d;} small a {font-size: 10px;} .header_title, .category_totals {color: #ffffff; background-color: rgba(160,15,45,0.5); display: block; height: 30px; line-height: 30px;} .header_title {font-size: 12px; text-transform: uppercase; padding-left: 12px; letter-spacing: 1px; border-radius: 10px 10px 0 0;} .category_totals {font-size: 10px; text-align: center; border-radius: 0 0 10px 10px;} [class^="status_"] {position: fixed; right: 640px; height: 30px; width: 150px; display: block; background-color: rgba(150,220,250,0.5); transition: .5s ease;} [class^="status_"] a {font-family: Roboto Condensed; font-weight: 300; text-transform: uppercase; line-height: 30px; height: 30px; width: 150px; letter-spacing: 1px; text-align: center; transition: .5s ease;} [class^="status_"]:hover {background-color: rgba(150,220,250,0.9);} [class^="status_"] a:hover {color: #a1102d;} [class^="status_"]:first-of-type {bottom: 290px;} [class^="status_"]:nth-of-type(2) {bottom: 260px;} [class^="status_"]:nth-of-type(3) {bottom: 230px;} [class^="status_"]:nth-of-type(4) {bottom: 200px;} [class^="status_"]:nth-of-type(5) {bottom: 170px;} [class^="status_"]:last-of-type {bottom: 140px;} #copyright, #grand_totals {display: block; position: fixed; background-color: rgba(150,220,250,0.5); color: #a00f2d; width: 140px; text-align: justify !important; padding-left: 5px; padding-right: 5px; line-height: 20px; font-family: Roboto Condensed;} #copyright {bottom: 20px; right: 640px; height: 80px;} #grand_totals {bottom: 20px; right: 810px;} #copyright:after, [class^="status_"]:first-of-type:before, #grand_totals:before {color: #ffffff; position: fixed; text-align: center; display: block; font-size: 12px; font-family: Roboto Condensed; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(160,15,45,0.5); width: 150px; height: 30px; line-height: 30px; border-radius: 10px 10px 0 0;} [class^="status_"]:first-of-type:before {content: "navigation"; bottom: 320px; right: 640px;} #copyright:after {content: "copyright"; bottom: 100px; right: 640px;} #grand_totals:before {content: "grand totals"; bottom: 100px; right: 810px;} /* topbar */ #mal\_control\_strip, #mal\_control\_strip * {font-family: Roboto Condensed !important; color: #004760 !important; font-size: 14px !important; letter-spacing: 2px; font-weight: normal !important; text-decoration: none !important; text-transform: uppercase !important; transition: .3s linear;} #mal\_control\_strip:before {position: absolute; display: block; content: 'MENU'; margin-top: 105px; width: 115px; height: 30px; line-height: 30px; left: 0; color: #ffffff; background-color: rgba(160,15,45,0.5); border-top: none; border-radius: 0 0 10px 10px; font-weight: 400; text-align: center; letter-spacing: 1px;} #mal\_control\_strip {position: fixed !important; display: block !important; margin-top: -105px !important; height: 105px !important; width: 115px !important; left: 20px !important; background: rgba(150,220,250,0.5) !important;} #mal\_control\_strip *:hover {color: #a00f2d !important;} #mal\_control\_strip:hover {margin-top: 0 !important;} #mal\_control\_strip table, #mal\_control\_strip td {display: block; width: 115px !important;} #mal\_cs\_powered, #mal\_cs\_pic img, #mal\_cs\_otherlinks strong, #searchBox, #mal\_cs\_otherlinks div a[href*="sharedanime"], #mal\_cs\_otherlinks div span[title*="Compatibility Score"], span[title="Affinity"] {display: none !important;} #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {border-right: none !important;} /* Username, Logout */ #mal\_cs\_listinfo div {margin: 0 !important; width: 115px !important;} #mal\_cs\_listinfo div a {position: relative !important; display: block !important; top: 4px !important; line-height: 16px !important; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* Add to List, Home, Anime List, Manga List */ #mal\_cs\_links div { margin: 0 !important; width: 115px !important;} #mal\_cs\_links div a {position: relative !important; display: inline-block !important; top: 4px !important; line-height: 16px !important;} /* History, Forum, Export */ #mal\_cs\_otherlinks div a[href*="history"], #mal\_cs\_otherlinks div a[href*="forum"], #mal\_cs\_otherlinks div a[href*="export"], #mal\_cs\_otherlinks div a[href*="mangalist"] {display: none !important;} /* Log in, Create list, Learn more */ #mal\_cs\_otherlinks div {margin: 0 !important; width: 115px !important;} #mal\_cs\_otherlinks div:nth-of-type(2) {position: absolute; top: 27px; color: transparent !important; font-size: 0 !important;} #mal\_cs\_otherlinks div a {position: relative !important; display: block !important; line-height: 16px !important;} #mal\_cs\_listinfo, #mal\_cs\_links, #mal\_cs\_otherlinks {box-sizing: border-box; padding: 0 0 0 5px !important; height: auto !important;} /* covers */ table:hover + .hide {background-size: 150px 300px; right: 640px; bottom: 360px; width: 150px; height: 225px; padding-bottom: 0px; background-size: cover; background-position: center 50% !important; background-repeat: no-repeat !important; display: block !important; position: fixed;} .hide:before {color: #ffffff; position: absolute; text-align: center; display: block; font-size: 12px; font-family: Roboto Condensed; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(160,15,45,0.5); width: 150px; height: 30px; line-height: 30px; content: "cover"; top: -30px; border-radius: 10px 10px 0 0;} [id^="xmenu"] {display: none;} [class^=td] div small {font-size: 0; color: transparent;} [class^=td] div small a {font-size: 10px; color: inherit;} Does anyone know what's going on with it? Is something wrong with the code or does it just to take time for covers to update? |
Chinese Cartoons are the end of me |
May 2, 2017 10:13 PM
#4427
Hey guys! I just wanted to ask if it is possible to add a back to top button in modern list layout. Thanks in advance^^ |
"MOE is LOVE, LOLI is LIFE, FLAT is JUSTICE" |
May 2, 2017 11:49 PM
#4428
Argraagre_Rem said: Hey guys! I just wanted to ask if it is possible to add a back to top button in modern list layout. Thanks in advance^^ Doomcat55 recently posted the code for one but I can't remember if it was modern or classic layout. It was either posted in this thread or on the front page comments, so you'd have to look through the past posts. It was recent, like this year. |
May 2, 2017 11:50 PM
#4429
temui said: Yo So I changed my anime list layout to something knew, and the covers that were on the list previously work just fine. For some strange reason though, the anime I add to the list after I changed the layout seem to have blank covers. Here's the source code for the layout: /* ----------------------------------------------------------------------------- ___ _ _ ___ ___ ___ _ _ ___ _ ___ ___ _____ _ _ ___ __ __ ___ ___ / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_ _| || | __| \/ | __/ __| \__ \ __ || || / (_) | |_| \__ \/ _ \ (_ || | | | | __ | _|| |\/| | _|\__ \ |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_| |_|___|___/ -------------------------------------------------------------------------------- - requested by anko96 ---------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed'); @import "https://malcat-gen.appspot.com/series?preset=more"; * {font-weight: normal !important;} body {font-size: 12px; font-family: Roboto Condensed; color: #004760; background-color: light-blue; background-image: url(http://i.imgur.com/4RW1abz.jpg); background-repeat: no-repeat; background-position: left middle; background-attachment: fixed; background-size: cover;} #list_surround {position: absolute !important; right: 20px; width: 600px;} a {color: #004760; transition: .5s ease; text-decoration: none;} a:hover {color: #004760;} .td1, .td2, .table_header {height: 30px; background-color: rgba(150,220,250,0.5);} tr:hover [class^=td] {background-color: rgba(150,220,250,0.9) !important; color: #a1102d; transition: .5s ease;} tr:hover [class^=td] a {color: #a1102d;} small {font-size: 10px; color: #a00f2d;} small a {font-size: 10px;} .header_title, .category_totals {color: #ffffff; background-color: rgba(160,15,45,0.5); display: block; height: 30px; line-height: 30px;} .header_title {font-size: 12px; text-transform: uppercase; padding-left: 12px; letter-spacing: 1px; border-radius: 10px 10px 0 0;} .category_totals {font-size: 10px; text-align: center; border-radius: 0 0 10px 10px;} [class^="status_"] {position: fixed; right: 640px; height: 30px; width: 150px; display: block; background-color: rgba(150,220,250,0.5); transition: .5s ease;} [class^="status_"] a {font-family: Roboto Condensed; font-weight: 300; text-transform: uppercase; line-height: 30px; height: 30px; width: 150px; letter-spacing: 1px; text-align: center; transition: .5s ease;} [class^="status_"]:hover {background-color: rgba(150,220,250,0.9);} [class^="status_"] a:hover {color: #a1102d;} [class^="status_"]:first-of-type {bottom: 290px;} [class^="status_"]:nth-of-type(2) {bottom: 260px;} [class^="status_"]:nth-of-type(3) {bottom: 230px;} [class^="status_"]:nth-of-type(4) {bottom: 200px;} [class^="status_"]:nth-of-type(5) {bottom: 170px;} [class^="status_"]:last-of-type {bottom: 140px;} #copyright, #grand_totals {display: block; position: fixed; background-color: rgba(150,220,250,0.5); color: #a00f2d; width: 140px; text-align: justify !important; padding-left: 5px; padding-right: 5px; line-height: 20px; font-family: Roboto Condensed;} #copyright {bottom: 20px; right: 640px; height: 80px;} #grand_totals {bottom: 20px; right: 810px;} #copyright:after, [class^="status_"]:first-of-type:before, #grand_totals:before {color: #ffffff; position: fixed; text-align: center; display: block; font-size: 12px; font-family: Roboto Condensed; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(160,15,45,0.5); width: 150px; height: 30px; line-height: 30px; border-radius: 10px 10px 0 0;} [class^="status_"]:first-of-type:before {content: "navigation"; bottom: 320px; right: 640px;} #copyright:after {content: "copyright"; bottom: 100px; right: 640px;} #grand_totals:before {content: "grand totals"; bottom: 100px; right: 810px;} /* topbar */ #mal\_control\_strip, #mal\_control\_strip * {font-family: Roboto Condensed !important; color: #004760 !important; font-size: 14px !important; letter-spacing: 2px; font-weight: normal !important; text-decoration: none !important; text-transform: uppercase !important; transition: .3s linear;} #mal\_control\_strip:before {position: absolute; display: block; content: 'MENU'; margin-top: 105px; width: 115px; height: 30px; line-height: 30px; left: 0; color: #ffffff; background-color: rgba(160,15,45,0.5); border-top: none; border-radius: 0 0 10px 10px; font-weight: 400; text-align: center; letter-spacing: 1px;} #mal\_control\_strip {position: fixed !important; display: block !important; margin-top: -105px !important; height: 105px !important; width: 115px !important; left: 20px !important; background: rgba(150,220,250,0.5) !important;} #mal\_control\_strip *:hover {color: #a00f2d !important;} #mal\_control\_strip:hover {margin-top: 0 !important;} #mal\_control\_strip table, #mal\_control\_strip td {display: block; width: 115px !important;} #mal\_cs\_powered, #mal\_cs\_pic img, #mal\_cs\_otherlinks strong, #searchBox, #mal\_cs\_otherlinks div a[href*="sharedanime"], #mal\_cs\_otherlinks div span[title*="Compatibility Score"], span[title="Affinity"] {display: none !important;} #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {border-right: none !important;} /* Username, Logout */ #mal\_cs\_listinfo div {margin: 0 !important; width: 115px !important;} #mal\_cs\_listinfo div a {position: relative !important; display: block !important; top: 4px !important; line-height: 16px !important; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* Add to List, Home, Anime List, Manga List */ #mal\_cs\_links div { margin: 0 !important; width: 115px !important;} #mal\_cs\_links div a {position: relative !important; display: inline-block !important; top: 4px !important; line-height: 16px !important;} /* History, Forum, Export */ #mal\_cs\_otherlinks div a[href*="history"], #mal\_cs\_otherlinks div a[href*="forum"], #mal\_cs\_otherlinks div a[href*="export"], #mal\_cs\_otherlinks div a[href*="mangalist"] {display: none !important;} /* Log in, Create list, Learn more */ #mal\_cs\_otherlinks div {margin: 0 !important; width: 115px !important;} #mal\_cs\_otherlinks div:nth-of-type(2) {position: absolute; top: 27px; color: transparent !important; font-size: 0 !important;} #mal\_cs\_otherlinks div a {position: relative !important; display: block !important; line-height: 16px !important;} #mal\_cs\_listinfo, #mal\_cs\_links, #mal\_cs\_otherlinks {box-sizing: border-box; padding: 0 0 0 5px !important; height: auto !important;} /* covers */ table:hover + .hide {background-size: 150px 300px; right: 640px; bottom: 360px; width: 150px; height: 225px; padding-bottom: 0px; background-size: cover; background-position: center 50% !important; background-repeat: no-repeat !important; display: block !important; position: fixed;} .hide:before {color: #ffffff; position: absolute; text-align: center; display: block; font-size: 12px; font-family: Roboto Condensed; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; background-color: rgba(160,15,45,0.5); width: 150px; height: 30px; line-height: 30px; content: "cover"; top: -30px; border-radius: 10px 10px 0 0;} [id^="xmenu"] {display: none;} [class^=td] div small {font-size: 0; color: transparent;} [class^=td] div small a {font-size: 10px; color: inherit;} Does anyone know what's going on with it? Is something wrong with the code or does it just to take time for covers to update? Dunno about this generator (the malgen import) but try another cover generator. Links and solutions are on teh front page under Help and Fixes and also I think in the first post for this thread. |
May 3, 2017 12:53 AM
#4430
Shishio-kun said: Argraagre_Rem said: Hey guys! I just wanted to ask if it is possible to add a back to top button in modern list layout. Thanks in advance^^ Doomcat55 recently posted the code for one but I can't remember if it was modern or classic layout. It was either posted in this thread or on the front page comments, so you'd have to look through the past posts. It was recent, like this year. I think i've read it on front page comments, it was for classic though |
"MOE is LOVE, LOLI is LIFE, FLAT is JUSTICE" |
May 3, 2017 1:37 AM
#4431
Argraagre_Rem said: Shishio-kun said: Argraagre_Rem said: Hey guys! I just wanted to ask if it is possible to add a back to top button in modern list layout. Thanks in advance^^ Doomcat55 recently posted the code for one but I can't remember if it was modern or classic layout. It was either posted in this thread or on the front page comments, so you'd have to look through the past posts. It was recent, like this year. I think i've read it on front page comments, it was for classic though OK. Well if you can paste it here or link me to a page it's on, I can possibly convert it to modern CSS. |
May 3, 2017 8:03 AM
#4432
@Shishio-kun @Argraagre_Rem https://myanimelist.net/clubs.php?id=19736&action=view&t=comments&show=140#comment15411692 I just have to ask, though: does the Command (Control on Windows) + Up Arrow shortcut only work on Mac? |
May 3, 2017 9:31 AM
#4433
Doomcat55 said: @Shishio-kun @Argraagre_Rem https://myanimelist.net/clubs.php?id=19736&action=view&t=comments&show=140#comment15411692 I just have to ask, though: does the Command (Control on Windows) + Up Arrow shortcut only work on Mac? Control on Windows + Up Arrow doesn't do anything (even though it says to "Move the insertion point to the beginning of the previous paragraph" in windows site) |
"MOE is LOVE, LOLI is LIFE, FLAT is JUSTICE" |
May 7, 2017 3:05 AM
#4434
Argraagre_Rem said: Doomcat55 said: @Shishio-kun @Argraagre_Rem https://myanimelist.net/clubs.php?id=19736&action=view&t=comments&show=140#comment15411692 I just have to ask, though: does the Command (Control on Windows) + Up Arrow shortcut only work on Mac? Control on Windows + Up Arrow doesn't do anything (even though it says to "Move the insertion point to the beginning of the previous paragraph" in windows site) Unfortunately I couldn't find an equivalent in the modern CSS. I might look into more in the future and I'll let you know here. |
May 7, 2017 3:47 AM
#4435
Hi, new user here. I'm trying to put the finishing touches on my edit of @Takana_no_hana 's Shelter V2 [Kimi no na wa Customade], and I'm trying to identify this font to change it: On that subject, how can I change a font's weight? I chose Roboto, but for some reason it defaulted to light... |
TakeshinoutatteMay 7, 2017 3:58 AM
May 7, 2017 4:21 AM
#4436
Takeshino said: Hi, new user here. I'm trying to put the finishing touches on my edit of @Takana_no_hana 's Shelter V2 [Kimi no na wa Customade], and I'm trying to identify this font to change it: On that subject, how can I change a font's weight? I chose Roboto, but for some reason it defaulted to light... You can use "inspect element" on Chrome to see the font style. It's called "Tangerine". Change the existing font-weight, make sure it isn't override |
May 7, 2017 12:22 PM
#4437
Shishio-kun said: Argraagre_Rem said: Doomcat55 said: @Shishio-kun @Argraagre_Rem https://myanimelist.net/clubs.php?id=19736&action=view&t=comments&show=140#comment15411692 I just have to ask, though: does the Command (Control on Windows) + Up Arrow shortcut only work on Mac? Control on Windows + Up Arrow doesn't do anything (even though it says to "Move the insertion point to the beginning of the previous paragraph" in windows site) Unfortunately I couldn't find an equivalent in the modern CSS. I might look into more in the future and I'll let you know here. Update: I already found out a good enough solution. Thanks for the help btw ^^ |
"MOE is LOVE, LOLI is LIFE, FLAT is JUSTICE" |
May 11, 2017 1:20 PM
#4438
I recently installed the "School/Romcom background/render pack" and reinstalled "Restore Profile Button" Stylish themes, and I'm having problems with both. For the Romcom theme, I can't find the update button in the area where you change characters and backgrounds. I refreshed the page several times, restarted the browser twice, and disabled Ghostery just in case, and it didn't work for me. The default loads just fine, I just can't change it. The profile button restore isn't adding it back for me. It worked before, but I recently refreshed Firefox and the style wouldn't work for me after re-installation. Any help at all would be greatly appreciated. :) Edit: Here's a screenshot if that helps at all. |
-Kenshin-May 11, 2017 1:25 PM
May 11, 2017 4:02 PM
#4439
-Kenshin- said: I recently installed the "School/Romcom background/render pack" and reinstalled "Restore Profile Button" Stylish themes, and I'm having problems with both. For the Romcom theme, I can't find the update button in the area where you change characters and backgrounds. I refreshed the page several times, restarted the browser twice, and disabled Ghostery just in case, and it didn't work for me. The default loads just fine, I just can't change it. The profile button restore isn't adding it back for me. It worked before, but I recently refreshed Firefox and the style wouldn't work for me after re-installation. Any help at all would be greatly appreciated. :) Edit: Here's a screenshot if that helps at all. I cant find the update button either. Wow they totally updated and broke the site and there's a massive amount of negative feedback in their general forum. Another website updates its look and it's a disaster lol. I don't think they'd dumb enough to remove that critical feature (update button), so maybe it is coming back later. If not will have to rewrite all themes which I won't be able to get too for a while I don't think Profile button can be brought with MAL's latest designs, another victim, so I'll have to take the script down. |
May 11, 2017 4:56 PM
#4440
Shishio-kun said: -Kenshin- said: I recently installed the "School/Romcom background/render pack" and reinstalled "Restore Profile Button" Stylish themes, and I'm having problems with both. For the Romcom theme, I can't find the update button in the area where you change characters and backgrounds. I refreshed the page several times, restarted the browser twice, and disabled Ghostery just in case, and it didn't work for me. The default loads just fine, I just can't change it. The profile button restore isn't adding it back for me. It worked before, but I recently refreshed Firefox and the style wouldn't work for me after re-installation. Any help at all would be greatly appreciated. :) Edit: Here's a screenshot if that helps at all. I cant find the update button either. Wow they totally updated and broke the site and there's a massive amount of negative feedback in their general forum. Another website updates its look and it's a disaster lol. I don't think they'd dumb enough to remove that critical feature (update button), so maybe it is coming back later. If not will have to rewrite all themes which I won't be able to get too for a while I don't think Profile button can be brought with MAL's latest designs, another victim, so I'll have to take the script down. Oh damn, lol. Hope they come around with bringing that back soon. Huh, guess it was only a matter of time before the profile button retired. It will be missed. :( Thanks for the reply, Shishio. Cheers! |
May 12, 2017 4:08 AM
#4441
Hello, I have a question. I have been perfecting my list style to the modern list style for the past week or so. I have used several little bits and codes for a custom design and now I have one last problem to finish this process. Initially, my goal was to make the little left icon-menu not overlap my list. What I tried was using a right-marge to be 5px and for the resolution scale of my screen (150%) it worked out perfectly well.(on the left side my list aligned exactly a few px from the menu) Though a few days later a friend of me discovered that on his scale and resolution it was not the same list scale at all. So my question is: Is there a way to make the list/page scale exactly the same on every resolution/screen? Or else a different solution to my initial goal? For background info, here is the full list of my custom css code atm: /*FOR DARK LAYOUTS*/ body{ background-size: cover !important; background-attachment: fixed !important; } .list-table > tbody:nth-of-type(2n+1), .list-table, .list-container, .list-table .list-table-header .header-title{ background-color: transparent !important; border: 0 transparent solid !important; } .list-table .list-table-data .data{ border: 0 transparent solid !important; } .status-menu-container{ background-color: rgba(0,0,0,.8) !important; } .cover-block { padding-left: 17px; padding-right: 17px; } .list-block, .cover-block{ background-color: rgba(0,0,0,.7) !important; } .list-container { margin-right: 5px !important; } /****************************/ /* Purple Highlight on Hover */ /****************************/ .list-table-data:hover td { background-color: rgba(41,12,61,.7) !important; -moz-transition: .3s ease; -webkit-transition: .3s ease; -o-transition: .3s ease; } .list-table-data:hover .data.status.watching { background-color:#2db039 !important; } .list-table-data:hover .data.status.completed { background-color:#26448f !important; } .list-table-data:hover .data.status.onhold { background-color:#f1c83e !important; } .list-table-data:hover .data.status.dropped { background-color:#a12f31 !important; } .list-table-data:hover .data.status.plantowatch { background-color:#c3c3c3 !important; } /* LIST LINK FONT */ .list-table .list-table-data .data a{ color: #8e14cc !important; font-family: arial; } /* LIST NON-LINK FONT */ body{ color: #8e14cc !important; font-family: arial; } /* TAGS EDIT FONT */ .list-table .list-table-data .tags .edit{ color: #efc377 !important; font-family: arial; } /* LINK COLOR ON HOVER*/ a:hover, .list-table .list-table-data .data a:hover{ color: #a98fb7 !important; } /* HEADERS AND TABLE LINK FONT */ a { color: white !important; font-family: arial; } /* CATEGORY HEADER FONT */ .list-unit .list-status-title .text { color: white !important; font-family: arial; } /* CATEGORY HEADER BACKGROUND COLOR */ .list-unit .list-status-title { background-color: transparent !important; } /*BACKGROUND AND BORDER COLOR OF CATEGORY LINKS The first number in the parenthesis is the amount of red (0-255). The second number in the parenthesis is the amount of green (0-255). The third number in the parenthesis is the amount of blue (0-255). The fourth number in the parenthesis is the amount of opacity (.0 to 1). */ .status-menu-container{ background-color: rgba(0,0,0,.8) !important; border: 1px white solid !important; } /* BACKGROUND AND BORDER COLOR OF LIST See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors. */ .list-block{ background-color: rgba(0,0,0,.8) !important; border: 1px white solid !important; } My list on my own screen looks like this(how I want it to look): https://gyazo.com/492020fe94c6bc816fe634476f4168be On my friend's screen it looks like this(what it shouldn't be like): https://gyazo.com/fec49d22a0fae335cf5938b0e7ab5e27 |
May 16, 2017 4:30 AM
#4442
The font of my anime/manga list changed over night. Since my theme (a modified version of Kiokuzokus Minimalist design) doesn't seem like having a special font implemented, I wanted to change it by myself according to this thread. Unfortunately, the font changes indeed, but it ruins pretty much the rest of the theme. I thought about using the Roboto-font, so I went with this code: What do I wrong? Is it because of the fontsize? Idk. @import 'https://malcat-gen.appspot.com/series?template=%23tagLinks$id:before { background-image: url($series_image) }' ; /**/ @import "https://dl.dropboxusercontent.com/s/xqymo5agf80i4ty/Minimalist_Zoku.css"; /*Base Layout*//*Rin Shibuya*//*The iDOLM@STER Cinderella Girls*/ /**//**LAYOUT**//*List of Layout* (https://dl.dropboxusercontent.com/s/ixzo02lguvtpgir/Layout.css) */ /**/ @import url(https://mal-fellow-writer.appspot.com/manga/Schlopsi/?covers=https://dl.dropboxusercontent.com/s/tc8bgt7nt9q93jg/mangatitle-after.css); /*Covers Import*/ /**//**COVERS**/ /**/ @import "https://dl.dropboxusercontent.com/s/4wkc2s91qoiw9ri/Covers.css"; /*Covers*/ /** @import "https://dl.dropboxusercontent.com/s/om884swhxhigslg/Covers_Left.css"; /*Covers for Right Side List*/ /**//**LIST**/ /** @import "https://dl.dropboxusercontent.com/s/o6rige3f42rgqzp/Fullscreen.css"; /*Fullscreen Layout*/ /** @import "https://dl.dropboxusercontent.com/s/ngwxulnce3et5xb/Right_List.css"; /*Right Side List*/ /** @import "https://dl.dropboxusercontent.com/s/pzq3lghrfruz7qp/Center_List.css"; /*Center List*/ /** @import "https://dl.dropboxusercontent.com/s/hfadcm14sssvhvl/Fullscreen_Left.css"; /*Fullscreen Layout (Left Side Menu)*/ /*BACKGROUND*/ body { background-image: url("https://imgur.com/20ymJ0g.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: top right; background-size: cover; } #mal_cs_pic a[href="/"], #mal_cs_links a[href="/"] { /*Topbar Character*/ background-image: url(https://imgur.com/jKCr49N.png)!important; background-repeat: no-repeat; } /**//**RESPONSIVE**/ /**/ @import "https://dl.dropboxusercontent.com/s/t9hvv9ec64u0e72/Responsive.css"; /*Responsive View*/ /** @import "https://dl.dropboxusercontent.com/s/28cl7b58gbf8ela/Responsive_Wide.css"; /*Responsive View For Wider List*/ /**//**FANCYBOX**/ /**/ @import "https://dl.dropboxusercontent.com/s/5vas68bza1no09d/Fancybox.css"; /*Fancybox*/ body, body:after { background-color: rgba(33, 33, 33, .6); color: rgba(133, 133, 133, 1); } ::-webkit-scrollbar { background-color: rgba(33, 33, 33, .92); } ::-webkit-scrollbar-thumb { background-color: rgba(133, 133, 133, 1); } ::selection { background-color: rgba(133, 133, 133, .5); color: rgba(255, 254, 249, 1); } ::-moz-selection { background-color: rgba(133, 133, 133, .5); color: rgba(255, 254, 249, 1); } a, #copyright, #copyright:before, #mal_cs_pic { color: rgba(255, 254, 249, 1) !important; } a:hover, #copyright:hover, #copyright:hover:before { color: rgba(133, 133, 133, 1) !important; text-shadow: 0px 0px rgba(133, 133, 133, 1), -0px 0px rgba(133, 133, 133, 1); } #btn-back_to_mobile { border-left-color: rgba(133, 133, 133, 1) !important; border-right-color: rgba(133, 133, 133, 1) !important; } #mal_control_strip { background-color: rgba(33, 33, 33, .8) !important; } #mal_cs_pic { background-color: rgba(33, 33, 33, .7); } #mal_cs_listinfo { background-color: rgba(33, 33, 33, .7); } #mal_cs_listinfo a:hover { border-color: rgba(133, 133, 133, 1); } #mal_cs_links a:hover, #mal_cs_otherlinks div:last-of-type a:hover, #mal_cs_pic:hover { background-color: rgba(133, 133, 133, .5) !important; } #mal_cs_links a[href="/"]:hover { background-color: rgba(133, 133, 133, .5) !important; } #mal_cs_otherlinks div:first-of-type strong:before { background-color: rgba(133, 133, 133, .5); } #searchBox { border-color: rgba(133, 133, 133, 1); color: rgba(255, 254, 249, 1); } #list_surround > table:first-of-type:after { background: rgba(33, 33, 33, .8); } .status_not_selected a, .status_selected a { border-color: rgba(133, 133, 133, 1) !important; } .status_not_selected a:before, .status_selected a:before { background-color: rgba(133, 133, 133, 1); } .status_selected a { color: rgba(133, 133, 133, 1) !important; } .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-color: rgba(133, 133, 133, .5); } .header_title { color: rgba(33, 33, 33, 1); } .table_header { background-color: rgba(33, 33, 33, .7); } tr:hover [class^=td] { background-color: rgba(33, 33, 33, .6); } .td1 { background-color: rgba(33, 33, 33, .5); } .td2 { background-color: rgba(33, 33, 33, .4); } tr:hover [class^=td] a { text-shadow: 0px 0px rgba(133, 133, 133, 1), -0px 0px rgba(133, 133, 133, 1); } .animetitle:after, .animetitle:before { background-color: rgba(33, 33, 33, .8); border-left-color: rgba(133, 133, 133, 1) !important; border-right-color: rgba(133, 133, 133, 1) !important; } .animetitle:hover { border-color: rgba(133, 133, 133, 1); } td:nth-of-type(n+1)[width="125"] small { background-color: rgba(133, 133, 133, .5); } td:nth-of-type(n+1)[width="125"] small:hover, input[value=Cancel]:hover, input[value=Save]:hover { color: rgba(33, 33, 33, 1); } .td1[width="125"] > span, .td2[width="125"] > span { background-color: rgba(33, 33, 33, .8); border-color: rgba(133, 133, 133, 1); } .inputtext { background-color: rgba(33, 33, 33, .8); color: rgba(255, 254, 249, 1); } input[value=Cancel], input[value=Save] { background-color: rgba(133, 133, 133, .5); color: rgba(255, 254, 249, 1); } .borderRBL { color: rgba(133, 133, 133, 1); } .category_totals, #grand_totals { background-color: rgba(33, 33, 33, .7); color: rgba(133, 133, 133, 1); } #copyright, #copyright:before { border-color:rgba(133, 133, 133, 1) !important; color: rgba(255, 254, 249, 1); } #copyright:hover { color: rgba(255, 254, 249, 1) !important; } #copyright:hover:before { color: rgba(133, 133, 133, 1); } #copyright:after { background-color: rgba(33, 33, 33, .8); } minimalist:zoku {layout-by: kiokuzoku edited by: Schlopsi} EDIT: Problem SOLVED. |
SchlopsiMay 31, 2017 4:55 AM
May 16, 2017 5:15 PM
#4443
Thiv said: Animated intros to list aint thing no more or just my wont work? Code for diagnosis. .header_cw:before{ background-image: url("http://i.imgur.com/6OKsx.jpg"); background-color: black; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !Important; z-index: 101; color: transparent; content: ""; pointer-events: none; opacity: 0; -moz-animation:mymove 5s; /* Firefox / -webkit-animation:mymove 5s; / Safari and Chrome / } .header_cw span:before{ background: transparent url("http://i.imgur.com/4CSYa1j.png") no-repeat; background-position: 50% 10%; background-size: 80%; content: "Presents my list" !important; color: black !important; font-size: 32px !important; font-family: Century Gothic; text-shadow: 1px 2px 3px white; padding-top: 15%; position: fixed; text-align: center; height: 100%; width: 45%; top: 0 !important; left: 0 !important; pointer-events: none; opacity: 0; z-index: 110 !Important; -moz-animation:mymove 5s; / Firefox / -webkit-animation:mymove 5s; / Safari and Chrome / } .header_cw span:after { background: transparent url("http://i.imgur.com/vaPi9yG.gif") no-repeat; background-position: 50% 10%; background-size: 80%; content: ""; color: black !important; font-size: 32px !important; padding-top: 20%; position: fixed; height: 100%; width: 45%; right: 0 !important; top: 0 !important; z-index: 110; pointer-events: none; opacity: 0; -moz-animation:mymove 5s; / Firefox / -webkit-animation:mymove 5s; / Safari and Chrome / } @-moz-keyframes mymove / Firefox / { 0% {opacity: 1} 80% {opacity: 1} 95% {opacity: 0} 99% {opacity: 0} } @-webkit-keyframes mymove / Safari and Chrome */ { 0% {opacity: 1} 80% {opacity: 1} 95% {opacity: 0} 99% {opacity: 0} } #copyright { z-index: 10000 !important; position: relative; } Please see the first post as you were asked in the title of the topic and club rules - don't post the same thing in multiple places in this group. I deleted the identical post on the front page already it's you. you removed asterixes |
Shishio-kunMay 16, 2017 5:24 PM
May 20, 2017 4:02 PM
#4444
MrSlyPT said: I would like to know why is that when I move the cursor over an anime appears a square that supposedly should contain the image of the anime but it does not appear if someone can help This is my text linking to my list. Anda also how do I insert my banner / signature and also an image under my name when I make a post Moved to a proper thread See under Help and Fixes on the front page for preview pic solutions. https://myanimelist.net/forum/?topicid=439897 Making a sig https://myanimelist.net/forum/?topicid=495665 |
May 23, 2017 5:03 PM
#4445
What tools do people use the most for creating custom list styles? After messing around with the modern CSS list style editor I've concluded that no sane person would attempt to use it to create a complicated list style. Everything is just way too slow and laggy and the CSS view is poorly designed. |
trigger_segfaultMay 23, 2017 5:19 PM
May 23, 2017 6:59 PM
#4446
trigger_death said: What tools do people use the most for creating custom list styles? After messing around with the modern CSS list style editor I've concluded that no sane person would attempt to use it to create a complicated list style. Everything is just way too slow and laggy and the CSS view is poorly designed. Did you see my tutorial on using Inspect Element in Firefox? That's the best tool by far - lets you live edit- and along with all the parts being colored from the premapped layout it's really easy to move around parts of the list and design your own unique style. Many list designers use this technique. |
May 23, 2017 7:06 PM
#4447
[quote=Shishio-kun message=50847620] trigger_death said: What tools do people use the most for creating custom list styles? After messing around with the modern CSS list style editor I've concluded that no sane person would attempt to use it to create a complicated list style. Everything is just way too slow and laggy and the CSS view is poorly designed. Ah I see. Firstly I didn't realize the developer tools could be popped out into it's own window. That was what usually led me to not use the Style Editor before. Thanks |
May 24, 2017 9:13 AM
#4448
I want the stats bar to be after each list ( watching, completed, plan to watch, etc) in the modern list like in the classic list but I don't know how. Help? |
If you are going to disagree with me, don't bother talking to me. I will seriously hurt you! |
May 24, 2017 4:51 PM
#4449
Niveen_Sleem said: I want the stats bar to be after each list ( watching, completed, plan to watch, etc) in the modern list like in the classic list but I don't know how. Help? unfortunately the only way I can think of would have to be modified in the CSS every time you change the anime on your list or load the next 300 entries, so it wouldn't work out |
May 25, 2017 7:20 AM
#4450
Shishio-kun said: Niveen_Sleem said: I want the stats bar to be after each list ( watching, completed, plan to watch, etc) in the modern list like in the classic list but I don't know how. Help? unfortunately the only way I can think of would have to be modified in the CSS every time you change the anime on your list or load the next 300 entries, so it wouldn't work out OK thanks |
If you are going to disagree with me, don't bother talking to me. I will seriously hurt you! |
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 |