New
Jan 10, 2021 3:18 PM
#6601
nnmrt said: Hello, Could you guys help us a little bit? What's the problem here? (below) https://imgur.com/wTijW0w You didn't link me to the layout and you don't have the layout on your list so I can't repair it. There are many different reasons the list can look like that Try the solutions here for fixing preview pics https://myanimelist.net/forum/?topicid=439897 |
Jan 10, 2021 3:52 PM
#6602
@_Nazuru_ Something like this. You have to edit it a bit more to your liking and change the text and links to what you want. Here is all the BBcode https://myanimelist.net/forum/?topicid=398185 [url=https://www.google.com/]Text[/url] [url=https://www.google.com/]text[/url] [url=https://www.google.com/]text[/url] [url=https://www.google.com/]text[/url] [color=blue]______________________________________________________________________________________________________________[/color] [url=https://www.google.com/]Text[/url] > [url=https://www.google.com/]text[/url] > [url=https://www.google.com/]text[/url] > [url=https://www.google.com/]text[/url] [b]Text text[/b] _________________________________________________________________________________________________________________________ Text text text text ______________________________________________________________________________________________________________ Text > text > text > text Text text _________________________________________________________________________________________________________________________ |
Jan 10, 2021 6:37 PM
#6603
Oh, okay. Thanks for the help! ^_^ |
"𝓢𝓱𝓮 𝓯𝓸𝓻𝓰𝓸𝓻." 🪶 𝐹𝑜𝓇𝓊𝓂 𝒮𝑒𝓉 𝒷𝓎 𝒯𝑜𝓃𝒸𝑒𝓆 🪶 |
Jan 11, 2021 4:29 AM
#6604
Shishio-kun said: nnmrt said: Hello, Could you guys help us a little bit? What's the problem here? (below) https://imgur.com/wTijW0w You didn't link me to the layout and you don't have the layout on your list so I can't repair it. There are many different reasons the list can look like that Try the solutions here for fixing preview pics https://myanimelist.net/forum/?topicid=439897 Sorry I forgot to send the link my friend anime list. Here it is: https://myanimelist.net/animelist/schumix |
Jan 11, 2021 4:57 PM
#6605
nnmrt said: Shishio-kun said: nnmrt said: Hello, Could you guys help us a little bit? What's the problem here? (below) https://imgur.com/wTijW0w You didn't link me to the layout and you don't have the layout on your list so I can't repair it. There are many different reasons the list can look like that Try the solutions here for fixing preview pics https://myanimelist.net/forum/?topicid=439897 Sorry I forgot to send the link my friend anime list. Here it is: https://myanimelist.net/animelist/schumix They might need this at the top. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; Otherwise they should post their CSS code here because it looks like it needs repairing and you can refer them to the topic I link you to, the solution was there |
Jan 12, 2021 9:11 PM
#6606
Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. |
Jan 12, 2021 9:52 PM
#6607
SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post |
Jan 12, 2021 10:10 PM
#6608
Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < |
removed-userJan 12, 2021 11:31 PM
Jan 12, 2021 10:47 PM
#6609
SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < No, I mean post the codes. Like copy a portion from your About me BBcode and paste it here. If I quote the post, I can see the raw BBcode and see if there are ways to save space. |
Jan 12, 2021 11:06 PM
#6610
Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < No, I mean post the codes. Like copy a portion from your About me BBcode and paste it here. If I quote the post, I can see the raw BBcode and see if there are ways to save space. Too full it said: Your message must contain 15 characters excluding BBCode, quotes, images, and spaces. Warning: Please do not bypass the character limit with random letters, hashtags (e.g. #charlimit), or other text which does not contribute to your post. Doing so will be considered spam, and may result in the removal of your post and/or an official warning/ban from a moderator. Thank you for your reply and help . . . >.< |
removed-userJan 12, 2021 11:32 PM
Jan 13, 2021 1:49 AM
#6611
SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < No, I mean post the codes. Like copy a portion from your About me BBcode and paste it here. If I quote the post, I can see the raw BBcode and see if there are ways to save space. Too full it said: Your message must contain 15 characters excluding BBCode, quotes, images, and spaces. Warning: Please do not bypass the character limit with random letters, hashtags (e.g. #charlimit), or other text which does not contribute to your post. Doing so will be considered spam, and may result in the removal of your post and/or an official warning/ban from a moderator. Thank you for your reply and help . . . >.< Well I guess you could post it to a Pastebin for me to look at https://pastebin.com/ Also you could replace these parts with images with text on them to save tons of space. I have a lot of Photoshop and GIMP tutorials here in this club |
Jan 13, 2021 1:57 AM
#6612
mutsuto said: Why is my GIMP's colour selector... "broken"? I recentally was asked about my scoring explanation on my profile, So I made this image as a supplementary. That's strange because I used the colour picker to colour match it. The eyedropped says it's # 181818 When I then paint that right back onto the canvas it's noticeable darker! Then If I eyedropped that new paint splotch, which is the background colour of my graphic, it tells me # 111111 Painting that made a new # 090909, then # 020202 What on earth! p.s. Is the graphic legible? This is a tricky one. I remember I had a similar issue back when I used Windows 7, it began after I messed around with Windows colour spaces and it refused to be fixed for a while. I eventually shook it off, but it wasn't an easy fix so I forget what I did. I do remember that setting specific colour spaces in certain programs such as Photoshop and image viewers helped alleviate the issue for those programs, at least. So, a starting point may be to try setting GIMP's colour space/colour management. I'm pretty sure any form of sRGB will be the colour space you'll be wanting. If that makes any difference, then it may fix the issue within GIMP. But, it probably won't fix the issue of colour-picking from the browser window. For that, you might have to mess with the Windows ICC profile for your monitor or possibly the colour management, trying to get everything as vanilla/default as possible, and setting everything to sRGB where possible. But, I don't recommend playing with the Windows colours too much unless you are confident it's the issue or you previously changed it already, as messing with these settings is what caused me to have a similar issue in the past. |
Jan 13, 2021 2:15 AM
#6613
Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < No, I mean post the codes. Like copy a portion from your About me BBcode and paste it here. If I quote the post, I can see the raw BBcode and see if there are ways to save space. Too full it said: Your message must contain 15 characters excluding BBCode, quotes, images, and spaces. Warning: Please do not bypass the character limit with random letters, hashtags (e.g. #charlimit), or other text which does not contribute to your post. Doing so will be considered spam, and may result in the removal of your post and/or an official warning/ban from a moderator. Thank you for your reply and help . . . >.< Well I guess you could post it to a Pastebin for me to look at https://pastebin.com/ Also you could replace these parts with images with text on them to save tons of space. I have a lot of Photoshop and GIMP tutorials here in this club oh right i should change to picture to make it more space. Thank you for your help, i watch your youtube how to. Thank you. |
Jan 13, 2021 3:47 PM
#6614
Valerio_Lyndon said: Holy fuck why is this so complicated it shouldn't be possible to ever be incorrect. I'll just live with it, but thx for trying to persuade me lolThis is a tricky one. I remember I had a similar issue back when I used Windows 7, it began after I messed around with Windows colour spaces and it refused to be fixed for a while. I eventually shook it off, but it wasn't an easy fix so I forget what I did. I do remember that setting specific colour spaces in certain programs such as Photoshop and image viewers helped alleviate the issue for those programs, at least. So, a starting point may be to try setting GIMP's colour space/colour management. I'm pretty sure any form of sRGB will be the colour space you'll be wanting. If that makes any difference, then it may fix the issue within GIMP. But, it probably won't fix the issue of colour-picking from the browser window. For that, you might have to mess with the Windows ICC profile for your monitor or possibly the colour management, trying to get everything as vanilla/default as possible, and setting everything to sRGB where possible. But, I don't recommend playing with the Windows colours too much unless you are confident it's the issue or you previously changed it already, as messing with these settings is what caused me to have a similar issue in the past. |
Jan 13, 2021 6:46 PM
#6615
SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < No, I mean post the codes. Like copy a portion from your About me BBcode and paste it here. If I quote the post, I can see the raw BBcode and see if there are ways to save space. Too full it said: Your message must contain 15 characters excluding BBCode, quotes, images, and spaces. Warning: Please do not bypass the character limit with random letters, hashtags (e.g. #charlimit), or other text which does not contribute to your post. Doing so will be considered spam, and may result in the removal of your post and/or an official warning/ban from a moderator. Thank you for your reply and help . . . >.< Well I guess you could post it to a Pastebin for me to look at https://pastebin.com/ Also you could replace these parts with images with text on them to save tons of space. I have a lot of Photoshop and GIMP tutorials here in this club oh right i should change to picture to make it more space. Thank you for your help, i watch your youtube how to. Thank you. You can also make all non-Imgur URLs tinyURLs https://tinyurl.com/ |
Jan 13, 2021 7:59 PM
#6616
Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Shishio-kun said: SakurahanaHime said: Hi Can I ask how to add more code in my profile if its already full? It seems that I can't add any code again in my Profile. If there's a solution would you please help me. Thank you. Stay safe and have a nice day. I don't see how you could if they limited the # of characters. But post some of the code, and I'll see if there's ways for you to save space. If you just paste the raw BBcode here, I can look at it by quoting the post Well its quite long code about 5.120 words. I guess it can't make it less? > . < I can't use photoshop only gimp. . . P.S.: Thank you for your help >. < If there's a solution I really appreciate, if no also okay and thank you so much for all the help > . < No, I mean post the codes. Like copy a portion from your About me BBcode and paste it here. If I quote the post, I can see the raw BBcode and see if there are ways to save space. Too full it said: Your message must contain 15 characters excluding BBCode, quotes, images, and spaces. Warning: Please do not bypass the character limit with random letters, hashtags (e.g. #charlimit), or other text which does not contribute to your post. Doing so will be considered spam, and may result in the removal of your post and/or an official warning/ban from a moderator. Thank you for your reply and help . . . >.< Well I guess you could post it to a Pastebin for me to look at https://pastebin.com/ Also you could replace these parts with images with text on them to save tons of space. I have a lot of Photoshop and GIMP tutorials here in this club oh right i should change to picture to make it more space. Thank you for your help, i watch your youtube how to. Thank you. You can also make all non-Imgur URLs tinyURLs https://tinyurl.com/ Thank you *^* |
Jan 15, 2021 3:58 PM
#6617
Hey! I'm back again with some issues regarding z-index and ordering of what's on top. I used the synopsis code provided to make something I'm ultra proud of, but the type and score and number show through the synopsis box (pic at bottom). I tried messing with z-index, so I don't know what's where anymore. Here's the synopsis bar code:/*-S-T-A-R-T--------------------*\ |---------- MAL SYNOPSIS ---------| \*------------------------------*/ /* SYNOPSIS BASIS */ .data.storage { width: 0; font-size: 0; margin: 0; pointer-events: none; } /* SYNOPSIS BUTTON */ .data.storage::before { content: "Synopsis"; position: absolute; right: 579px; top: calc(50% + 13px); z-index: auto; width: 67px; padding: 4px; background-color: #000; border-radius: 10%; font: 12px 'Inconsolata', monospace; color: #fca486; text-align: center; transform: translate(50%, -50%); pointer-events: auto; } /* SYNOPSES ON HOVER */ .data.storage::after { position: absolute; right: 0px; top: calc(50% + 45px); z-index: auto; width: 1020px; padding-top: 20px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; --rounding: 0px; border-radius: var(--rounding); background-color: #1c1c1c; font: 12px 'Inconsolata', monospace; color: #9cf5ff; line-height: 1.6; text-align: center; white-space: pre-wrap; opacity: 0; transition: opacity 0.3s ease; } .data.storage:hover::after { opacity: 1; } /*-------------------------------*/ What should I do to make it show up right? |
Please sign up for MangAlert! It's a little project I made that I'd really like to see the light of day and some users. MangAlert! (please sign up!) GitHub Repo (please star!) |
Jan 17, 2021 8:57 AM
#6619
Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? |
Jan 17, 2021 3:39 PM
#6620
PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. |
Jan 17, 2021 6:42 PM
#6621
Hi~ Can anyone help me how to make layout like this one > . < for manga. Thank you. . . |
Jan 17, 2021 11:54 PM
#6622
SakurahanaHime said: Hi~ Can anyone help me how to make layout like this one > . < for manga. Thank you. . . Can you just use her CSS code? https://pastebin.com/raw/6RxrFnHW |
Jan 18, 2021 12:08 AM
#6623
Uji_Gintoki_Bowl said: Hey! I'm back again with some issues regarding z-index and ordering of what's on top. I used the synopsis code provided to make something I'm ultra proud of, but the type and score and number show through the synopsis box (pic at bottom). I tried messing with z-index, so I don't know what's where anymore. Here's the synopsis bar code: /*-S-T-A-R-T--------------------*\ |---------- MAL SYNOPSIS ---------| \*------------------------------*/ /* SYNOPSIS BASIS */ .data.storage { width: 0; font-size: 0; margin: 0; pointer-events: none; } /* SYNOPSIS BUTTON */ .data.storage::before { content: "Synopsis"; position: absolute; right: 579px; top: calc(50% + 13px); z-index: auto; width: 67px; padding: 4px; background-color: #000; border-radius: 10%; font: 12px 'Inconsolata', monospace; color: #fca486; text-align: center; transform: translate(50%, -50%); pointer-events: auto; } /* SYNOPSES ON HOVER */ .data.storage::after { position: absolute; right: 0px; top: calc(50% + 45px); z-index: auto; width: 1020px; padding-top: 20px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; --rounding: 0px; border-radius: var(--rounding); background-color: #1c1c1c; font: 12px 'Inconsolata', monospace; color: #9cf5ff; line-height: 1.6; text-align: center; white-space: pre-wrap; opacity: 0; transition: opacity 0.3s ease; } .data.storage:hover::after { opacity: 1; } /*-------------------------------*/ What should I do to make it show up right? https://i.imgur.com/EW0wrAo.png?1 I believe this should be a relatively simple fix of increasing the z-index on the entire row while it is hovered. We added a z-index on hover previously which should be in your code around line ~615. Seen in the image below: Increasing that number from 1 to 2 seemed to fix it in my quick experiment. I think having it at 1 was conflicting with some other elements on the below rows that also had z-index 1. You can increase the number higher than 2 if you find you need to, but keep it as low as possible as it may start breaking other things after going above 30 or so. |
Jan 18, 2021 5:55 AM
#6624
Shishio-kun said: PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. So I use Opera Neon and i just use the VPN extensions, but in Chrome i dont use any extension and the Privacy Button is so big there too |
Jan 18, 2021 7:20 AM
#6625
Valerio_Lyndon said: Uji_Gintoki_Bowl said: Hey! I'm back again with some issues regarding z-index and ordering of what's on top. I used the synopsis code provided to make something I'm ultra proud of, but the type and score and number show through the synopsis box (pic at bottom). I tried messing with z-index, so I don't know what's where anymore. Here's the synopsis bar code: /*-S-T-A-R-T--------------------*\ |---------- MAL SYNOPSIS ---------| \*------------------------------*/ /* SYNOPSIS BASIS */ .data.storage { width: 0; font-size: 0; margin: 0; pointer-events: none; } /* SYNOPSIS BUTTON */ .data.storage::before { content: "Synopsis"; position: absolute; right: 579px; top: calc(50% + 13px); z-index: auto; width: 67px; padding: 4px; background-color: #000; border-radius: 10%; font: 12px 'Inconsolata', monospace; color: #fca486; text-align: center; transform: translate(50%, -50%); pointer-events: auto; } /* SYNOPSES ON HOVER */ .data.storage::after { position: absolute; right: 0px; top: calc(50% + 45px); z-index: auto; width: 1020px; padding-top: 20px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; --rounding: 0px; border-radius: var(--rounding); background-color: #1c1c1c; font: 12px 'Inconsolata', monospace; color: #9cf5ff; line-height: 1.6; text-align: center; white-space: pre-wrap; opacity: 0; transition: opacity 0.3s ease; } .data.storage:hover::after { opacity: 1; } /*-------------------------------*/ What should I do to make it show up right? https://i.imgur.com/EW0wrAo.png?1 I believe this should be a relatively simple fix of increasing the z-index on the entire row while it is hovered. We added a z-index on hover previously which should be in your code around line ~615. Seen in the image below: Increasing that number from 1 to 2 seemed to fix it in my quick experiment. I think having it at 1 was conflicting with some other elements on the below rows that also had z-index 1. You can increase the number higher than 2 if you find you need to, but keep it as low as possible as it may start breaking other things after going above 30 or so. Oh, you're right! That makes sense as to why it didn't work before then. Thanks again! |
Please sign up for MangAlert! It's a little project I made that I'd really like to see the light of day and some users. MangAlert! (please sign up!) GitHub Repo (please star!) |
Jan 18, 2021 2:48 PM
#6626
PolenMonkey said: Shishio-kun said: PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. So I use Opera Neon and i just use the VPN extensions, but in Chrome i dont use any extension and the Privacy Button is so big there too Hmm then it must be some ap you have. Do you have any kind of VPN, adblocker, or antivirus ap on your PC? |
Jan 18, 2021 3:13 PM
#6627
Shishio-kun said: so I've just got the Opera Vpn, got the standard Opera Adblocker and the Windows anti-virus, so idk. And i also had the normal size Privacy button before so idk if it's really an adblock, bc before the custom css layout it was small size. But is there a way to delete the privacy button completely from the Design, so idk im actually using the Your Name Design from you but if you want I can send you the code, but do you know how to just delete the privacy button from the list?PolenMonkey said: Shishio-kun said: PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. So I use Opera Neon and i just use the VPN extensions, but in Chrome i dont use any extension and the Privacy Button is so big there too Hmm then it must be some ap you have. Do you have any kind of VPN, adblocker, or antivirus ap on your PC? |
Jan 18, 2021 3:59 PM
#6628
PolenMonkey said: Shishio-kun said: so I've just got the Opera Vpn, got the standard Opera Adblocker and the Windows anti-virus, so idk. And i also had the normal size Privacy button before so idk if it's really an adblock, bc before the custom css layout it was small size. But is there a way to delete the privacy button completely from the Design, so idk im actually using the Your Name Design from you but if you want I can send you the code, but do you know how to just delete the privacy button from the list?PolenMonkey said: Shishio-kun said: PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. So I use Opera Neon and i just use the VPN extensions, but in Chrome i dont use any extension and the Privacy Button is so big there too Hmm then it must be some ap you have. Do you have any kind of VPN, adblocker, or antivirus ap on your PC? Unfortunately, I need to know how to recreate the problem on my own list, so I can write the code to remove it. I can't seem to find what it is exactly that causes the privacy button in the first place. I was told it was Adblock Plus, but that doesn't create any privacy buttons for me. You could maybe use Ublock Origin to remove it. I can't confirm if this works yet https://myanimelist.net/forum/?topicid=1887490#msg61633378 |
Jan 18, 2021 4:15 PM
#6629
Shishio-kun said: okay so I'm on my phone right now, i will check all adblocks and stuff tomorrow on my pc and I'm going to name you alle the stuff and the browser etc that you can try to recreate it if you want?And you don't know how to delete the privacy button?PolenMonkey said: Shishio-kun said: PolenMonkey said: Shishio-kun said: PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. So I use Opera Neon and i just use the VPN extensions, but in Chrome i dont use any extension and the Privacy Button is so big there too Hmm then it must be some ap you have. Do you have any kind of VPN, adblocker, or antivirus ap on your PC? Unfortunately, I need to know how to recreate the problem on my own list, so I can write the code to remove it. I can't seem to find what it is exactly that causes the privacy button in the first place. I was told it was Adblock Plus, but that doesn't create any privacy buttons for me. You could maybe use Ublock Origin to remove it. I can't confirm if this works yet https://myanimelist.net/forum/?topicid=1887490#msg61633378 |
Jan 18, 2021 4:28 PM
#6630
PolenMonkey said: Shishio-kun said: okay so I'm on my phone right now, i will check all adblocks and stuff tomorrow on my pc and I'm going to name you alle the stuff and the browser etc that you can try to recreate it if you want?And you don't know how to delete the privacy button?PolenMonkey said: Shishio-kun said: so I've just got the Opera Vpn, got the standard Opera Adblocker and the Windows anti-virus, so idk. And i also had the normal size Privacy button before so idk if it's really an adblock, bc before the custom css layout it was small size. But is there a way to delete the privacy button completely from the Design, so idk im actually using the Your Name Design from you but if you want I can send you the code, but do you know how to just delete the privacy button from the list?PolenMonkey said: Shishio-kun said: PolenMonkey said: Hello, so I installed one of the premade layouts and changed the banners,buttons and renders and it worked perfectly fine and it looked really cool. But the only problem is that the Privacy button in the bottom right corner is much bigger than it is normally and i dont actually know how to make it smaller. Any ideas how to make just the Privacy Button smaller? It's probably due to your adblocker. Exactly what browser and extensions are you using? I'm trying to recreate the problem so I can fix this once and for all because it comes up like every day. So I use Opera Neon and i just use the VPN extensions, but in Chrome i dont use any extension and the Privacy Button is so big there too Hmm then it must be some ap you have. Do you have any kind of VPN, adblocker, or antivirus ap on your PC? Unfortunately, I need to know how to recreate the problem on my own list, so I can write the code to remove it. I can't seem to find what it is exactly that causes the privacy button in the first place. I was told it was Adblock Plus, but that doesn't create any privacy buttons for me. You could maybe use Ublock Origin to remove it. I can't confirm if this works yet https://myanimelist.net/forum/?topicid=1887490#msg61633378 I don't know exactly what will delete the button since I don't have it on my PC and can't test anything out. If I had the privacy button, I would attempt to remove it in one of three ways: - use Ublock origin to remove it from the screen (works on ads and other parts). Unfortunately, this doesn't always work permanently. - use Inspect Element on it (best in Firefox) and then see what the CSS selector is for it. Then set it to display: none !important; in the CSS. - find and uninstall the ap or extension that is causing the privacy button Yes any aps or adblocks you have that you can tell me about can help since I can try to use them and see if it creates the privacy button. btw you're talking about this, right? It has to be some new feature in something since it never came up as a problem before for anyone. |
Jan 18, 2021 9:25 PM
#6631
It's only available for classic? >< hm. . . okay thank you. . . > . < Shishio-kun said: SakurahanaHime said: Hi~ Can anyone help me how to make layout like this one > . < for manga. Thank you. . . Can you just use her CSS code? https://pastebin.com/raw/6RxrFnHW |
Jan 18, 2021 10:44 PM
#6632
SakurahanaHime said: It's only available for classic? >< hm. . . okay thank you. . . > . < Shishio-kun said: SakurahanaHime said: Hi~ Can anyone help me how to make layout like this one > . < for manga. Thank you. . . Can you just use her CSS code? https://pastebin.com/raw/6RxrFnHW It's a modern layout, this is her list with no custom CSS |
Jan 19, 2021 2:12 PM
#6633
Hey, I Can't Open https://pastebin.com/raw/8byWWj2K Is There A Way You Can Upload It On Another Site ?? Quick Edit: Ok I've Managed to open it but I think the list is broken |
KneykiJan 19, 2021 2:22 PM
"I intend to live my life with nothing but energy and a smile on my face!" - Nanami Minami [/url] |
Jan 19, 2021 4:02 PM
#6634
Kneyki said: Hey, I Can't Open https://pastebin.com/raw/8byWWj2K Is There A Way You Can Upload It On Another Site ?? Quick Edit: Ok I've Managed to open it but I think the list is broken This is what I see now on your list, do you? |
Jan 20, 2021 12:12 AM
#6635
Shishio-kun said: Kneyki said: Hey, I Can't Open https://pastebin.com/raw/8byWWj2K Is There A Way You Can Upload It On Another Site ?? Quick Edit: Ok I've Managed to open it but I think the list is broken This is what I see now on your list, do you? Still Looks Broken On Two Different PC's :/ |
"I intend to live my life with nothing but energy and a smile on my face!" - Nanami Minami [/url] |
Jan 20, 2021 2:59 PM
#6636
Kneyki said: Shishio-kun said: Kneyki said: Hey, I Can't Open https://pastebin.com/raw/8byWWj2K Is There A Way You Can Upload It On Another Site ?? Quick Edit: Ok I've Managed to open it but I think the list is broken This is what I see now on your list, do you? Still Looks Broken On Two Different PC's :/ Unfortunately I don't know what causes this. Try using Postimage instead of Imgur for the background links. Other than that, I think you would have to change your DNS to Google's DNS like the last person or maybe import the layout which is a pain https://myanimelist.net/forum/?topicid=411779 https://myanimelist.net/forum/?topicid=1825686 /* "Dashboard" * List design by 5cm * Modified by Valerio Lyndon and Shishio-Kun */ @\import "https://fonts.googleapis.com/css?family=Source+Sans+Pro"; :root { --background: fixed center/cover url(https://i.postimg.cc/jCVVBxrY/fk-LITa-JTefafx-FKPGRzngps7jg-CAUDLqqih-QZ1-Ypy-P6f2l-QN1-Vv-e-PRv-Syhly7-Y8.png), fixed center/cover url(https://i.postimg.cc/xTKTY7p3/EvPPyHS.png); } body { background: var(--background) !important; width: 1058px; font: 11px Source Sans Pro; letter-spacing: 1px; text-transform: uppercase; padding: 70px 0 0; margin: auto; color: white; } body::before, body::after { content: ""; position: fixed; top: 68px; left: calc(50% - 529px); width: 1058px; height: 541px; border-radius: 10px; pointer-events: none; } body::before { z-index: 60; background: rgba(5,5,5,.5); } body::after { z-index: 110; box-shadow: 0 8px 20px rgba(0,0,0,.6); } a {color: white;} #header-menu-button .fa, [data-owner=""] .list-menu-float, .cover-block, .list-menu-float .icon-menu.export, .list-menu-float .icon-menu.setting svg.icon-setting, .list-unit .list-status-title .text, #show-stats-button, .list-unit:not(.all_anime) .status, .icon-watch.ml4,[data-owner=""] .add-edit-more span, .more, .list-table .list-table-data .tags .edit, .list-unit:not(.watching) .icon-add-episode {display: none;} .header { position: fixed; top: 0; height: 68px; z-index: 100; background: var(--background); } .header .header-title {background: #333 15px 2px/50px no-repeat url(https://image.myanimelist.net/ui/fkLITaJTefafxFKPGRzngvQqHPDcc6jatqmY_RHEj9-Z8-4goIa5WgKMI8CQvYLg); width: 160px; height: 50px; top: 68px; z-index: 2; border-radius: 10px 0 0; border-bottom: 1px solid #555;} .header .header-title:hover {background-color: #222;} .header .header-menu.other {width: 160px; top: 118px; left: 0; z-index:2;} [data-owner=""] .header .header-menu .btn-menu, .header .header-menu .header-info {font-size: 0; text-align: left; margin: 0;} .header .header-menu .header-info {margin-top: 50px;} #header-menu-button, .anime .list-menu-float .icon-menu.anime-list, .anime .list-menu-float .icon-menu.anime-list svg, .anime .list-menu-float .icon-menu.anime-list .text, .anime .list-menu-float .icon-menu.anime-list:hover, .manga .list-menu-float .icon-menu.manga-list, .manga .list-menu-float .icon-menu.manga-list svg, .manga .list-menu-float .icon-menu.manga-list .text, .manga .list-menu-float .icon-menu.manga-list:hover { background-color: transparent; color: #333 !important; fill: #333;} #header-menu-button:before {content: ''; display: inline-block; width: 13px; height: 12px; margin: 0 10px 0 20px;} .anime #header-menu-button:before {background: left/cover url(https://image.myanimelist.net/ui/psYiTUtmhCM147Lw1c2IfEdpMGgqTXOAV7TUBQQzrxk9HddL_-Sx7EGuKbYvYuAf);} .manga #header-menu-button:before {background: left/cover url(https://image.myanimelist.net/ui/psYiTUtmhCM147Lw1c2IfEH4MpovaYtG8IwnuF48Imc3YkKXdBZRhkHFhaL-Jc1D);} .header a, .header .header-menu .list-menu .icon-menu {display: block; width: 160px; height: 50px; transition: none;} .header .header-menu .list-menu {top: 100px; left: 0; background: none; display: block!important; border: 0; box-shadow: none;} .header .header-menu .list-menu .icon-menu .text {left: 48px; top: 0; font-size: 11px; color: #999;} .header-info [href*=shared]:before {font: 14px FontAwesome; content: '\f0ec'; padding: 0 11px 0 20px;} .fa.fa-history {padding: 0 6px 0 21px; font-size: 16px;} .header-info [href*=login] {border-top: 1px solid #555;} .header-info [href*=login]:before {font: 17px FontAwesome; content: '\f090'; padding: 0 12px 0 20px;} .header-info [href*=register]:before {font: 14px FontAwesome; content: '\f234';padding: 0 12px 0 20px;} .header-info [href*=register]:after {content: 'Register'; font-size: 11px; letter-spacing: 2px;} .header a, .header a.username:after, .list-menu-float .icon-menu.profile:after { content: 'Profile'; font: bold 11px Source Sans Pro; color: #999!important; line-height: 50px; letter-spacing: 2px;} .header a:not(.header-title):hover, .header a:not(.header-title):hover::before, .header a:not(.header-title):hover::after, .header .header-menu .list-menu .icon-menu:hover, .list-menu-float .icon-menu.profile:hover { background: #222; color: white !important; text-decoration: none;} .header a.username, .header-info [href*=register], .list-menu-float .icon-menu.setting .text .link-style-setting { font-size: 0; letter-spacing: 0;} .header a.username:before {content: '\f007'; font: 15px FontAwesome; padding: 0 15px 0 20px;} .header a.username:hover:after, .header .header-menu .list-menu .icon-menu:hover svg.icon, .header .header-menu .list-menu .icon-menu:hover .text, .list-menu-float .icon-menu.setting .text .link-style-setting:hover:before { fill: white; color: white;} .header .header-menu .list-menu .icon-menu svg.icon, .list-menu-float .icon-menu svg.icon { width: 15px; fill: #999; top: 15px!important; left: 20px!important;} .list-menu-float { position: fixed; top: 120px; left: calc(50% - 529px); width: 160px; border: 0; z-index: 80; } .list-menu-float .icon-menu {background: #333; width: 100%; transition: none;} .list-menu-float .icon-menu.profile {background-image: none!important; width: 110px; padding-left: 50px; text-align: left;} .list-menu-float .icon-menu.profile:before {content: '\f007'; font: 15px FontAwesome; color: #999; position: absolute; top: 17px; left: 22px;} .list-menu-float .icon-menu .text {font: bold 11px Source Sans Pro; color: #999; letter-spacing: 2px; width: auto; top: 18px; opacity: 1; transition: none;} .list-menu-float .icon-menu.setting .text {left: 0; width: 100%; height: auto; text-align: left; opacity: 1;} .list-menu-float .icon-menu.setting .text .link-list-setting, .list-menu-float .icon-menu.setting .text .link-style-setting, .list-menu-float .icon-menu.setting:hover .text, .list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting { background: #333; width: 100%; color: #999; line-height: 50px; border: 0; opacity: 1;} .list-menu-float .icon-menu:not(.profile):hover, .list-menu-float .icon-menu.setting .text .link-list-setting:hover, .list-menu-float .icon-menu.setting .text .link-style-setting:hover { background: #222; width: 100%; color: white;} .list-menu-float .icon-menu.profile:hover { background: #222; color: white; } .list-menu-float .icon-menu.profile:hover::before, .list-menu-float .icon-menu.profile:hover::after { color: white !important; } .list-menu-float .icon-menu.profile:hover:before, .list-menu-float .icon-menu.setting .text .link-list-setting:hover:before, .list-menu-float .icon-menu.profile:hover:after, .list-menu-float .icon-menu:hover .text {width: auto; color: white;} .list-menu-float .icon-menu.setting .text .link-list-setting {padding-left: 50px;} .list-menu-float .icon-menu.setting .text .link-style-setting:after { content:'List style'; font-size: 11px; letter-spacing: 2px; padding-left: 50px;} .list-menu-float .icon-menu.setting .text .link-list-setting:before { content: '\f013'; font: 16px FontAwesome; color: #999; position: absolute; margin:17px 0 0 -29px;} .list-menu-float .icon-menu.setting .text .link-style-setting:before { content: '\f1fc'; font: 14px FontAwesome; color: #999; position: absolute; margin: 17px 21px;} .list-container { margin-top: -2px; z-index: 70; padding-top: 51px; background: none; border: 0;} [data-owner=""] .list-container {margin-top: -2px;} .list-block, .status-menu-container.fixed + div.list-block {margin: 0; min-height: auto;} .list-unit { width: auto; margin-left: 160px; padding: 10px 30px calc(100vh - 609px); background: none; border-radius: 0 0 10px;} .status-menu-container, .status-menu-container.fixed { position: fixed; top: 68px; left: calc(50% - 369px); width: 898px; height: 50px; border-radius: 0 10px 0 0; } .status-menu-container .status-menu { height: 100%; margin-left: 0; border-spacing: 36px 0; } .status-menu-container .status-menu .status-button {font: bold 11px Source Sans Pro; letter-spacing: 2px;} .status-menu-container .status-menu .status-button.on {font-size: 12px; color: black;} .status-menu-container .status-menu .status-button:after {height: 2px;} .status-menu-container .status-menu .status-button.all_anime:after {background: #222;} .status-menu-container .status-menu .status-button.watching:after {background-color: #2db039;} .status-menu-container .status-menu .status-button.plantowatch:after {background-color: #c3c3c3;} .status-menu-container .status-menu .status-button.completed:after {background-color: #26448f;} .status-menu-container .status-menu .status-button.onhold:after {background-color: #f1c83e;} .status-menu-container .status-menu .status-button.dropped:after {background-color: #a12f31;} .status-menu-container .search-container #search-box input {font: 11px Source Sans Pro; color: #999; letter-spacing: 1px; padding: 0 8px; border-radius: 10px; border: 1px solid #ccc;} .list-unit .list-status-title {width: 100%; height: 20px; background:none;} .list-unit .list-status-title .stats {height: auto; line-height: 0;} .list-unit .list-status-title .stats a {color: #999; margin: 0;} .list-table .list-table-header .header-title, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title .link.sort:hover {color: grey;} .list-table .list-table-header .header-title.status, .list-table .list-table-data .data.status {width: 2px; padding: 0;background: ;} .list-table .list-table-data .data.title, .list-table .list-table-data .data.studio {height: 40px; line-height: 1.2em;} .list-table .list-table-data .data.title .link {font-size: 11px;} .list-table .list-table-data .data.title .add-edit-more {float: none; display: inline-block; height: 0; font-size: 0; white-space: nowrap; margin-left: 5px; opacity: 0;} .list-table .list-table-data .data.title:hover .add-edit-more {opacity: 1;} .list-table .list-table-data .data.title .content-status {font-size: 9px; font-style: italic;} .list-table .list-table-data a:not(.edit-disabled):hover {text-decoration: none; background: #444; color: white;} .add a, .edit a, .list-table .list-table-data .data.tags {font-size: 8px; line-height:1em;} .list-unit .loading-space {margin: 5px;} footer { position: fixed; top: 609px; left: 0; z-index: 100; width: 100%; height: calc(100% - 609px); background: var(--background); } #footer-block {background: none; padding: 20px;} #copyright {font: 9px Source Sans Pro; color: white; text-shadow: 1px 1px 2px #333; padding-top: 15px;} #copyright:before {content: 'Designed by 5cm.';} This at the bottom should fix the tags .data.tags span, .data.tags span a, .list-table .list-table-data .data.tags, .list-table .list-table-data .data.tags a{ text-transform: none !important; } #header-menu-button, .anime .list-menu-float .icon-menu.anime-list, .anime .list-menu-float .icon-menu.anime-list svg, .anime .list-menu-float .icon-menu.anime-list .text, .anime .list-menu-float .icon-menu.anime-list:hover, .manga .list-menu-float .icon-menu.manga-list, .manga .list-menu-float .icon-menu.manga-list svg, .manga .list-menu-float .icon-menu.manga-list .text, .manga .list-menu-float .icon-menu.manga-list:hover { background-color: transparent;} .status-menu-container { background-color: #333;} .status-menu-container { border-bottom: 0;} .list-table { border: 0; } .list-table > tbody:nth-of-type(2n+1) { background-color: transparent; } .list-table .list-table-data .data { border-bottom: 0; } .list-table .list-table-header .header-title { background: rgba(5,5,5,.5); } .list-table .list-table-header .header-title, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title .link.sort:hover { color: #9B9B9B; } .list-table .list-table-header .header-title .link { color: #9B9B9B; } .list-table .list-table-header .header-title:hover, .list-table .list-table-header .header-title .link.sort:hover, .list-table .list-table-header .header-title .link.sort:hover { color: white; } .list-table .list-table-header .header-title .link:hover { color: white; } .status-menu-container .status-menu .status-button.on { color: black; } .list-table .list-table-data a.edit-disabled { color: white; } .list-table .list-table-header .header-title { border-bottom: 0;} #header-menu-button, .anime .list-menu-float .icon-menu.anime-list, .anime .list-menu-float .icon-menu.anime-list svg, .anime .list-menu-float .icon-menu.anime-list .text, .anime .list-menu-float .icon-menu.anime-list:hover, .manga .list-menu-float .icon-menu.manga-list, .manga .list-menu-float .icon-menu.manga-list svg, .manga .list-menu-float .icon-menu.manga-list .text, .manga .list-menu-float .icon-menu.manga-list:hover { background-color: #333; color: white !important; fill: white; } .status-menu-container .status-menu .status-button.on { color: white; } .status-menu-container .status-menu .status-button:hover{ color: white; } .header a, .header .header-menu .list-menu .icon-menu{ background: #333; } |
Jan 20, 2021 4:11 PM
#6637
Shishio-kun said: Kneyki said: Shishio-kun said: Kneyki said: Hey, I Can't Open https://pastebin.com/raw/8byWWj2K Is There A Way You Can Upload It On Another Site ?? Quick Edit: Ok I've Managed to open it but I think the list is broken This is what I see now on your list, do you? Still Looks Broken On Two Different PC's :/ Unfortunately I don't know what causes this. Try using Postimage instead of Imgur for the background links. Other than that, I think you would have to change your DNS to Google's DNS like the last person or maybe import the layout which is a pain https://myanimelist.net/forum/?topicid=411779 https://myanimelist.net/forum/?topicid=1825686 /* "Dashboard" * List design by 5cm * Modified by Valerio Lyndon and Shishio-Kun */ @\import "https://fonts.googleapis.com/css?family=Source+Sans+Pro"; :root { --background: fixed center/cover url(https://i.postimg.cc/jCVVBxrY/fk-LITa-JTefafx-FKPGRzngps7jg-CAUDLqqih-QZ1-Ypy-P6f2l-QN1-Vv-e-PRv-Syhly7-Y8.png), fixed center/cover url(https://i.postimg.cc/xTKTY7p3/EvPPyHS.png); } body { background: var(--background) !important; width: 1058px; font: 11px Source Sans Pro; letter-spacing: 1px; text-transform: uppercase; padding: 70px 0 0; margin: auto; color: white; } body::before, body::after { content: ""; position: fixed; top: 68px; left: calc(50% - 529px); width: 1058px; height: 541px; border-radius: 10px; pointer-events: none; } body::before { z-index: 60; background: rgba(5,5,5,.5); } body::after { z-index: 110; box-shadow: 0 8px 20px rgba(0,0,0,.6); } a {color: white;} #header-menu-button .fa, [data-owner=""] .list-menu-float, .cover-block, .list-menu-float .icon-menu.export, .list-menu-float .icon-menu.setting svg.icon-setting, .list-unit .list-status-title .text, #show-stats-button, .list-unit:not(.all_anime) .status, .icon-watch.ml4,[data-owner=""] .add-edit-more span, .more, .list-table .list-table-data .tags .edit, .list-unit:not(.watching) .icon-add-episode {display: none;} .header { position: fixed; top: 0; height: 68px; z-index: 100; background: var(--background); } .header .header-title {background: #333 15px 2px/50px no-repeat url(https://image.myanimelist.net/ui/fkLITaJTefafxFKPGRzngvQqHPDcc6jatqmY_RHEj9-Z8-4goIa5WgKMI8CQvYLg); width: 160px; height: 50px; top: 68px; z-index: 2; border-radius: 10px 0 0; border-bottom: 1px solid #555;} .header .header-title:hover {background-color: #222;} .header .header-menu.other {width: 160px; top: 118px; left: 0; z-index:2;} [data-owner=""] .header .header-menu .btn-menu, .header .header-menu .header-info {font-size: 0; text-align: left; margin: 0;} .header .header-menu .header-info {margin-top: 50px;} #header-menu-button, .anime .list-menu-float .icon-menu.anime-list, .anime .list-menu-float .icon-menu.anime-list svg, .anime .list-menu-float .icon-menu.anime-list .text, .anime .list-menu-float .icon-menu.anime-list:hover, .manga .list-menu-float .icon-menu.manga-list, .manga .list-menu-float .icon-menu.manga-list svg, .manga .list-menu-float .icon-menu.manga-list .text, .manga .list-menu-float .icon-menu.manga-list:hover { background-color: transparent; color: #333 !important; fill: #333;} #header-menu-button:before {content: ''; display: inline-block; width: 13px; height: 12px; margin: 0 10px 0 20px;} .anime #header-menu-button:before {background: left/cover url(https://image.myanimelist.net/ui/psYiTUtmhCM147Lw1c2IfEdpMGgqTXOAV7TUBQQzrxk9HddL_-Sx7EGuKbYvYuAf);} .manga #header-menu-button:before {background: left/cover url(https://image.myanimelist.net/ui/psYiTUtmhCM147Lw1c2IfEH4MpovaYtG8IwnuF48Imc3YkKXdBZRhkHFhaL-Jc1D);} .header a, .header .header-menu .list-menu .icon-menu {display: block; width: 160px; height: 50px; transition: none;} .header .header-menu .list-menu {top: 100px; left: 0; background: none; display: block!important; border: 0; box-shadow: none;} .header .header-menu .list-menu .icon-menu .text {left: 48px; top: 0; font-size: 11px; color: #999;} .header-info [href*=shared]:before {font: 14px FontAwesome; content: '\f0ec'; padding: 0 11px 0 20px;} .fa.fa-history {padding: 0 6px 0 21px; font-size: 16px;} .header-info [href*=login] {border-top: 1px solid #555;} .header-info [href*=login]:before {font: 17px FontAwesome; content: '\f090'; padding: 0 12px 0 20px;} .header-info [href*=register]:before {font: 14px FontAwesome; content: '\f234';padding: 0 12px 0 20px;} .header-info [href*=register]:after {content: 'Register'; font-size: 11px; letter-spacing: 2px;} .header a, .header a.username:after, .list-menu-float .icon-menu.profile:after { content: 'Profile'; font: bold 11px Source Sans Pro; color: #999!important; line-height: 50px; letter-spacing: 2px;} .header a:not(.header-title):hover, .header a:not(.header-title):hover::before, .header a:not(.header-title):hover::after, .header .header-menu .list-menu .icon-menu:hover, .list-menu-float .icon-menu.profile:hover { background: #222; color: white !important; text-decoration: none;} .header a.username, .header-info [href*=register], .list-menu-float .icon-menu.setting .text .link-style-setting { font-size: 0; letter-spacing: 0;} .header a.username:before {content: '\f007'; font: 15px FontAwesome; padding: 0 15px 0 20px;} .header a.username:hover:after, .header .header-menu .list-menu .icon-menu:hover svg.icon, .header .header-menu .list-menu .icon-menu:hover .text, .list-menu-float .icon-menu.setting .text .link-style-setting:hover:before { fill: white; color: white;} .header .header-menu .list-menu .icon-menu svg.icon, .list-menu-float .icon-menu svg.icon { width: 15px; fill: #999; top: 15px!important; left: 20px!important;} .list-menu-float { position: fixed; top: 120px; left: calc(50% - 529px); width: 160px; border: 0; z-index: 80; } .list-menu-float .icon-menu {background: #333; width: 100%; transition: none;} .list-menu-float .icon-menu.profile {background-image: none!important; width: 110px; padding-left: 50px; text-align: left;} .list-menu-float .icon-menu.profile:before {content: '\f007'; font: 15px FontAwesome; color: #999; position: absolute; top: 17px; left: 22px;} .list-menu-float .icon-menu .text {font: bold 11px Source Sans Pro; color: #999; letter-spacing: 2px; width: auto; top: 18px; opacity: 1; transition: none;} .list-menu-float .icon-menu.setting .text {left: 0; width: 100%; height: auto; text-align: left; opacity: 1;} .list-menu-float .icon-menu.setting .text .link-list-setting, .list-menu-float .icon-menu.setting .text .link-style-setting, .list-menu-float .icon-menu.setting:hover .text, .list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting { background: #333; width: 100%; color: #999; line-height: 50px; border: 0; opacity: 1;} .list-menu-float .icon-menu:not(.profile):hover, .list-menu-float .icon-menu.setting .text .link-list-setting:hover, .list-menu-float .icon-menu.setting .text .link-style-setting:hover { background: #222; width: 100%; color: white;} .list-menu-float .icon-menu.profile:hover { background: #222; color: white; } .list-menu-float .icon-menu.profile:hover::before, .list-menu-float .icon-menu.profile:hover::after { color: white !important; } .list-menu-float .icon-menu.profile:hover:before, .list-menu-float .icon-menu.setting .text .link-list-setting:hover:before, .list-menu-float .icon-menu.profile:hover:after, .list-menu-float .icon-menu:hover .text {width: auto; color: white;} .list-menu-float .icon-menu.setting .text .link-list-setting {padding-left: 50px;} .list-menu-float .icon-menu.setting .text .link-style-setting:after { content:'List style'; font-size: 11px; letter-spacing: 2px; padding-left: 50px;} .list-menu-float .icon-menu.setting .text .link-list-setting:before { content: '\f013'; font: 16px FontAwesome; color: #999; position: absolute; margin:17px 0 0 -29px;} .list-menu-float .icon-menu.setting .text .link-style-setting:before { content: '\f1fc'; font: 14px FontAwesome; color: #999; position: absolute; margin: 17px 21px;} .list-container { margin-top: -2px; z-index: 70; padding-top: 51px; background: none; border: 0;} [data-owner=""] .list-container {margin-top: -2px;} .list-block, .status-menu-container.fixed + div.list-block {margin: 0; min-height: auto;} .list-unit { width: auto; margin-left: 160px; padding: 10px 30px calc(100vh - 609px); background: none; border-radius: 0 0 10px;} .status-menu-container, .status-menu-container.fixed { position: fixed; top: 68px; left: calc(50% - 369px); width: 898px; height: 50px; border-radius: 0 10px 0 0; } .status-menu-container .status-menu { height: 100%; margin-left: 0; border-spacing: 36px 0; } .status-menu-container .status-menu .status-button {font: bold 11px Source Sans Pro; letter-spacing: 2px;} .status-menu-container .status-menu .status-button.on {font-size: 12px; color: black;} .status-menu-container .status-menu .status-button:after {height: 2px;} .status-menu-container .status-menu .status-button.all_anime:after {background: #222;} .status-menu-container .status-menu .status-button.watching:after {background-color: #2db039;} .status-menu-container .status-menu .status-button.plantowatch:after {background-color: #c3c3c3;} .status-menu-container .status-menu .status-button.completed:after {background-color: #26448f;} .status-menu-container .status-menu .status-button.onhold:after {background-color: #f1c83e;} .status-menu-container .status-menu .status-button.dropped:after {background-color: #a12f31;} .status-menu-container .search-container #search-box input {font: 11px Source Sans Pro; color: #999; letter-spacing: 1px; padding: 0 8px; border-radius: 10px; border: 1px solid #ccc;} .list-unit .list-status-title {width: 100%; height: 20px; background:none;} .list-unit .list-status-title .stats {height: auto; line-height: 0;} .list-unit .list-status-title .stats a {color: #999; margin: 0;} .list-table .list-table-header .header-title, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title .link.sort:hover {color: grey;} .list-table .list-table-header .header-title.status, .list-table .list-table-data .data.status {width: 2px; padding: 0;background: ;} .list-table .list-table-data .data.title, .list-table .list-table-data .data.studio {height: 40px; line-height: 1.2em;} .list-table .list-table-data .data.title .link {font-size: 11px;} .list-table .list-table-data .data.title .add-edit-more {float: none; display: inline-block; height: 0; font-size: 0; white-space: nowrap; margin-left: 5px; opacity: 0;} .list-table .list-table-data .data.title:hover .add-edit-more {opacity: 1;} .list-table .list-table-data .data.title .content-status {font-size: 9px; font-style: italic;} .list-table .list-table-data a:not(.edit-disabled):hover {text-decoration: none; background: #444; color: white;} .add a, .edit a, .list-table .list-table-data .data.tags {font-size: 8px; line-height:1em;} .list-unit .loading-space {margin: 5px;} footer { position: fixed; top: 609px; left: 0; z-index: 100; width: 100%; height: calc(100% - 609px); background: var(--background); } #footer-block {background: none; padding: 20px;} #copyright {font: 9px Source Sans Pro; color: white; text-shadow: 1px 1px 2px #333; padding-top: 15px;} #copyright:before {content: 'Designed by 5cm.';} This at the bottom should fix the tags .data.tags span, .data.tags span a, .list-table .list-table-data .data.tags, .list-table .list-table-data .data.tags a{ text-transform: none !important; } #header-menu-button, .anime .list-menu-float .icon-menu.anime-list, .anime .list-menu-float .icon-menu.anime-list svg, .anime .list-menu-float .icon-menu.anime-list .text, .anime .list-menu-float .icon-menu.anime-list:hover, .manga .list-menu-float .icon-menu.manga-list, .manga .list-menu-float .icon-menu.manga-list svg, .manga .list-menu-float .icon-menu.manga-list .text, .manga .list-menu-float .icon-menu.manga-list:hover { background-color: transparent;} .status-menu-container { background-color: #333;} .status-menu-container { border-bottom: 0;} .list-table { border: 0; } .list-table > tbody:nth-of-type(2n+1) { background-color: transparent; } .list-table .list-table-data .data { border-bottom: 0; } .list-table .list-table-header .header-title { background: rgba(5,5,5,.5); } .list-table .list-table-header .header-title, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title .link.sort:hover { color: #9B9B9B; } .list-table .list-table-header .header-title .link { color: #9B9B9B; } .list-table .list-table-header .header-title:hover, .list-table .list-table-header .header-title .link.sort:hover, .list-table .list-table-header .header-title .link.sort:hover { color: white; } .list-table .list-table-header .header-title .link:hover { color: white; } .status-menu-container .status-menu .status-button.on { color: black; } .list-table .list-table-data a.edit-disabled { color: white; } .list-table .list-table-header .header-title { border-bottom: 0;} #header-menu-button, .anime .list-menu-float .icon-menu.anime-list, .anime .list-menu-float .icon-menu.anime-list svg, .anime .list-menu-float .icon-menu.anime-list .text, .anime .list-menu-float .icon-menu.anime-list:hover, .manga .list-menu-float .icon-menu.manga-list, .manga .list-menu-float .icon-menu.manga-list svg, .manga .list-menu-float .icon-menu.manga-list .text, .manga .list-menu-float .icon-menu.manga-list:hover { background-color: #333; color: white !important; fill: white; } .status-menu-container .status-menu .status-button.on { color: white; } .status-menu-container .status-menu .status-button:hover{ color: white; } .header a, .header .header-menu .list-menu .icon-menu{ background: #333; } It Was The Background Site That Was Causing Problems, Thank You So Much For Your Help ^^ |
"I intend to live my life with nothing but energy and a smile on my face!" - Nanami Minami [/url] |
Jan 20, 2021 6:59 PM
#6638
So I know that really isn't something about css or something but I'm searching a solution for this since an hour and found noting. So when I download transparent pngs from the internet my computer dont safe them as a transparent png but you can see that white and Grey boxes in the background instead of no background and it's the same when I upload it to imgur or something. So yeah do you have any solution how to fix this problem because I would go crazy if I need to delete the background every time myself. Please help me🙏 |
Jan 20, 2021 8:06 PM
#6639
Shishio-kun said: SakurahanaHime said: It's only available for classic? >< hm. . . okay thank you. . . > . < Shishio-kun said: SakurahanaHime said: Hi~ Can anyone help me how to make layout like this one > . < for manga. Thank you. . . Can you just use her CSS code? https://pastebin.com/raw/6RxrFnHW It's a modern layout, this is her list with no custom CSS I see. Okay Thank you so much. . . >.< |
Jan 20, 2021 8:22 PM
#6640
PolenMonkey said: So I know that really isn't something about css or something but I'm searching a solution for this since an hour and found noting. So when I download transparent pngs from the internet my computer dont safe them as a transparent png but you can see that white and Grey boxes in the background instead of no background and it's the same when I upload it to imgur or something. So yeah do you have any solution how to fix this problem because I would go crazy if I need to delete the background every time myself. Please help me🙏 If the images have white/grey boxes in the background they are previews and pretty much ruined. You have to go back to where you found them and download the real PNG with transparent background, or you can render them yourself. https://photoscissors.com/ Try seeing if that site removes the checkered background |
Jan 23, 2021 9:28 AM
#6641
My background isnt applying, not even the original one... What to do? |
Jan 23, 2021 6:40 PM
#6642
Xath_Ares said: My background isnt applying, not even the original one... What to do? I'm seeing a background image when I view your list, is that the one you were trying to apply? Sometimes there is a problem with the preview window where backgrounds don't appear, but the live version of your list (when you visit via your profile as normal: link) works fine. If this isn't the problem, we can look at other possibilities. |
Jan 24, 2021 1:27 AM
#6643
Valerio_Lyndon said: Xath_Ares said: My background isnt applying, not even the original one... What to do? I'm seeing a background image when I view your list, is that the one you were trying to apply? Sometimes there is a problem with the preview window where backgrounds don't appear, but the live version of your list (when you visit via your profile as normal: link) works fine. If this isn't the problem, we can look at other possibilities. Yeah thanks for the help .It was the preview window issue .. |
Jan 24, 2021 6:57 PM
#6644
On my profile, I am trying to do three different Top 10 lists but I want them to be in line on one row but instead when I save it, it moves to different lines. Is there a way to fix this or if there's already a post that explains this, can someone please link it. |
Jan 24, 2021 7:37 PM
#6645
Alpacaccino said: On my profile, I am trying to do three different Top 10 lists but I want them to be in line on one row but instead when I save it, it moves to different lines. Is there a way to fix this or if there's already a post that explains this, can someone please link it. If you're going for a perfect alignment, t's best to do this kinda thing in a graphic instead of BBcode, if you use text it goes off center and I don't know a way around this. It takes a short time to see a GIMP or Photoshop tutorial and drag your text and pictures into the ap and be done plus it will look better and it'll be preserved to look at in the future or edit. I guess you can try to use whitespaces and centering all the text, but its a pain to get everything aligned perfectly. https://qwerty.dev/whitespace/ [center] Left Middle Right Text Text Text Text Text Text Text Text Text [/center] Left Middle Right Text Text Text Text Text Text Text Text Text |
Jan 24, 2021 7:43 PM
#6646
Thanks a lot. I'll try photoshop instead! |
Jan 25, 2021 2:13 PM
#6647
When doing my about me Graphic's with links my dimension for each piece start to fit and some stays the same measurement. Do the Youtube dimension still 425x355 or is it 640x480? I can't seems to get it right. What should the right overall Graphic dimension/measurements so that it will fit and wont fill? |
Jan 25, 2021 4:19 PM
#6648
aPleb said: When doing my about me Graphic's with links my dimension for each piece start to fit and some stays the same measurement. Do the Youtube dimension still 425x355 or is it 640x480? I can't seems to get it right. What should the right overall Graphic dimension/measurements so that it will fit and wont fill? Post your graphic so we can try to see the problem I think About Me graphics need to be 798px or less Youtube size still seems to be 425x355 |
Jan 26, 2021 4:38 AM
#6649
Shishio-kun said: aPleb said: When doing my about me Graphic's with links my dimension for each piece start to fit and some stays the same measurement. Do the Youtube dimension still 425x355 or is it 640x480? I can't seems to get it right. What should the right overall Graphic dimension/measurements so that it will fit and wont fill? Post your graphic so we can try to see the problem I think About Me graphics need to be 798px or less Youtube size still seems to be 425x355 My original dimension is 1280x727 this is my V.2 and the Youtube measurement is 640x480. My V.1 of this is the same dimension and the youtube is 425x355, didn't work also. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Dimension 1280x727 (640x480) ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Result (This is Zoom out) ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀BBCode |
imaplebJan 26, 2021 4:43 AM
Jan 26, 2021 8:17 AM
#6650
aPleb said: Shishio-kun said: aPleb said: When doing my about me Graphic's with links my dimension for each piece start to fit and some stays the same measurement. Do the Youtube dimension still 425x355 or is it 640x480? I can't seems to get it right. What should the right overall Graphic dimension/measurements so that it will fit and wont fill? Post your graphic so we can try to see the problem I think About Me graphics need to be 798px or less Youtube size still seems to be 425x355 My original dimension is 1280x727 this is my V.2 and the Youtube measurement is 640x480. My V.1 of this is the same dimension and the youtube is 425x355, didn't work also. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Dimension 1280x727 (640x480) ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Result (This is Zoom out) ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀BBCode ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀+ I almost... kind of fixing my own problem. I just wanna know why this is happening so I can get a closure. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Edit: This is embarrassing to say, I just found out the cause of the problem was my Youtube video player template dimension. The previous dimension was 425x335 and I thought it was 425x355. Sorry for the trouble I cause. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Dimension 798x740 ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Edit: Fixed now |
imaplebJan 26, 2021 9:38 AM
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
Sep 13, 10:56 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |