New
Apr 3, 2014 10:51 AM
#1801
I was wondering how can I add the Tags button to my animelist next to the cover picture, under the Note button. Can someone help me with that? http://myanimelist.net/animelist/sayami&status=1&order=0 Here's the code: |
sayamiApr 3, 2014 10:54 AM
Apr 3, 2014 2:36 PM
#1802
Hahaido said: KuroMayKami said: There's a problem in my list when it's opened in a small screen or window: the image headers on the left overlap the list itself. Is there a way to fix this? That's normal behavior for small resolutions. Do you prefer to view your list in a half-sized window? There is a fix but you need to write a special code with rules for all resolutions. It is not worth it I'll leave the code as it is then. Thank you. |
“We see what we want to see” |
Apr 4, 2014 11:53 PM
#1803
Hi I got a stupid question. In relation to installing the img and yt script, when I try to open the script file a message box appears says "windows script host". In the box is also says there's an error with the window being undefined? I'm not sure what that means but I'm using chrome and I installed the black canvas add-on but it still gets that error message. Unless I installed the wrong black canvas add-on? I'm not sure. Thanks in advance. |
Apr 5, 2014 12:53 AM
#1804
VeriTi said: @Shishio-kun <?php header("Content-type: text/css"); $host = $_SERVER['HTTP_REFERER']; if($host == 'http://myanimelist.net/mangalist/Shishio-kun') {echo("body{background: black;}");} else {echo("@import url(https://googledrive.com/host/0BxjwQr0BBXs-UHFjTzE2U21oaEE);");} ?> Do you see that opening '{' after the else keyword you've missed? that's why it's not working like expected. Alternatively, you should be able to just remove the trailing '}' Btw I think this is gonna suck on links like http://myanimelist.net/mangalist/Shishio-kun&status=4 AH its finally working; removing both the opening and closing brackets in line 7 made it finally work. Thanks! |
Apr 5, 2014 4:39 AM
#1805
Hello there. Awesome work and thanks a lot for all the help you've given me. This is regarding about fixing the [IMG] tag. It has come to my understanding that chrome doesn't have the Black Canvas add on anymore, due to it being removed from the web store. Is there any other add-on that can replace the Black canvas one? Or will I have to replace my whole internet browser itself? |
Apr 5, 2014 8:00 AM
#1806
SennyBoy said: Hello there. Awesome work and thanks a lot for all the help you've given me. This is regarding about fixing the [IMG] tag. It has come to my understanding that chrome doesn't have the Black Canvas add on anymore, due to it being removed from the web store. Is there any other add-on that can replace the Black canvas one? Or will I have to replace my whole internet browser itself? I see that too. Well they recently removed it then, cuz I'm pretty sure I tested it out in chrome a few weeks ago. It looks like Userscripts site is down too (where you get scripts for use with Black Canvas). Not sure if its a coincidence.. It looks like you can use Tampermonkey instead of Black Canvas for Chrome, I'll test it out whenever Userscripts comes back online |
Shishio-kunApr 5, 2014 8:10 AM
Apr 5, 2014 9:13 PM
#1807
background-image: url(''); With this you can put a background for each "watching", "completed" pages on your list right? how can you do it? |
Apr 5, 2014 10:36 PM
#1808
eimia1 said: background-image: url(''); With this you can put a background for each "watching", "completed" pages on your list right? how can you do it? It must be applied to the right selector, one that only shows up on that page. There's already topics on this, so find those from the front page link "Customize your list" ... |
Apr 6, 2014 2:05 PM
#1809
Hies I used the layout in the spoiler but I would like to change a few things and don’t really know how. Currently it’s set as my layout. What I would like to know is if anyone could change 2 things on it. /* Icon-style top menu bar */ @import "http://dl.dropbox.com/u/78340470/Touhou%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategoryTouhou.css"; /* // Self-explanatory*/ body { color:#999; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size:11px; font-family:Verdana, Arial; background-image:url('http://i.imgur.com/AHg72.jpg'); background-color:#000; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; } /* // Determines the positioning of your list*/ #list_surround { width:900px; margin:0 auto; } /* // All links on your list*/ a { color:#51819F; text-decoration:none; } a:visited { color:#51819F; text-decoration:none; } a:hover { color:#51819F; text-decoration:underline; } /* // Alternating row color 1 */ .td1 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // Alternating row color 2 */ .td2 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color:#999; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 0; padding:2px; } /* // Controls the select form decoration (the drop down select box)*/ .form { color:#999; font-size:11px; font-family:Verdana, Arial; border-color:#333; border-style:solid; border-width:1px; padding:2px; } /* Which 'status' up top is selected? */ .status_selected { color:#000; background:rgba(0, 0, 0, 0.75); font-weight:700; text-decoration:underline; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .status_selected a { text-decoration:underline; } .status_not_selected { color:#000; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* Header classes for Currently Watching, Completed, Dropped, etc...*/ .header_title { font-size:20px; font-weight:700; text-align:center; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; } .category_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px; } #grand_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 1px; } /* header_al is the surrounding "User's Anime List" at the top */ .header_al { font-weight:700; font-size:16px; } /* header_al_links is the width your "Profile" and "MyAnimeList home" links controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight:700; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO*/ #copyright { padding-top:6px; text-align:center; width:900px; margin:0 auto; } I would like to have the stock top bar and “Currently Watching”, “Completed”, “On Hold”, “Dropped”, “Plan to Watch” and “All Anime” from the following code: And the second change is the highlight of the row like in the following post. And if I'm here I want to ask how can I customize the colors on the stock top bar? I would love to make it half as thick and a darker gray almost black. I kind of understand the code to which I want mine changed to but don't know where to copy it and what to delete from the one I have now. |
Shishio-kunApr 6, 2014 2:46 PM
Apr 7, 2014 3:45 PM
#1810
http://myanimelist.net/animelist/Campione I just want to change the color of the type where is says "TV, TV, TV" etc from black to white and I also want to change the numbers "1,2,3,4" etc from black to white and same with the progress numbers in the completed section. |
Apr 7, 2014 4:39 PM
#1811
Campione said: http://myanimelist.net/animelist/Campione I just want to change the color of the type where is says "TV, TV, TV" etc from black to white and I also want to change the numbers "1,2,3,4" etc from black to white and same with the progress numbers in the completed section. find this .td1 { color: #000000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000000; padding: 2px; background-color: #000032; } /* // Alternating row color 2 */ .td2 { color: #000000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000000; padding: 2px; background-color: #00006E; } and change color: #000000; to color: #fff; |
Apr 7, 2014 9:26 PM
#1812
Searched roughly two hours for a solution to my questions and I give up. Either I was in to much of a hurry and missed it or couldn't see it because it was CSS(Inexperienced). #1 Is it possible to change Category Link font size? Rather keep it simple and just have a larger font than having to replace it with an image. #2 Having slight problems with my Sub-Headers. They're off from the columns slightly which is annoying. Increasing the font size makes it worse. I've tried the row width CSS in the tutorials but it did nothing except mess up my Category Link spacing. Can anything be done or will I have to change fonts? Not sure if it's required but here: http://myanimelist.net/animelist/Astros477 CSS File (Beginner layout,excuse the clutter) @import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative); @import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great); @import url(http://fonts.googleapis.com/css?family=Trade+Winds); @import url(https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/hahaidobottombar.css); /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { background-color:; color:White; font-family:Cinzel Decorative; font-size:45px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:#404040 ; font-family:Comic Sans; font-size:15px; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:#C0C0C0 ; font-family:Fredericka the Great; font-size:18px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:#E0E0E0 ; font-family:Trade Winds; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:900px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color:black ; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:#FF6600; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:; border-width:0; padding:2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info."; } .status_selected { background-color:; padding:2px; color:#FF6600; text-decoration: blink; } .status_not_selected { background-color:; padding:2px; color:white; } .status_selected a{ color:#FF6600; } .status_not_selected a{ color:#C0C0C0; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } /* CURRENT BACKGROUND */ .header_cw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/7t5iyp2c3/fooly_cooly_flcl_wallpaper_800x600.jpg); background-repeat: no-repeat; background-position: bottom centerr; background-size: 100% 100%; z-index: -1; } /* COMPLETED BACKGROUND */ .header_completed:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/fobgzrmkz/digimon_1680x945_wallpaper_Wallpaper_2560x1440_w.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; z-index: -1; } /* ON-HOLD BACKGROUND */ .header_onhold:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/6mwxm5onn/17298_cowboy_bebop.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; } /* DROPPED BACKGROUND */ .header_dropped:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/axblhqtqr/hollowman.jpg); background-repeat: no-repeat; background-position: center 55%; background-size: ; z-index: -1; } /* PLANNED BACKGROUND */ .header_ptw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/ttlvfbl03/221411.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display:none; } |
Apr 8, 2014 8:57 AM
#1813
Astros477 said: Searched roughly two hours for a solution to my questions and I give up. Either I was in to much of a hurry and missed it or couldn't see it because it was CSS(Inexperienced). #1 Is it possible to change Category Link font size? Rather keep it simple and just have a larger font than having to replace it with an image. #2 Having slight problems with my Sub-Headers. They're off from the columns slightly which is annoying. Increasing the font size makes it worse. I've tried the row width CSS in the tutorials but it did nothing except mess up my Category Link spacing. Can anything be done or will I have to change fonts? Not sure if it's required but here: http://myanimelist.net/animelist/Astros477 CSS File (Beginner layout,excuse the clutter) @import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative); @import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great); @import url(http://fonts.googleapis.com/css?family=Trade+Winds); @import url(https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/hahaidobottombar.css); /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { background-color:; color:White; font-family:Cinzel Decorative; font-size:45px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:#404040 ; font-family:Comic Sans; font-size:15px; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:#C0C0C0 ; font-family:Fredericka the Great; font-size:18px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:#E0E0E0 ; font-family:Trade Winds; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:900px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color:black ; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:#FF6600; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:; border-width:0; padding:2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info."; } .status_selected { background-color:; padding:2px; color:#FF6600; text-decoration: blink; } .status_not_selected { background-color:; padding:2px; color:white; } .status_selected a{ color:#FF6600; } .status_not_selected a{ color:#C0C0C0; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } /* CURRENT BACKGROUND */ .header_cw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/7t5iyp2c3/fooly_cooly_flcl_wallpaper_800x600.jpg); background-repeat: no-repeat; background-position: bottom centerr; background-size: 100% 100%; z-index: -1; } /* COMPLETED BACKGROUND */ .header_completed:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/fobgzrmkz/digimon_1680x945_wallpaper_Wallpaper_2560x1440_w.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; z-index: -1; } /* ON-HOLD BACKGROUND */ .header_onhold:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/6mwxm5onn/17298_cowboy_bebop.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; } /* DROPPED BACKGROUND */ .header_dropped:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/axblhqtqr/hollowman.jpg); background-repeat: no-repeat; background-position: center 55%; background-size: ; z-index: -1; } /* PLANNED BACKGROUND */ .header_ptw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://s19.postimg.org/ttlvfbl03/221411.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display:none; } ok, first for the category links use .status_selected a and .status_not_selected a. For example .status_selected a, .status_not_selected a {font-size: 20px;} As for the second, Try: .table_header:first-of-type, .td1:first-of-type, .td2:first-of-type {width: 35px !important;} .table_header:nth-of-type(2), .td1:nth-of-type(2), .td2:nth-of-type(2) {width: 670px !important;} .table_header:nth-of-type(3), .td1:nth-of-type(3), .td2:nth-of-type(3) {width: 55px !important;} .table_header:nth-of-type(4), .td1:nth-of-type(4), .td2:nth-of-type(4) {width: 55px !important;} .table_header:last-of-type, .td1:last-of-type, .td2:last-of-type {width: 85px !important;} just put that at the end of your css. |
Apr 8, 2014 10:15 AM
#1814
kuronekodesu said: ok, first for the category links use .status_selected a and .status_not_selected a. For example .status_selected a, .status_not_selected a {font-size: 20px;} As for the second, Try: .table_header:first-of-type, .td1:first-of-type, .td2:first-of-type {width: 35px !important;} .table_header:nth-of-type(2), .td1:nth-of-type(2), .td2:nth-of-type(2) {width: 670px !important;} .table_header:nth-of-type(3), .td1:nth-of-type(3), .td2:nth-of-type(3) {width: 55px !important;} .table_header:nth-of-type(4), .td1:nth-of-type(4), .td2:nth-of-type(4) {width: 55px !important;} .table_header:last-of-type, .td1:last-of-type, .td2:last-of-type {width: 85px !important;} just put that at the end of your css. That did it, thanks for your help and time. |
AstrosApr 8, 2014 10:19 AM
Apr 8, 2014 3:24 PM
#1815
Greetings everyone and first let me tell you how much I like the layouts. Now...I have a lil question (prolly a stupid one). But I changed my layout to the Sena Kashiwazaki cover (which was brilliant btw) but there seems to be a problem...I can't seem to get the notification option thingy whenever I add a new eps viewed. I mean...that one tab or whatever it's called when it ask you if you want to discuss about the episode you just viewed / maybe next time/ ask never for this series etc. I kinda need that "option" since I tend to visit the eps discussion threads quite allot. |
Apr 9, 2014 5:29 AM
#1816
Hello! I've read the message about saving our code for now till changes are done (and I will) but I have a minor (hopefully) problem so if there's even a temp fix, it'd be great! My lists are just the same appearance-wise, but when I press edit, there's no pop-up exactly. There a white line and an "X" button to close it and that's it :I I use a list design from this club, so thought to ask here instead of the Support board :3 Hopefully you can help me because I edit most of my stuff through the list T^T |
MaffyApr 9, 2014 5:48 AM
Apr 9, 2014 5:49 AM
#1817
Maffy said: Hello! I've read the message about saving our code for now till changes are done (and I will) but I have a minor (hopefully problem) so if there's even a temp fix, it'd be great! My lists are just the same appearance-wise, but when I press edit, there's no pop-up exactly. There a white line and an "X" button to close it and that's it :I I use a list design from this club, so thought to ask here instead of the Support board :3 Hopefully you can help me because I edit most of my stuff through the list T^T Oh ok I see what you mean its that fancybox overlay that pops up- this makes everything real clear I will try to find a way to get it back up but it may be unfixable with codes if the box was taken away temporarily |
Apr 9, 2014 5:56 AM
#1818
Shishio-kun said: Oh ok I see what you mean its that fancybox overlay that pops up- this makes everything real clear I will try to find a way to get it back up but it may be unfixable with codes if the box was taken away temporarily Thank you :3 <3 I hope it works :D And I don't think it was taken away. When I press edit/add from my panel, the pop-up works perfectly. I assume it's the same thing... hopefully? xD |
Apr 9, 2014 6:17 AM
#1819
Maffy said: Shishio-kun said: Oh ok I see what you mean its that fancybox overlay that pops up- this makes everything real clear I will try to find a way to get it back up but it may be unfixable with codes if the box was taken away temporarily Thank you :3 <3 I hope it works :D And I don't think it was taken away. When I press edit/add from my panel, the pop-up works perfectly. I assume it's the same thing... hopefully? xD You're right, the panel is still there (phew!) it just looks like MAL changed some of their default code and it messes up the pop up's coding. I've reproduced the problem on my own list with your CSS to be sure as possible I think this custom coding will work for anyone who is having trouble, would like feedback tho: #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; margin: auto !important; } Just add to the bottom of custom CSS |
Apr 9, 2014 6:29 AM
#1820
Shiro- said: Greetings everyone and first let me tell you how much I like the layouts. Now...I have a lil question (prolly a stupid one). But I changed my layout to the Sena Kashiwazaki cover (which was brilliant btw) but there seems to be a problem...I can't seem to get the notification option thingy whenever I add a new eps viewed. I mean...that one tab or whatever it's called when it ask you if you want to discuss about the episode you just viewed / maybe next time/ ask never for this series etc. I kinda need that "option" since I tend to visit the eps discussion threads quite allot. There's two Sena layouts like that so I don't know which one you're referring to but the HolyPotato one can be fixed with the same codes from the above post I made, I tested it out just now in Firefox |
Apr 9, 2014 6:45 AM
#1821
A feature of my list suddenly broke today. This is how my list usually works: http://cdn.awwni.me/naki.png You can find it here: http://myanimelist.net/animelist/Eagleshadow&show=0&order=2 But suddenly today, mouseover comments stopped working. I tried reverting to a backup I had from 2 weeks ago, as I at first thought I made a syntax error in my comments.css or something, but it didn't seem to be the case. It used to work on both Chrome and Firefox just yesterday, now it works on neither, without me actually changing anything, so I'm thinking maybe MAL changed something on their side? Has anyone experienced anything similar? Can anyone think of a solution? Here is my css if anyone wants to take a look at it: https://dl.dropboxusercontent.com/u/5293445/Ordered/4ever/ann/css/css.zip |
Apr 9, 2014 6:59 AM
#1822
Shishio-kun said: There's two Sena layouts like that so I don't know which one you're referring to but the HolyPotato one can be fixed with the same codes from the above post I made, I tested it out just now in Firefox Yes it's HolyPotatoe's one, sorry for not mentioning which one. Now the pop up options appears whenever adding an episode or the other kind of edits. But It seems it appears behind the options now appears a big portion of whiteness http://oi61.tinypic.com/3499z13.jpg This is how it looks. Is there any way of getting rid of that whiteness and have only the pop up option appear? Also thank you very much for helping me and sorry once again for asking same question in two threads >.< |
Apr 9, 2014 7:05 AM
#1823
Shishio-kun said: You're right, the panel is still there (phew!) it just looks like MAL changed some of their default code and it messes up the pop up's coding. I've reproduced the problem on my own list with your CSS to be sure as possible I think this custom coding will work for anyone who is having trouble, would like feedback tho: #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; margin: auto !important; } Just add to the bottom of custom CSS It worked like a charm! Thanks a lot ^-^ PS: It's really called fancybox... I thought you just called it that way! We learn something new everyday! EDIT: Ok, I tried to test it again... it doesn't really work all that well. For the first couple times it's ok, then the box doesn't appear in the mddle of the screen but further down (dunno if it can appear anywhere else) and scrolling doesn't bring it up and then, the next few times, it doesn't even appear at all~ |
MaffyApr 9, 2014 7:08 AM
Apr 9, 2014 7:07 AM
#1824
Shiro- said: Shishio-kun said: There's two Sena layouts like that so I don't know which one you're referring to but the HolyPotato one can be fixed with the same codes from the above post I made, I tested it out just now in Firefox Yes it's HolyPotatoe's one, sorry for not mentioning which one. Now the pop up options appears whenever adding an episode or the other kind of edits. But It seems it appears behind the options now appears a big portion of whiteness http://oi61.tinypic.com/3499z13.jpg This is how it looks. Is there any way of getting rid of that whiteness and have only the pop up option appear? Also thank you very much for helping me and sorry once again for asking same question in two threads >.< Not sure I follow what you're talking about. When do you get that, tell me the exact steps leading up to it. I don't really see a problem anyways cuz you can just x it out, right? |
Apr 9, 2014 7:14 AM
#1825
Maffy said: Shishio-kun said: You're right, the panel is still there (phew!) it just looks like MAL changed some of their default code and it messes up the pop up's coding. I've reproduced the problem on my own list with your CSS to be sure as possible I think this custom coding will work for anyone who is having trouble, would like feedback tho: #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; margin: auto !important; } Just add to the bottom of custom CSS It worked like a charm! Thanks a lot ^-^ PS: It's really called fancybox... I thought you just called it that way! We learn something new everyday! EDIT: Ok, I tried to test it again... it doesn't really work all that well. For the first couple times it's ok, then the box doesn't appear in the mddle of the screen but further down (dunno if it can appear anywhere else) and scrolling doesn't bring it up and then, the next few times, it doesn't even appear at all~ I've made a change to it for this after seeing it too. It should be: #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; top: 0 !Important; margin: auto !important; } That looks like it works better and on more list styles! |
Apr 9, 2014 7:22 AM
#1826
Shishio-kun said: I've made a change to it for this after seeing it too. It should be: #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; top: 0 !Important; margin: auto !important; } That looks like it works better and on more list styles! Yup, this seems to work just fine after trying it out for around 10-15 random entries! Thanks a lot again C: You are so awesome! |
Apr 9, 2014 7:22 AM
#1827
Hello! :) Up until yesterday, whenever I wanted to edit an entry on my anime list, obviously the options page would appear. I have never changed my list since I first installed it last summer, I have only changed the top image, so I have never really messed around with the other codes aside from. But yesterday, I altered the top images for both my anime and manga list, and for some reason the edit box no longer shows when I click the link, it just shows up as a shadow and an 'x' in the corner to close it. I tried changing back to the old image, but it still wouldn't work. Tried using a backup code of my current list from ages ago, and still doesn't show. But if I change my list to a different style, such as a MAL premade one, it works perfectly! So obviously there's something wrong with the code, but I'm not too sure what? It's worked absolutely fine until yesterday, and the edit box always appeared whenever I clicked edit on an entry! :S Please help! x |
Apr 9, 2014 7:40 AM
#1828
fezakyuu said: Hello! :) Up until yesterday, whenever I wanted to edit an entry on my anime list, obviously the options page would appear. I have never changed my list since I first installed it last summer, I have only changed the top image, so I have never really messed around with the other codes aside from. But yesterday, I altered the top images for both my anime and manga list, and for some reason the edit box no longer shows when I click the link, it just shows up as a shadow and an 'x' in the corner to close it. I tried changing back to the old image, but it still wouldn't work. Tried using a backup code of my current list from ages ago, and still doesn't show. But if I change my list to a different style, such as a MAL premade one, it works perfectly! So obviously there's something wrong with the code, but I'm not too sure what? It's worked absolutely fine until yesterday, and the edit box always appeared whenever I clicked edit on an entry! :S Please help! x There were just 10 posts about this before yours- try adding this to the bottom #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; top: 0 !Important; margin: auto !important; } |
Apr 9, 2014 7:41 AM
#1829
Shishio-kun said: Not sure I follow what you're talking about. When do you get that, tell me the exact steps leading up to it. I don't really see a problem anyways cuz you can just x it out, right? My bad for being so confusing, my english isn't that good since it isn't my mother language. I meant alongside the pop-up options, appears a portion of whiteness covering most of my list (just like in the pic I linked). I was asking if it's possible to remove that whiteness that appears whenever editing something in your list; like maybe something needs to be deleted from the code? Anyway, if there isn't a solution to that is oke...I'm still gonna use the layout since now I have the pop up options appear. Thank you once again for all the help and keep up the good work. |
Apr 9, 2014 7:48 AM
#1830
Shiro- said: Shishio-kun said: Not sure I follow what you're talking about. When do you get that, tell me the exact steps leading up to it. I don't really see a problem anyways cuz you can just x it out, right? My bad for being so confusing, my english isn't that good since it isn't my mother language. I meant alongside the pop-up options, appears a portion of whiteness covering most of my list (just like in the pic I linked). I was asking if it's possible to remove that whiteness that appears whenever editing something in your list; like maybe something needs to be deleted from the code? Anyway, if there isn't a solution to that is oke...I'm still gonna use the layout since now I have the pop up options appear. Thank you once again for all the help and keep up the good work. I still don't follow. Circle or point out the whiteness you're referring to exactly in a screenshot. It looks like everything is normal, at least according to how I remember it. Isn't the box supposed to be white? And around the box is normally faint white overlay? I also asked you to outline the steps that you get so you get to that screenshot you posted with the problem (which I don't see a problem in anyways). Are you saying this whiteness you don't like appears as soon as you click the edit button? |
Apr 9, 2014 7:49 AM
#1831
Shishio-kun said: fezakyuu said: Hello! :) Up until yesterday, whenever I wanted to edit an entry on my anime list, obviously the options page would appear. I have never changed my list since I first installed it last summer, I have only changed the top image, so I have never really messed around with the other codes aside from. But yesterday, I altered the top images for both my anime and manga list, and for some reason the edit box no longer shows when I click the link, it just shows up as a shadow and an 'x' in the corner to close it. I tried changing back to the old image, but it still wouldn't work. Tried using a backup code of my current list from ages ago, and still doesn't show. But if I change my list to a different style, such as a MAL premade one, it works perfectly! So obviously there's something wrong with the code, but I'm not too sure what? It's worked absolutely fine until yesterday, and the edit box always appeared whenever I clicked edit on an entry! :S Please help! x There were just 10 posts about this before yours- try adding this to the bottom #fancybox-inner { height: 100% !important; width: 100% !important; left: 0 !important; } #fancybox-wrap { height: 90% !important; position: fixed !important; width: 80% !important; left: 0 !important; right: 0 !important; top: 0 !Important; margin: auto !important; } Ah, sorry I didn't notice! D: I should've looked! But it works a treat, thank you! :D x |
Apr 9, 2014 8:07 AM
#1832
Shishio-kun said: I still don't follow. Circle or point out the whiteness you're referring to exactly in a screenshot. It looks like everything is normal, at least according to how I remember it. Isn't the box supposed to be white? And around the box is normally faint white overlay? I also asked you to outline the steps that you get so you get to that screenshot you posted with the problem (which I don't see a problem in anyways). Are you saying this whiteness you don't like appears as soon as you click the edit button? 1. This is how the pop up options appear when using MAL's default layout http://oi60.tinypic.com/29vidtc.jpg 2. This is how the pop up options appear when using HolyPotatoe's Sena layout. http://oi59.tinypic.com/2uoqh00.jpg I've been asking if there is a way to totally make that white disappear. Or at least have it as small as in the 1st picture. |
Shiro-Apr 9, 2014 8:21 AM
Apr 9, 2014 8:26 AM
#1833
Shiro- said: Shishio-kun said: I still don't follow. Circle or point out the whiteness you're referring to exactly in a screenshot. It looks like everything is normal, at least according to how I remember it. Isn't the box supposed to be white? And around the box is normally faint white overlay? I also asked you to outline the steps that you get so you get to that screenshot you posted with the problem (which I don't see a problem in anyways). Are you saying this whiteness you don't like appears as soon as you click the edit button? 1. This is how the pop up options appear when using MAL's default layout http://oi60.tinypic.com/29vidtc.jpg 2. This is how the pop up options appear when using HolyPotatoe's Sena layout. http://oi59.tinypic.com/2uoqh00.jpg I've been asking if there is a way to totally make that white disappear. Or at least have it as small as in the 1st picture. When I click edit, I don't see those options. I see the normal overlay box: http://i.imgur.com/z7rBDUw.jpg Again lol, how do I get to the part where I can see those options you've displayed: the ones that say "Someone has already made a discussion for this..". I need to know how to get there so I can look at that particular window you're having a problem with. I don't use my list for this kinda thing so I never see those options. |
Apr 9, 2014 8:54 AM
#1834
Shishio-kun said: Shiro- said: When I click edit, I don't see those options. I see the normal overlay box: http://i.imgur.com/z7rBDUw.jpg Again lol, how do I get to the part where I can see those options you've displayed: the ones that say "Someone has already made a discussion for this..". I need to know how to get there so I can look at that particular window you're having a problem with. I don't use my list for this kinda thing so I never see those options. Just click on the "+" near the total number of episodes an anime has. You'll get those option to appear then. |
Apr 9, 2014 9:27 AM
#1835
Shiro- said: Just click on the "+" near the total number of episodes an anime has. You'll get those option to appear then. Oh ok, well I never get that option when I update titles with the pluses tho (even if they're set to discuss episodes, as I just checked). I have no idea why, so I can't see the window. Unless someone else has a solution I would suggest changing the color of the box to transparent or using Firebug (Firefox) to find the selectors for the boxes and seeing if you can give it some boxes a different color or height. |
Apr 9, 2014 9:34 AM
#1836
Shishio-kun said: Shiro- said: Just click on the "+" near the total number of episodes an anime has. You'll get those option to appear then. Oh ok, well I never get that option when I update titles with the pluses tho (even if they're set to discuss episodes, as I just checked). I have no idea why, so I can't see the window. Unless someone else has a solution I would suggest changing the color of the box to transparent or using Firebug (Firefox) to find the selectors for the boxes and seeing if you can give it some boxes a different color or height. Yeah, that option are exclusively for discussing the episodes. Seeing how bad I am with the whole CCS and codes and the rest...I'll have to use it as it is, until someone will figure out something. Either way thank you once again for taking your time helping me and everyone here who needed help. |
Apr 9, 2014 2:08 PM
#1837
I was using some premade code and was just replacing the background img for the list and all went well, but on all the titles of the anime on my list there's a weird background behind them. Anyone know how to get rid of that? My list |
Apr 9, 2014 2:28 PM
#1838
SilentAirwalk said: As far as I can see it's a problem with the cover CSS, it sets the background of the titels to the series' cover Without any conditions what so ever, meaning they are always And I Don't think there are any selector that only changes none hovered elements without changing the one you hover over :/I was using some premade code and was just replacing the background img for the list and all went well, but on all the titles of the anime on my list there's a weird background behind them. Anyone know how to get rid of that? My list |
Apr 9, 2014 2:37 PM
#1839
Oiomi said: So no easy fix huh :/SilentAirwalk said: As far as I can see it's a problem with the cover CSS, it sets the background of the titels to the series' cover Without any conditions what so ever, meaning they are always And I Don't think there are any selector that only changes none hovered elements without changing the one you hover over :/I was using some premade code and was just replacing the background img for the list and all went well, but on all the titles of the anime on my list there's a weird background behind them. Anyone know how to get rid of that? My list |
Apr 9, 2014 2:40 PM
#1840
SilentAirwalk said: Oiomi said: So no easy fix huh :/SilentAirwalk said: As far as I can see it's a problem with the cover CSS, it sets the background of the titels to the series' cover Without any conditions what so ever, meaning they are always And I Don't think there are any selector that only changes none hovered elements without changing the one you hover over :/I was using some premade code and was just replacing the background img for the list and all went well, but on all the titles of the anime on my list there's a weird background behind them. Anyone know how to get rid of that? My list Do you actually want the covers on your list? Since you can remove the covers by deleting some of the imports at the top. @import "http://dl.dropbox.com/u/78340470/TouhouLayoutCSS/CSSforTouhouCardRight.css"; @import "http://dl.dropbox.com/u/78340470/animetitle.css"; What style are you trying to get exactly |
Apr 9, 2014 2:49 PM
#1841
No, I dont need covers I just want to get rid of the weird backgrounds on the anime titles. I used the premade code from the revolutionary girls list took out the banner and added my background img. Thanks though, that fixed it :)! |
Apr 9, 2014 8:42 PM
#1842
Hello, I started working with your basic page layout last night, and it's done wonders for my list, and has been really easy to work with, but I did run in to two problems. First, is there a way for me to add images around my category links that aren't limited to the small rectangular areas? I used your existing tutorial code for modifying the surrounding area, but whenever I put a picture url in, only a small portion of the picture is included. Also, when I'm viewing all the categories at once, is there a way for me to add space between the individual sections? I would like to increase the distance between the section stats and the subsequent headers. |
Apr 10, 2014 2:18 AM
#1843
Hey Shishio, I used yourbeginner's CCS List code for my 'animelist' and went through some of your other tutorials to customize it to what I wanted. Everything is great, except that my edit button doesn't work. (before it wasn't showing, but now it is, but even so it still doesn't work, there's only a white line that comes up and then the 'close (x mark) sign' beside it) I was wondering whether you could help me figure out what's going on. Since I don't have the 'more' button either, I was thinking that it may be because of that, so maybe if the 'more' button was returned then my edit button would be able to work...? Thanks though, for putting up all the tutorials and for helping people customize their lists :) |
Apr 10, 2014 2:43 AM
#1844
KiraieAeterna said: Hey Shishio, I used yourbeginner's CCS List code for my 'animelist' and went through some of your other tutorials to customize it to what I wanted. Everything is great, except that my edit button doesn't work. (before it wasn't showing, but now it is, but even so it still doesn't work, there's only a white line that comes up and then the 'close (x mark) sign' beside it) I was wondering whether you could help me figure out what's going on. Since I don't have the 'more' button either, I was thinking that it may be because of that, so maybe if the 'more' button was returned then my edit button would be able to work...? Thanks though, for putting up all the tutorials and for helping people customize their lists :) If your edit button can be clicked, it works. Its the panel that comes up after thats broken. Try the fix I posted on the front page of the group: http://myanimelist.net/clubs.php?cid=19736 #more button has nothing to do with this I think, you're using the more panel for that cover style you need to switch over to another cover style if you want that back |
Apr 10, 2014 3:47 AM
#1845
Hi Shishio, I posted earlier but I wasn't very clear on what I was trying to accomplish. I've been trying to fix my categories along the right side of my anime list, along with giving each of them a picture, much like you've done in some of the pre-made layouts. I tried to do this with your tutorial code, but the pictures wouldn't show up in their entirety, only in a small box around the link. I haven't been able to find a way to fix this, and would really appreciate help. Thank you in advance |
Apr 10, 2014 4:44 AM
#1846
f0ol1o said: Hi Shishio, I posted earlier but I wasn't very clear on what I was trying to accomplish. I've been trying to fix my categories along the right side of my anime list, along with giving each of them a picture, much like you've done in some of the pre-made layouts. I tried to do this with your tutorial code, but the pictures wouldn't show up in their entirety, only in a small box around the link. I haven't been able to find a way to fix this, and would really appreciate help. Thank you in advance Unfortunately I don't have time to look into this now; if someone else can't help you I would remove all the related codes if you broke them and enter a category menu from a premade layout (use the notes in them for directions) and try to customize it from there |
Apr 10, 2014 5:08 AM
#1847
Shishio-kun said: KiraieAeterna said: Hey Shishio, I used yourbeginner's CCS List code for my 'animelist' and went through some of your other tutorials to customize it to what I wanted. Everything is great, except that my edit button doesn't work. (before it wasn't showing, but now it is, but even so it still doesn't work, there's only a white line that comes up and then the 'close (x mark) sign' beside it) I was wondering whether you could help me figure out what's going on. Since I don't have the 'more' button either, I was thinking that it may be because of that, so maybe if the 'more' button was returned then my edit button would be able to work...? Thanks though, for putting up all the tutorials and for helping people customize their lists :) If your edit button can be clicked, it works. Its the panel that comes up after thats broken. Try the fix I posted on the front page of the group: http://myanimelist.net/clubs.php?cid=19736 #more button has nothing to do with this I think, you're using the more panel for that cover style you need to switch over to another cover style if you want that back Thank you :) |
Apr 10, 2014 7:34 AM
#1848
f0ol1o said: Could you please provide a link to the picture(s)Hi Shishio, I posted earlier but I wasn't very clear on what I was trying to accomplish. I've been trying to fix my categories along the right side of my anime list, along with giving each of them a picture, much like you've done in some of the pre-made layouts. I tried to do this with your tutorial code, but the pictures wouldn't show up in their entirety, only in a small box around the link. I haven't been able to find a way to fix this, and would really appreciate help. Thank you in advance |
Apr 10, 2014 12:57 PM
#1849
I try to rephrase my previous post. So I would like to move the Tag box in my anime list. As you can see on the picture below, the box is under the cover picture and I would like to move it: http://img10.imagefra.me/i94a/sayami/y5db_bef_uct0m.png Can someone help? |
Apr 10, 2014 12:57 PM
#1850
Shishio-kun said: f0ol1o said: Hi Shishio, I posted earlier but I wasn't very clear on what I was trying to accomplish. I've been trying to fix my categories along the right side of my anime list, along with giving each of them a picture, much like you've done in some of the pre-made layouts. I tried to do this with your tutorial code, but the pictures wouldn't show up in their entirety, only in a small box around the link. I haven't been able to find a way to fix this, and would really appreciate help. Thank you in advance Unfortunately I don't have time to look into this now; if someone else can't help you I would remove all the related codes if you broke them and enter a category menu from a premade layout (use the notes in them for directions) and try to customize it from there I decided to try this out, and grabbed the code from your psychopass layout. When I look at your image links for the categories, they all include the six pictures stacked on top of each other. Is this how I should go about orienting my own when i upload them? My list: http://myanimelist.net/animelist/f0ol1o |
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 |