SuperSmashBros said: Hey there :) I tried using Shishio-kun's version of the square layout. I changed the background to my liking and I wanted to know how to fix a couple of things: 1) I know where the colors of the categories are(the currently watching etc) but I can't figure out what two colors work best for this background. 2) That same bar of the completed, dropped etc is not in the middle in my computer and I want it to be. Where is the code for this bar located? 3) the box that tells you how much animes from TV, OVA, Movies you've seen, I wanted to be in the center if it's the only box in the line(I don't know if it's possible in CSS though) If you can assist me in those that'll be great. This is the code to my list: and this is the link Thanks in advance. 1) Try a color coordinator. Pick a color on the wheel and make sure "with compliment" is on and then you'll see the color that compliments the one you're using http://paletton.com/#uid=24e0u0kllllaFw0g0qFqFg0w0aF 2) Find .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { remove the visibility codes to see it again 3) Its possible cuz the poster style layout does it and has a similar look but it seems like it'd be a pain to code it into the square layout. Maybe someone else will take the time to code it tho |
| Hi, I was wondering if it was allowed / possible to change what is written in the header. For instance, in both my lists, I want to change the Plan to Read header (the one you can click on). I checked around and got lost, and I didn't find any information (but it's most likely my fault). I'm waiting for your directions! Thanks. |
| _____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
| Read Shishio's easy tutorial for category links and here for more . edit. didn't read the brackets . |
GuriguraJan 16, 2015 5:22 PM
blob said: Hi, I was wondering if it was allowed / possible to change what is written in the header. For instance, in both my lists, I want to change the Plan to Read header (the one you can click on). I checked around and got lost, and I didn't find any information (but it's most likely my fault). I'm waiting for your directions! Thanks. @Oddway Were you answering my question? If so, I could still not find where I can change the text. If you check my lists, you would notice that, for my anime list, I have already changed it to Plan to Wreck and, in the manga list, to Plan to Rape. However, at the top of my list, the buttons that filter the list are indicated as Plan to Watch and Plan to Read respectfully. I want to change those into what I want, how do I do this? Maybe calling it a header was my bad. It's not the header, the one right on top of the titles, it's the main one usually found on top. I want to keep the same style, but with different wordings... Thanks |
| _____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
blob said: blob said: Hi, I was wondering if it was allowed / possible to change what is written in the header. For instance, in both my lists, I want to change the Plan to Read header (the one you can click on). I checked around and got lost, and I didn't find any information (but it's most likely my fault). I'm waiting for your directions! Thanks. @Oddway Were you answering my question? If so, I could still not find where I can change the text. If you check my lists, you would notice that, for my anime list, I have already changed it to Plan to Wreck and, in the manga list, to Plan to Rape. However, at the top of my list, the buttons that filter the list are indicated as Plan to Watch and Plan to Read respectfully. I want to change those into what I want, how do I do this? Maybe calling it a header was my bad. It's not the header, the one right on top of the titles, it's the main one usually found on top. I want to keep the same style, but with different wordings... Thanks Make sure you put {} after your code so it doesn't double or triple it in your CSS. I'm telling you this because currently your list code looks like this: http://i.imgur.com/ZmnYzK0.png To change the category images, you need to change the image link here: It's an image, so unless you know how to reproduce it exactly, your best bet would be to find who made the list, pm him and ask him if he could change the text of it. You could also just remake all the headers to your desire. |
 |
Satiriques said: blob said: @Oddway Were you answering my question? If so, I could still not find where I can change the text. If you check my lists, you would notice that, for my anime list, I have already changed it to Plan to Wreck and, in the manga list, to Plan to Rape. However, at the top of my list, the buttons that filter the list are indicated as Plan to Watch and Plan to Read respectfully. I want to change those into what I want, how do I do this? Maybe calling it a header was my bad. It's not the header, the one right on top of the titles, it's the main one usually found on top. I want to keep the same style, but with different wordings... Thanks Make sure you put {} after your code so it doesn't double or triple it in your CSS. I'm telling you this because currently your list code looks like this: http://i.imgur.com/ZmnYzK0.png To change the category images, you need to change the image link here: It's an image, so unless you know how to reproduce it exactly, your best bet would be to find who made the list, pm him and ask him if he could change the text of it. You could also just remake all the headers to your desire. That's what I've been trying to say, I don't want to change those images. I want to change the one in form of text. I am the one that made those images, so yeah. xD THANK YOU FOR THE TIP THOUGH. I have asked before how to avoid the list coding from being duplicated, and I guess nobody knew back then, haha. What I want changed is at the top of the list, over the Reading/Watching IMAGE. The one that you could CLICK on and changes color. If you want more indications for where it is, it's on a horizontal line, it lists : Currently Reading Completed On Hold Dropped Plan to Read All Manga TLDR; I want it to turn into (for manga, for example) : Currently Reading Completed On Hold Dropped Plan to Rape All Manga Thanks! |
blobJan 16, 2015 6:22 PM
| _____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
blob said: Satiriques said: Make sure you put {} after your code so it doesn't double or triple it in your CSS. I'm telling you this because currently your list code looks like this: http://i.imgur.com/ZmnYzK0.png To change the category images, you need to change the image link here: It's an image, so unless you know how to reproduce it exactly, your best bet would be to find who made the list, pm him and ask him if he could change the text of it. You could also just remake all the headers to your desire. That's what I've been trying to say, I don't want to change those images. I want to change the one in form of text. I am the one that made those images, so yeah. xD THANK YOU FOR THE TIP THOUGH. I have asked before how to avoid the list coding from being duplicated, and I guess nobody knew back then, haha. What I want changed is at the top of the list, over the Reading/Watching IMAGE. The one that you could CLICK on and changes color. If you want more indications for where it is, it's on a horizontal line, it lists : Currently Reading Completed On Hold Dropped Plan to Read All Manga TLDR; I want it to turn into (for manga, for example) : Currently Reading Completed On Hold Dropped Plan to Rape All Manga Thanks! Should give you this: http://i.imgur.com/igNu3cO.jpg |
SatiriquesJan 16, 2015 7:26 PM
|
| Hello all I am currently using the template style "Snapshots, by http://myanimelist.net/profile/Drize http://myanimelist.net/forum/?topicid=392627&show=0#post1 It says in the forum link that for best results i should turn all of my settings off aside from Numbers... Well, I REALLY like this style, because i can change out the pictures every so often. I would like to know, if there is a way, to have space for the columns Name, Score, and Watched. Problem is, when i select the 3 options, the style completely breaks. It'd also be nice(but not important) to add a transparency to the "paper" which i swapped out for a lineless sheet. Thanks in advance! Link to my current CSS. http://pastebin.com/rgAPFaaw |
| Baka baka baka! |
| @Satiriques Thanks! That's exactly what I wanted. :P For some reason, in my anime list, some covers disappeared, is that normal? |
| _____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
TheJanitor13 said: Hello all I am currently using the template style "Snapshots, by http://myanimelist.net/profile/Drize http://myanimelist.net/forum/?topicid=392627&show=0#post1 It says in the forum link that for best results i should turn all of my settings off aside from Numbers... Well, I REALLY like this style, because i can change out the pictures every so often. I would like to know, if there is a way, to have space for the columns Name, Score, and Watched. Problem is, when i select the 3 options, the style completely breaks. It'd also be nice(but not important) to add a transparency to the "paper" which i swapped out for a lineless sheet. Thanks in advance! Link to my current CSS. http://pastebin.com/rgAPFaaw Opacity is the command for transparency. Enter a number from 0 to 1. |
| _____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
blob said: @Satiriques Thanks! That's exactly what I wanted. :P For some reason, in my anime list, some covers disappeared, is that normal? You can use blink to manually add your missing covers. Just write your username, check anime and save it as [whatevername].css with the "more" selector. Just ctrl-f for the anime number you are looking for and add it to your list. I.E. http://myanimelist.net/anime/889/Black_Lagoon would be 889. |
|
| @Satiriques Thanks~ again. |
| _____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
| Hi everyone ! I'd like to ask you for a help. I was trying to make function in css, where in each category I chose (Currently Watching, Completed etc..) the table row hover will be different. Now I'm using this to changing wallpapers on each of those sites: and this, to changing color in whole row in my tables: I was trying in many ways combating those two code like for example: and other transformation of this, but without any result. I'm also trying to make the same with a header's, but i'm stuck on this: With this code something started to happen, but there is no color on whole header, but only in places where are sort titles (Anime Title, Score, Type, Progress). http://s14.postimg.org/9iv5e569d/Header_background.png Of course still working on it, but I'll be very grateful if you will be able to help me. Thanks in advance! |
Ludzik1893Jan 23, 2015 8:35 AM
| Hello everyone, Is it possible to change the vertical align for the buttons text (watching, completed etc) ? i've them at the side and vertical-align is not working (works on the anime list stuff..) tried everything but the text is at the top and it looks a bit weird because the button height is 30px as far as i see i've nothing that would block it. |
| Help, my Samurai Champloo custom theme seems to be missing covers for a few anime, how can I add them? |
SuperRed said: Help, my Samurai Champloo custom theme seems to be missing covers for a few anime, how can I add them? There are multiple ways to fix this problem, here's what I usually do: get blink and use these settings. Make sure you save it as .css After that, you can either manually add the missing covers or import this css at the beggining of your list. |
|
| Hello people! The problem I need help with is a bottom scroll bar, it seems that it have some connection with the width on the list as it arrive when less than 830px and disappear when 830px or higher. I have absolutely no idea why this have happened and I'm grateful for all the help I can get. My list: http://myanimelist.net/animelist/Deisicarius Code: http://pastebin.com/8eQkG0uL |
| @Deisicarius Look around line #237 (your #copyright style) Your copyright section has width of 750px and 100px of right padding. By default these things add resulting in 850px wide copyright which pops through your #list_surround and available screen space, resulting in scrollbar. You could remove/reduce the right padding and/or adjust the width. You could also add box-sizing: border-box; to your #copyright code. By default "width" means "width of content", but border-box makes it so that it is "width of the container", so that paddings and borders would reduce the space available to box content. |
 |
VeriTi said: I see, thank you for your quick response.@Deisicarius Look around line #237 (your #copyright style) Your copyright section has width of 750px and 100px of right padding. By default these things add resulting in 850px wide copyright which pops through your #list_surround and available screen space, resulting in scrollbar. You could remove/reduce the right padding and/or adjust the width. You could also add box-sizing: border-box; to your #copyright code. By default "width" means "width of content", but border-box makes it so that it is "width of the container", so that paddings and borders would reduce the space available to box content. |
| Hi again, I'm wondering how to make the "Edit - More" in the list hidden by default and appear when hovering on the table section. |
Deisicarius said: Hi again, I'm wondering how to make the "Edit - More" in the list hidden by default and appear when hovering on the table section. edit: removed some useless code. Nice list by the way. |
SatiriquesJan 26, 2015 12:09 PM
|
Satiriques said: Thank you kind sir. Is there a way for "airing, not yet aired" to remain visible though?Deisicarius said: Hi again, I'm wondering how to make the "Edit - More" in the list hidden by default and appear when hovering on the table section. edit: removed some useless code. Nice list by the way. |
BalphagoreJan 26, 2015 3:16 PM
Deisicarius said: Satiriques said: Thank you kind sir. Is there a way for "airing, not yet aired" to remain visible though?edit: removed some useless code. Nice list by the way. Woops, totally my mistake. |
|
Satiriques said: Works perfectly, thanks once again!Deisicarius said: Thank you kind sir. Is there a way for "airing, not yet aired" to remain visible though? Woops, totally my mistake. |
Anonymoose-N said: How do I make it so that longer names don't go to the 2nd line and instead, end with a "..." .animetitle { display: block; min-width: 0; max-width: /*your number*/px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } |
 |
| @Anonymoose-N This may require a bit of modification: .animetitle { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 470px; padding-bottom: .2ex; margin-top: 1ex } display: block is necessary to disable overflowing by setting it to hidden, which means "space is limited, and don't add scrollbars". White-space forbids line wrapping so you will always have one line. text-overflow: ellipsis makes so the text ends in "..." instead of abruptly being clipped. Width limiting prevents long titles from screwing parts of the layout. Bottom padding is because it would also cut the bottom parts of some letters like "y" or "g" which isn't good. Top margin is for lowering the position, adjust to your liking. |
VeriTiJan 29, 2015 8:02 AM
|
S-Z said: Hello, guys. Do you know how to remove that white stripes on completed, dropped, etc. http://myanimelist.net/animelist/S-Z You can change the color here: or completely remove it with this: |
SatiriquesJan 31, 2015 11:29 AM
|
S-Z said: Satiriques said: sorry i meant lines over there http://screenshot.ru/90d75f1297c62d79896cf73067cbb7b9.pngYou can change the color here: or completely remove it with this: The white borders are actually part of the image used for the category links. So unless you remake the picture, the white border are always gonna be there. However, I removed the borders by reducing the height for the button links and repositioned the background-position accordingly. There you go: You could always use an image editor to remove the white borders so the circle part doesn't a sharp edge, but it's up to you. Edit: Damn, I didn't even notice the lines you were talking about until veriti answered lol. |
SatiriquesJan 31, 2015 11:37 PM
|
| @S-Z If you mean lines *above* text, I can't see them neither in Firefox, Chrome nor in IE so you might be the only one seeing those. I can make a wild guess that your browser is bugged and it shows text-decoration even when color of the text is set to transparent. If I'm right, then you want td[class^="status"] a { text-decoration: none } |
|
| Hi, is there a way to edit the already existing selector "#mal_control_strip"? I basically want to remove the property "left: 0;" and change the "padding: 0;" to "padding-right: 20px;". This should result in the top bar positioning directly over the list. |
| @Deisicarius No, you can't. But you can override individual properties using !important or other things that affect specificity. And you'd probably want margin-right because padding won't affect the search bar. #mal_control_strip { left: auto !important; margin-right: 20px !important; } |
|
VeriTi said: Oh I see, thank you for your help.@Deisicarius No, you can't. But you can override individual properties using !important or other things that affect specificity. And you'd probably want margin-right because padding won't affect the search bar. #mal_control_strip { left: auto !important; margin-right: 20px !important; } |
moebond said: Hello Shishio-Kun :D How's it going? I have 2 questions if you would like to help, first I wouldn't have accomplished anything if Iudex hadn't helped me, so a thanks to him!! My questions are; When I scroll down my list, I want my background to stay stable, no repetition, how do I get that to happen? The second is that When I go over a title of an anime/manga in my list it displays a pop up box right next to it, but it's transparent. How can I get an image of that anime/manga to pop up while I go over the title with the mouse? Thank you for reading this and taking your time to consider this! But please answer like you're gonna answer to a newbie lol, because I do not understand anything about this! Thank you once again! Bye These are quick and easy fixes so I just made them for you in your code and posted it below. Would that be ok for you? Fixed the topbar too. You have to copy everything in bold to your CSS edit box and replace the old codes. If you want in-depth explanations on how, search and try the CSS tutorials first and then post back if one of those doesn't make sense then I can try to break it down more. You don't have to do and read them all. Just find the one relevant to what you're trying to do, like the "filling in your missing covers tutorial". I'm only redirecting you here cuz understand I'm REALLY pressed for time and don't want to write explanations when the tutorials might cover that already, but like I said if one doesn't make sense post back or in the tutorial and tell us what you had trouble with: http://myanimelist.net/forum/?topicid=419405 |
| Great, btw I think u can follow (watch?) a topic to get notifications? Never tried it tho |
| Remove top two lines from the fixed CSS, then use the top bar you want from this page, under imported topbars (read instructions): http://myanimelist.net/forum/?topicid=449097 Now search your CSS for codes named "hide" in them and remove them, and the codes in the brackets after, then you can try the cover tutorial that causes covers to appear on title point (see the list of topics I linked you to). |
| I have a question. How do people add youtube videos straight onto their profile design? I know how to add the code to the page, but how do they make it look like this? Sorry if this has been answered, I looked everywhere, but couldn't find anything! |
  music is life... |
Shishio-kun said: I cant find anything to help me with the images poping up when I go over it with the cursor! I dont know what to doRemove top two lines from the fixed CSS, then use the top bar you want from this page, under imported topbars (read instructions): http://myanimelist.net/forum/?topicid=449097 Now search your CSS for codes named "hide" in them and remove them, and the codes in the brackets after, then you can try the cover tutorial that causes covers to appear on title point (see the list of topics I linked you to). CheckMateBassy said: Ive seen a post how you can add youtube videos when you edit the "about me" Im sure you use the same could, see if that can help, I dont really know myself!I have a question. How do people add youtube videos straight onto their profile design? I know how to add the code to the page, but how do they make it look like this? Sorry if this has been answered, I looked everywhere, but couldn't find anything! |
Smexy-Kun said: Shishio-kun said: I cant find anything to help me with the images poping up when I go over it with the cursor! I dont know what to doRemove top two lines from the fixed CSS, then use the top bar you want from this page, under imported topbars (read instructions): http://myanimelist.net/forum/?topicid=449097 Now search your CSS for codes named "hide" in them and remove them, and the codes in the brackets after, then you can try the cover tutorial that causes covers to appear on title point (see the list of topics I linked you to). Hmm curious, why aren't you using the entire code I posted? You still have the problem of the background skipping, and if you leave all those codes at the bottom which I took out for you, you will have errors if you use other topbars. You need to replace your entire code with the whole code I gave you to fix the errors with the background and future topbars. Like I said, go to the link I gave you before: http://myanimelist.net/forum/?topicid=419405 theres a part for covers (DVD and manga covers for your list). There's a topic name that says "Display covers when pointing to title" |
Shishio-kunFeb 5, 2015 1:43 AM
CheckMateBassy said: I have a question. How do people add youtube videos straight onto their profile design? I know how to add the code to the page, but how do they make it look like this? Sorry if this has been answered, I looked everywhere, but couldn't find anything! Most of those profile graphics are made in a graphic design program and split into pieces there. Then the pieces are posted to the profile one by one. If you look at the images in the graphic by right clicking or dragging them out you'll see that. So when you make that profile graphic, you need to leave a gap in it (for the player) before you cut it into pieces with Guillotine or Slice tool. The gap must be equal to a video player's height and width (posted the dimensions on the front page recently). Now when you post the pieces to your profile graphic, you will post that Youtube player as one of the pieces in your profile, to fill the gap you originally made. We might also discuss it in this topic, and it has the video on making/slicing the profile graphic for beginners. I don't think I explained Youtube players within graphics in the video tho: http://myanimelist.net/forum/?topicid=544347&show=0 |
Shishio-kunFeb 5, 2015 1:45 AM
Shishio-kun said: CheckMateBassy said: I have a question. How do people add youtube videos straight onto their profile design? I know how to add the code to the page, but how do they make it look like this? Sorry if this has been answered, I looked everywhere, but couldn't find anything! Most of those profile graphics are made in a graphic design program and split into pieces there. Then the pieces are posted to the profile one by one. If you look at the images in the graphic by right clicking or dragging them out you'll see that. So when you make that profile graphic, you need to leave a gap in it (for the player) before you cut it into pieces with Guillotine or Slice tool. The gap must be equal to a video player's height and width (posted the dimensions on the front page recently). Now when you post the pieces to your profile graphic, you will post that Youtube player as one of the pieces in your profile, to fill the gap you originally made. We might also discuss it in this topic, and it has the video on making/slicing the profile graphic for beginners. I don't think I explained Youtube players within graphics in the video tho: http://myanimelist.net/forum/?topicid=544347&show=0 Thank you so much, I understand now. Would you happen to know the dimensions of a standard youtube video? or how I would find that out? |
| music is life... |
| Copied from the front page Looks like 425 high 355 wide |
| Thank you for your help. Your tutorials are amazing! <3 |
| music is life... |
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 |