New
Jun 9, 2014 9:09 PM
#2001
When I got online today I noticed that a lot of the parts of my list suddenly disappeared, and I'm not exactly sure why or how to fix it. For the most part a lot of it is the Square Layout you can find on here, but what happened to me doesn't seem to have affected any other people with that same layout. Particularly it's the missing grey banner behind "Watching, Completed, etc", the missing boxes around all of the icons and such, and when you hover over the covers it shouldn't be a white background but just a faded out grey version of the cover. Could I get some help? |
Aka-himeJun 9, 2014 9:16 PM
Jun 10, 2014 12:12 PM
#2002
al_exs said: That's the problem, if you don't define the text decoration for links, thay use the default behavior that is underlined. To fix that add at the end: a, a:hover, a:visited { text-decoration: none; } And for the font, you use: font-family:Press+Start+2P; and the right way to use it is: font-family: 'Press Start 2P'; Thanks, now it's gone. =) |
Jun 10, 2014 4:00 PM
#2003
wow this site has really become colorful... and sexier... - erghm i mean: it's been a while, I came to ask about image hosting sites where i can store my files, banners and such for either my club or profile, i was previously using photoshop however now anything i link from there to here doesnt work but oddly (and a bit sadly) facebook images still work fine even thought their qualitiy and resolution is much poorer, what i'm trying to say here is - What is a reasonable and acceptable image hosting site that MAL will approve? |
Mon-Love club: http://myanimelist.net/clubs.php?cid=39529 The Shape of happiness might resemble glass... Even though you don't usually notice it, it's still definitely there... You merely have to change your Point of View slightly... and that glass will sparkle when it reflects the light... |
Jun 10, 2014 4:10 PM
#2004
I don't know if this is the right place to ask this but, I followed your GIF tutorial, Shishio-kun, but I ran into a problem at the very end of it. When I press 'save' to save my GIF and press next to initiate the Optimization Process, there's an error where it can't complete the process. A pop-up claims that "I don't have enough memory to complete this operation" and "you may need to adjust your memory settings or work on a smaller document". Help please! |
Jun 10, 2014 4:16 PM
#2005
Superdee said: I don't know if this is the right place to ask this but, I followed your GIF tutorial, Shishio-kun, but I ran into a problem at the very end of it. When I press 'save' to save my GIF and press next to initiate the Optimization Process, there's an error where it can't complete the process. A pop-up claims that "I don't have enough memory to complete this operation" and "you may need to adjust your memory settings or work on a smaller document". Help please! The gif you're making is too big. Cutting down on the frames should work. |
Jun 11, 2014 12:18 PM
#2007
Disgaea said: What is a reasonable and acceptable image hosting site that MAL will approve? Imgur, Tinypic. Photobucket is good only for places with low traffic (personal profiles). |
Jun 11, 2014 1:20 PM
#2008
So the whole custom profile thing is out of whack, my was working just fine but then I made a new one and now all that shows up on my profile is the code. And it's not the new code because I put the old one that was working back in and it did the same thing.. Did they change it so we can't do this anymore? (Like did they turn the ability to put pictures there off?) |
Jun 11, 2014 1:45 PM
#2009
AboveAllSanity said: So the whole custom profile thing is out of whack, my was working just fine but then I made a new one and now all that shows up on my profile is the code. And it's not the new code because I put the old one that was working back in and it did the same thing.. Did they change it so we can't do this anymore? (Like did they turn the ability to put pictures there off?) Maybe its the top thing http://myanimelist.net/forum/?topicid=731665&show=0#post1 try to take the 20% and % out of your codes, or post the non-working and working codes so we can discern an issue. Otherwise other images work fine from what I see. |
Jun 11, 2014 2:57 PM
#2010
Shishio-kun said: AboveAllSanity said: So the whole custom profile thing is out of whack, my was working just fine but then I made a new one and now all that shows up on my profile is the code. And it's not the new code because I put the old one that was working back in and it did the same thing.. Did they change it so we can't do this anymore? (Like did they turn the ability to put pictures there off?) Maybe its the top thing http://myanimelist.net/forum/?topicid=731665&show=0#post1 try to take the 20% and % out of your codes, or post the non-working and working codes so we can discern an issue. Otherwise other images work fine from what I see. I tried deleting the %'s and stuff but that just broke the photos (if you see my profile.) I'll give you both my old profile and my new profile, if you can fix one or the other, or even both (please) that'd be fantastic, or if you can tell me how to fix it. Thanks~ If you can only fix one/tell me how to fix one, I'd prefer my old profile.. And I'll also look into that top thing Edit: I think it is the top thing, so I'll have to edit the names of the folders on my photobucket so they don't have spaces, and I think the photos broke because I changed the folder names without that folder exsisting, so I'll just have to redo/reupload everything and that should fix it, thanks! lol ignore this post, unless I come back and say the redo didn't work~~. |
a--ikoJun 11, 2014 3:04 PM
Jun 11, 2014 3:09 PM
#2011
AboveAllSanity said: Shishio-kun said: AboveAllSanity said: So the whole custom profile thing is out of whack, my was working just fine but then I made a new one and now all that shows up on my profile is the code. And it's not the new code because I put the old one that was working back in and it did the same thing.. Did they change it so we can't do this anymore? (Like did they turn the ability to put pictures there off?) Maybe its the top thing http://myanimelist.net/forum/?topicid=731665&show=0#post1 try to take the 20% and % out of your codes, or post the non-working and working codes so we can discern an issue. Otherwise other images work fine from what I see. I tried deleting the %'s and stuff but that just broke the photos (if you see my profile.) I'll give you both my old profile and my new profile, if you can fix one or the other, or even both (please) that'd be fantastic, or if you can tell me how to fix it. Thanks~ If you can only fix one/tell me how to fix one, I'd prefer my old profile.. And I'll also look into that top thing Edit: I think it is the top thing, so I'll have to edit the names of the folders on my photobucket so they don't have spaces, and I think the photos broke because I changed the folder names without that folder exsisting, so I'll just have to redo/reupload everything and that should fix it, thanks! lol ignore this post, unless I come back and say the redo didn't work~~. The images aren't there at the links you're using anymore. Even the old ones don't work, http://i1121.photobucket.com/albums/l506/Kagare/My%20Anime%20List%20-%20DONT%20MOVE/gatcha2profile/GatchamanBottomR_zpsd85a5f5d.png if you're still seeing the pic there, you need to refresh your cache. You should upload the images to Imgur instead If you read the top thing, youd see I say to reupload the pics by changing their names on your computer without the 20% and from your desktop. But I don't think this is the issue here. You should just upload them from Imgur. |
Jun 11, 2014 5:39 PM
#2012
Watashii said: When I got online today I noticed that a lot of the parts of my list suddenly disappeared, and I'm not exactly sure why or how to fix it. For the most part a lot of it is the Square Layout you can find on here, but what happened to me doesn't seem to have affected any other people with that same layout. Particularly it's the missing grey banner behind "Watching, Completed, etc", the missing boxes around all of the icons and such, and when you hover over the covers it shouldn't be a white background but just a faded out grey version of the cover. Could I get some help? Um, it's been two days and I'm still having this issue. Could someone help? |
Jun 11, 2014 11:07 PM
#2013
Shishio-kun said: AboveAllSanity said: Shishio-kun said: AboveAllSanity said: So the whole custom profile thing is out of whack, my was working just fine but then I made a new one and now all that shows up on my profile is the code. And it's not the new code because I put the old one that was working back in and it did the same thing.. Did they change it so we can't do this anymore? (Like did they turn the ability to put pictures there off?) Maybe its the top thing http://myanimelist.net/forum/?topicid=731665&show=0#post1 try to take the 20% and % out of your codes, or post the non-working and working codes so we can discern an issue. Otherwise other images work fine from what I see. I tried deleting the %'s and stuff but that just broke the photos (if you see my profile.) I'll give you both my old profile and my new profile, if you can fix one or the other, or even both (please) that'd be fantastic, or if you can tell me how to fix it. Thanks~ If you can only fix one/tell me how to fix one, I'd prefer my old profile.. And I'll also look into that top thing Edit: I think it is the top thing, so I'll have to edit the names of the folders on my photobucket so they don't have spaces, and I think the photos broke because I changed the folder names without that folder exsisting, so I'll just have to redo/reupload everything and that should fix it, thanks! lol ignore this post, unless I come back and say the redo didn't work~~. The images aren't there at the links you're using anymore. Even the old ones don't work, http://i1121.photobucket.com/albums/l506/Kagare/My%20Anime%20List%20-%20DONT%20MOVE/gatcha2profile/GatchamanBottomR_zpsd85a5f5d.png if you're still seeing the pic there, you need to refresh your cache. You should upload the images to Imgur instead If you read the top thing, youd see I say to reupload the pics by changing their names on your computer without the 20% and from your desktop. But I don't think this is the issue here. You should just upload them from Imgur. I figured it out! I just had to delete the spaces in names of photos and folders in photobucket, my profile is back up and running. Thank you for your help. (: |
Jun 12, 2014 12:19 AM
#2014
Hello there! What is the basic code/element for displaying recent updates in your MAL list? I once saw a theme with it but the person who made is no longer releasing the code. ; w ; Thanks in advance. |
Jun 12, 2014 4:28 PM
#2015
im having problems with this code tr:hover [class^=td] { background-color: background-color: rgba(0, 100, 255, 0.2) !important; } its not working on my end so any help? i got that code from this tutorial http://myanimelist.net/forum/?topicid=565111 |
Jun 12, 2014 4:49 PM
#2016
j0x said: im having problems with this code tr:hover [class^=td] { background-color: background-color: rgba(0, 100, 255, 0.2) !important; } its not working on my end so any help? i got that code from this tutorial http://myanimelist.net/forum/?topicid=565111 You added background color: twice unlike the codes in the tutorial which use it once |
Jun 12, 2014 5:01 PM
#2017
0988 said: Hello there! What is the basic code/element for displaying recent updates in your MAL list? I once saw a theme with it but the person who made is no longer releasing the code. ; w ; Thanks in advance. That was originally part of Drize's layout AKA Moronicidiot, I think he used a PHP script or something, and he doesn't come on MAL anymore. Maybe someone could rewrite it. What did the layout you last saw it on look like? Maybe it can be ripped from someone who has it now. |
Jun 13, 2014 3:59 PM
#2018
Shishio-kun said: j0x said: im having problems with this code tr:hover [class^=td] { background-color: background-color: rgba(0, 100, 255, 0.2) !important; } its not working on my end so any help? i got that code from this tutorial http://myanimelist.net/forum/?topicid=565111 You added background color: twice unlike the codes in the tutorial which use it once damn im blind lol, thanks a lot Shishio-kun it worked now |
Jun 13, 2014 6:12 PM
#2019
Hello, is there an appropriate thread for posting vector images that we've made? |
Jun 14, 2014 2:10 AM
#2020
Shishio-kun said: 0988 said: Hello there! What is the basic code/element for displaying recent updates in your MAL list? I once saw a theme with it but the person who made is no longer releasing the code. ; w ; Thanks in advance. That was originally part of Drize's layout AKA Moronicidiot, I think he used a PHP script or something, and he doesn't come on MAL anymore. Maybe someone could rewrite it. What did the layout you last saw it on look like? Maybe it can be ripped from someone who has it now. I looked around and I found the theme I mentioned. It's a theme Rukayex made but her profile says she's no longer releasing it... Screen: http://i.imgur.com/DB0NSfd.png This one. I'm not sure I can even ask her since the theme itself is only released by request, so I thought maybe someone here would know how to add that feature. @_@ |
Jun 14, 2014 10:48 AM
#2021
PGit said: Hello, is there an appropriate thread for posting vector images that we've made? Show off designs http://myanimelist.net/forum/?topicid=318547&show=800 or Request a render topic if its a render, would be great since its kinda our only source for renders here http://myanimelist.net/forum/?topicid=400287 |
Jun 14, 2014 11:07 AM
#2022
0988 said: I looked around and I found the theme I mentioned. Screen: http://i.imgur.com/DB0NSfd.png This one. I'm not sure I can even ask her since the theme itself is only released by request, so I thought maybe someone here would know how to add that feature. @_@ Its not even available for request according to her list of layouts, and yeah shes asked that ppl not ask her for requests. Probably should respect her privacy and not message her about it. But notice, thats the only theme of hers that has that particular feature. She "closed" the code for it way back and never used that feature again. imo she closed the code for it because she was using part of Drize/MI's code I mentioned earlier, and when he closed his site he was hosting the code on, she was no longer able to do this and moved on to another layout and never used the feature again. I've seen similar things happen before. I've asked Drize for the script he used, if he logs on sometime soon he might give it to me so I can pass it along to this group somehow. |
Jun 14, 2014 2:43 PM
#2023
Yeah, that's why I didn't wanna pester her about it. Thank you so much for asking Drize, hopefully it works out! It's a really neat feature I think, so I hope we'll be able to see it / put it in more themes soon. *A*; Thank you again for all the help and the timely replies. ⥠|
Jun 18, 2014 5:44 PM
#2024
Hi! I have added cover photos and tags/mini reviews to a standard anime list. There is, however, a few things I would like to improve/fix. I have tried to look for help in the existing topics, but I am unsure where to begin. I would really appreciate if anyone could help, or point me in the right decision. See my animelist http://myanimelist.net/animelist/slimchance. The code is in the spoiler tag below. Q1 - If i hover a title row (#, Anime Title, Score...), a column named "Tags" appears, and disorts the headers. How do i remove this? (For some reason the header bar under "Watching" seems fine..??? :/ ) Q2 If i hover a non-title row, a small, white column appears where the tag column used to be. How do i remove this? Q3 I would love to be able to edit tags from within my list like before. This could be done in one of two ways: a) Make the picture/tag boxes linger for a while, so that i can click the "edit" box before they disappear or b) have an edit tag link in the row of the anime. Could any of you css geniuses help with one of these ? Q4 - Is it at all possible to have a new column that shows the MAL score of the respective anime ? Again - I really appreciate any effort you put into helping me :) @import "https://dl.dropboxusercontent.com/u/78340470/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; /* // Self-explanatory */ BODY { color: #000000; font-size: 11.00px; font-family: Verdana, Arial; background-color: #FFFFFF; } /* // Determines the positioning of your list */ #list_surround { margin: 0 3%; width: 67%; } /* // 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 { color: #000000; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #ABABAB; padding: 2px; background-color: #FFFFFF; } /* // Alternating row color 2 */ .td2 { color: #000000; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #ABABAB; padding: 2px; background-color: #F1F1F1; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color: #000000; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #ABABAB; background-color: #E7F1F7; padding: 2px; } /* // headerLink represents the color of the links inside the_header */ .table_headerLink { color: ; } .table_headerLink:Visited { color: ; } .table_headerLink:Hover { color: ; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: 1px 1px 1px 1px; border-color: #ABABAB; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } /* Which 'status' up top is selected? */ .status_selected { color: #000000; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #ABABAB; padding: 2px; background-color: #FFFFFF; } .status_not_selected { color: #000000; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #ABABAB; padding: 2px; background-color: #F1F1F1; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { font-size: 14px; font-weight: bold; } .category_totals { } #grand_totals { text-align: center; } /* header_al is thesurrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 16px; } /* header_al_links is thewith your "Profile" and "MyAnimeList home" links */ .header_al_links { } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: bold; } /* 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; margin: 0 auto; width: 920px; } /* COVER AREA The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover). Move the actual section by changing the numbers after the top and left codes. Resize the pic with the px amount after background-size:. It will resize the actual cover pic! Adjust the surrounding colored area with the px amounts after padding. Height and width can do this too. Change the position of the cover pic with the % amounts after background-position. Its by default set to be 50% to the left (centered horizontally) and 50% from the top (centered vertically). Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. Increase height and width to make the pics bigger. Delete border-style: solid; to remove the border. For changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ :hover + .hide { background-color: rgba(241, 241, 241, 0.75); border-color: rgb(81,129,159); border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1.5 px; display: block !important; height: 350px; left: 73%; position: fixed; top: 80px; width: 270px; background-position: 0px 0px !important; background-repeat: no-repeat !important; background-size: cover; !important; } } /* PREVIEW MSG ABOVE COVERS Remove content: "preview"; to remove the PREVIEW text. Change the text in quotations after content to what you want it to say above your cover pic. Top and width controls the position of the text. */ .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: 10px; width: 262px; } /* TAGS AREA Move the area around with the left and top codes. Adjust the surrounding area of the tags by adjusting the padding. Control the height and width of the section with the height and width codes. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial: http://myanimelist.net/forum/?topicid=563993&show=0#post1 */ /* X */ .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(241, 241, 241, 0.75) !important; border-color: rgb(81,129,159); border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1.5 px; display: none; height: 150px; width: 250px; padding: 10px 10px 10px 10px; position: fixed; top: 460px; left: 73%; z-index: 1; } /* HEADER Deletes the header Tags which isn't necessary. */ .table_header:nth-of-type(6) { width:0px; display: none; } /* TAG EDIT BUTTON Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags. */ td:nth-of-type(6)a { display: none !important; } |
Jun 20, 2014 1:09 PM
#2025
slimchance said: Hi! I have added cover photos and tags/mini reviews to a standard anime list. There is, however, a few things I would like to improve/fix. I have tried to look for help in the existing topics, but I am unsure where to begin. I would really appreciate if anyone could help, or point me in the right decision. See my animelist http://myanimelist.net/animelist/slimchance. The code is in the spoiler tag below. Q1 - If i hover a title row (#, Anime Title, Score...), a column named "Tags" appears, and disorts the headers. How do i remove this? (For some reason the header bar under "Watching" seems fine..??? :/ ) Q2 If i hover a non-title row, a small, white column appears where the tag column used to be. How do i remove this? Q3 I would love to be able to edit tags from within my list like before. This could be done in one of two ways: a) Make the picture/tag boxes linger for a while, so that i can click the "edit" box before they disappear or b) have an edit tag link in the row of the anime. Could any of you css geniuses help with one of these ? Q4 - Is it at all possible to have a new column that shows the MAL score of the respective anime ? Again - I really appreciate any effort you put into helping me :) Ad Q1 Selectors in CSSforFoxgirls aren't specific enough. Add !important to your display:none; in .table_header:nth-of-type(6) Ad Q2 I don't really see it but it's probably related to Q1. Ad Q3 But you have an edit link in your rows, or are you talking about something else? Sorry, I've never used tags myself, so I don't understand how it should work. Ad Q4 Well, I wouldn't say it's impossible as I'm using additional columns, but the method is so imperfect that I advise against it. At least until someone creates a database of scores searchable by animelist. |
Jun 20, 2014 2:35 PM
#2026
I'm not sure if this was asked before but does anyone know how to add star ratings? Like I remember seeing this one list that could rate with both the 1-10 scale and 1-5 star scale for enjoyment, does anyone know what I'm talking about? |
Jun 24, 2014 8:45 AM
#2027
I'm having problems with the border as shown below. I can't make all the borders black even though I've changed their color in the CSS. Please help, thank you. :) Here's the CSS Code of my list. @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css"; body { background-attachment: fixed; background-image: url("http://i62.tinypic.com/n1f22h.png") !important; background-position: 0 0; background-repeat: no-repeat no-repeat; background-size: cover; color: #FFFFFF; font-family: Century Gothic; font-size: 12px; } #list_surround { left: 10%; margin: auto; position: absolute; width: 550px; } .td1, .td2 { padding: 3px; } .animetitle + small { color: black!important; } .animetitle + small:before { } null { } td:nth-of-type(2) small { color: black; font-size: 10px; padding-right: 10px; } td:nth-of-type(2) small a { color: #F0304F; } .td1:nth-of-type(1), .td2:nth-of-type(1) { background-color: rgba(0, 0, 0, 0.5); border-left-style: solid !important; border-left-width: 2px !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { background-color: rgba(0, 0, 0, 0.5); border-right-style: solid; border-right-width: 2px; } .td1:nth-of-type(4), .td2:nth-of-type(4), td.table_header:nth-of-type(4) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); padding-right: 7px; } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(2), .td2:nth-of-type(2) { background-color: rgba(0, 0, 0, 0.5); } a, a:visited { color: #FFFFFF; text-decoration: initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #A17A59; } .table_header { background-color: rgba(0, 0, 0, 0.5); font-size: 10px; padding: 2px; } td.table_header:nth-of-type(1) { border-bottom-right-radius: 0; border-left: 2px solid black !important; border-top: 2px solid black !important; border-top-left-radius: 10px; border-top-right-radius: 0; } td.table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-right: 2px solid black !important; border-top: 2px solid black !important; border-top-left-radius: 0; border-top-right-radius: 10px; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4) { border-top: 2px solid black !important; } .category_totals { background-color: rgba(0, 0, 0, 0.5); border-bottom-style: solid; border-bottom-width: 2px; border-left: 2px solid black !important; border-radius: 0 0 10px 10px; border-right: 2px solid black ; font-size: 10px; padding: 2px 2px 2px 40px; } .borderRBL { border-left-style: solid !important; border-left-width: 2px !important; border-right: 2px solid black !important; color: #2030F0 !important; font-size: 11px; padding-left: 39px; } .borderRBL a, .borderRBL a:visited { color: #F0304F !important; text-decoration: initial; } .borderRBL a:hover { color: #F0304F !important; } #copyright { border-radius: 8px 8px 8px 8px; color: #000000; font-size: 11px; margin-bottom: 70px; padding: 2px; position: relative !important; text-align: center !important; top: 10px; width: 650px; } #copyright:after { border-radius: 8px 8px 8px 8px; color: #000000 !important; content: "List Design By Ushioo, Edited By TheHolyPotato" !important; left: -3px; position: absolute !important; top: 40px !important; width: 650px !important; } #copyright a { color: #000000; } #grand_totals { display: none; } td:nth-of-type(2) small a { display: none; } td:nth-of-type(2) small { color: transparent; } [class^="header_"] * { font-size: 0; height: 10px; line-height: 24px; padding-bottom: 4px; text-align: left; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #000000; display: inline-block; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .header_cw { background-color: transparent; background-image: url("http://i59.tinypic.com/hrym4i.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_completed { background-color: transparent; background-image: url("http://i58.tinypic.com/xd7alw.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_onhold { background-color: transparent; background-image: url("http://i60.tinypic.com/28he681.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_dropped { background-color: transparent; background-image: url("http://i61.tinypic.com/2j2yykx.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_ptw { background-color: transparent; background-image: url("http://i58.tinypic.com/2qkigs6.jpg"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 45px; margin-bottom: 0; } .header_title { background-color: transparent !important; color: transparent; } #copyright { border-width: 2px; border-color: black ; border-style: solid; width: 542px; padding-bottom: 47px; background-color: rgba(1,1,1,.5); } #copyright, #copyright a, #copyright:after { color: white !important; } border-radius: 25px 25px 25px 25px; border-style: solid !important; border-width: 1px; border-color: black; } |
Jun 24, 2014 11:56 AM
#2028
Adelia23 said: I'm having problems with the border as shown below. I can't make all the borders black even though I've changed their color in the CSS. Please help, thank you. :) You've changed only some of it. Add border-color:#000; to .td1,.td2 and to .category_totals. |
Jun 24, 2014 12:30 PM
#2029
I added it exactly under it but only the bottom border changed, not the left and right border. >.< (I'm planning to share this (even though i'm not really good at making layouts, mainly with codes) so others can use it as well. That's why i'm trying hard to reedit a layout I copied into something more better, i'm just not good at reading instructions listed at the tutorials. XD) |
Jun 25, 2014 3:08 AM
#2030
Adelia23 said: I added it exactly under it but only the bottom border changed, not the left and right border. >.< (I'm planning to share this (even though i'm not really good at making layouts, mainly with codes) so others can use it as well. That's why i'm trying hard to reedit a layout I copied into something more better, i'm just not good at reading instructions listed at the tutorials. XD) Here's how your code should look like after the edits: @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css"; body { background-attachment: fixed; background-image: url("http://i62.tinypic.com/n1f22h.png") !important; background-position: 0 0; background-repeat: no-repeat no-repeat; background-size: cover; color: #FFFFFF; font-family: Century Gothic; font-size: 12px; } #list_surround { left: 10%; margin: auto; position: absolute; width: 550px; } .td1, .td2 { padding: 3px; border-color:#000; } .animetitle + small { color: black!important; } .animetitle + small:before { } null { } td:nth-of-type(2) small { color: black; font-size: 10px; padding-right: 10px; } td:nth-of-type(2) small a { color: #F0304F; } .td1:nth-of-type(1), .td2:nth-of-type(1) { background-color: rgba(0, 0, 0, 0.5); border-left-style: solid !important; border-left-width: 2px !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { background-color: rgba(0, 0, 0, 0.5); border-right-style: solid; border-right-width: 2px; } .td1:nth-of-type(4), .td2:nth-of-type(4), td.table_header:nth-of-type(4) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); padding-right: 7px; } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(2), .td2:nth-of-type(2) { background-color: rgba(0, 0, 0, 0.5); } a, a:visited { color: #FFFFFF; text-decoration: initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #A17A59; } .table_header { background-color: rgba(0, 0, 0, 0.5); font-size: 10px; padding: 2px; } td.table_header:nth-of-type(1) { border-bottom-right-radius: 0; border-left: 2px solid black !important; border-top: 2px solid black !important; border-top-left-radius: 10px; border-top-right-radius: 0; } td.table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-right: 2px solid black !important; border-top: 2px solid black !important; border-top-left-radius: 0; border-top-right-radius: 10px; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4) { border-top: 2px solid black !important; } .category_totals { background-color: rgba(0, 0, 0, 0.5); border-bottom-style: solid; border-bottom-width: 2px; border-left: 2px solid black !important; border-radius: 0 0 10px 10px; border-right: 2px solid black ; font-size: 10px; padding: 2px 2px 2px 40px; border-color:#000; } .borderRBL { border-left-style: solid !important; border-left-width: 2px !important; border-right: 2px solid black !important; color: #2030F0 !important; font-size: 11px; padding-left: 39px; } .borderRBL a, .borderRBL a:visited { color: #F0304F !important; text-decoration: initial; } .borderRBL a:hover { color: #F0304F !important; } #copyright { border-radius: 8px 8px 8px 8px; color: #000000; font-size: 11px; margin-bottom: 70px; padding: 2px; position: relative !important; text-align: center !important; top: 10px; width: 650px; } #copyright:after { border-radius: 8px 8px 8px 8px; color: #000000 !important; content: "List Design By Ushioo, Edited By TheHolyPotato" !important; left: -3px; position: absolute !important; top: 40px !important; width: 650px !important; } #copyright a { color: #000000; } #grand_totals { display: none; } td:nth-of-type(2) small a { display: none; } td:nth-of-type(2) small { color: transparent; } [class^="header_"] * { font-size: 0; height: 10px; line-height: 24px; padding-bottom: 4px; text-align: left; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #000000; display: inline-block; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .header_cw { background-color: transparent; background-image: url("http://i59.tinypic.com/hrym4i.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_completed { background-color: transparent; background-image: url("http://i58.tinypic.com/xd7alw.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_onhold { background-color: transparent; background-image: url("http://i60.tinypic.com/28he681.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_dropped { background-color: transparent; background-image: url("http://i61.tinypic.com/2j2yykx.png"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; } .header_ptw { background-color: transparent; background-image: url("http://i58.tinypic.com/2qkigs6.jpg"); background-position: left 0; background-repeat: no-repeat no-repeat; height: 45px; margin-bottom: 0; } .header_title { background-color: transparent !important; color: transparent; } #copyright { border-width: 2px; border-color: black ; border-style: solid; width: 542px; padding-bottom: 47px; background-color: rgba(1,1,1,.5); } #copyright, #copyright a, #copyright:after { color: white !important; } border-radius: 25px 25px 25px 25px; border-style: solid !important; border-width: 1px; border-color: black; } |
Jun 25, 2014 10:30 AM
#2031
Oh thank you! It worked and I also get to learn something. Thank you so much! ^ ^ |
Jun 26, 2014 12:40 PM
#2032
Hello, I'm about to change my images on my list. What is the standard size for the background image for full screen view? I know how to customize and manipulate the CSS, Also I cannot contact the person who made this list for me, I've already forgot what is his ID, is it okay to change the images without his/her concent? But I am still aware about his/her copyrights and I always acknowledge that the code belongs to him/her. Thank you and looking forward to your kind response. Kind regards, Avi |
私はあなたを愛して。 29915250 It takes one step backward, and two steps forward. *Avi |
Jun 27, 2014 2:19 PM
#2033
AviJii said: Hello, I'm about to change my images on my list. What is the standard size for the background image for full screen view? I know how to customize and manipulate the CSS, Also I cannot contact the person who made this list for me, I've already forgot what is his ID, is it okay to change the images without his/her concent? But I am still aware about his/her copyrights and I always acknowledge that the code belongs to him/her. Thank you and looking forward to your kind response. Kind regards, Avi http://myanimelist.net/forum/?topicid=1099375&show=0#msg29291061 It was HolyPotato who made it, but generally you should use the club topics or ask here before asking layout makers questions. Not speaking for HP but some designers don't like having their inbox/profile filled with questions that can be asked in club first There is no standard size because all screens are different. Just use a wallpaper that is the size of your largest screen. Then use background-size: cover or contain to fit it to all other screens automatically. http://myanimelist.net/forum/?topicid=419677 You can change whatever images you want in any layout when its been posted here. |
Jun 27, 2014 11:17 PM
#2034
Hey! So I'm using one of Hahaido's themes (guilty crown one), and some of the anime covers won't appear, for example Noragami. I suppose it's because it's a "recent" one and I've read some tutorials here but I've messed up so many themes already trying to change them (cough I fail ;_;). I was wondering if only adding "@import "https://dl.dropboxusercontent.com/u/78340470/anime.css";" will solve my problem. Thanks in advance! |
Jun 28, 2014 11:28 AM
#2037
Shishio-kun said: http://myanimelist.net/forum/?topicid=1099375&show=0#msg29291061 It was HolyPotato who made it, but generally you should use the club topics or ask here before asking layout makers questions. Not speaking for HP but some designers don't like having their inbox/profile filled with questions that can be asked in club first There is no standard size because all screens are different. Just use a wallpaper that is the size of your largest screen. Then use background-size: cover or contain to fit it to all other screens automatically. http://myanimelist.net/forum/?topicid=419677 You can change whatever images you want in any layout when its been posted here. Thank you very much for letting me know about it. Have a great day :) |
私はあなたを愛して。 29915250 It takes one step backward, and two steps forward. *Avi |
Jun 29, 2014 12:49 AM
#2038
Hello, I used your tutorial to make a very simple page just to try out making a custom page and everything worked very well. Ive never done anything like this before but your template for the code was very easy to follow so I was able to figure everything out so far.... except for one thing. I cant figure out how to get rid of the black box that appears around everything when my cursor is on it or in some cases near it. Its easiest to see if you hover over edit under tags with the mouse. No matter what I change I cant seem to get rid of it. Ive looked through all the tutorials and searched for several hours on google as well, but to no avail. Most likely Im just not recognizing what it's called and so I dont know Im looking at the answer, but I haven't seen any other posts asking about this either. I would really appreciate it if you could tell me how to get rid of it. Im assuming I have to change something to transparent. Thank you for your time :) |
Jun 29, 2014 8:53 AM
#2039
helpmeiamonfire said: Hello, I used your tutorial to make a very simple page just to try out making a custom page and everything worked very well. Ive never done anything like this before but your template for the code was very easy to follow so I was able to figure everything out so far.... except for one thing. I cant figure out how to get rid of the black box that appears around everything when my cursor is on it or in some cases near it. Its easiest to see if you hover over edit under tags with the mouse. No matter what I change I cant seem to get rid of it. Ive looked through all the tutorials and searched for several hours on google as well, but to no avail. Most likely Im just not recognizing what it's called and so I dont know Im looking at the answer, but I haven't seen any other posts asking about this either. I would really appreciate it if you could tell me how to get rid of it. Im assuming I have to change something to transparent. Thank you for your time :) Line 143, in .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER delete background-color:black; Nice to see some new people making their own layouts. |
Jun 30, 2014 1:12 AM
#2040
Tyvm. I appreciate the quick helpful response. It worked nicely ^_^ |
Jun 30, 2014 7:26 AM
#2041
Hello, i found a pre made layout which i like, after i insert everything ccs code everything seems to work fine but the background wallpaper is missing i checked the file seems like wallpaper file is okey, so can you check and see if there is any problem? [spoiler]random crap here [@import " http://dl.dropboxusercontent.com/u/47426858/Yt/Animotion.css "; body:before { background-image: url("http://linktoyourbackground.com/background.jpg"); */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i47.tinypic.com/1zxtmp2.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1200px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1200px !important; z-index:-1 !important; } #list_surround { background-color:transparent; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:0px; position:absolute; right:70px !important; width:800px; margin-top:-50px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i45.tinypic.com/1ftxza.png); background-position:100% 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:50px; padding:0; position:fixed; top:30px; width:350px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i49.tinypic.com/2pqvu2u.png); background-position:100% 0; top:130px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i49.tinypic.com/vgt2w.png); background-position:0 0; top:230px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i46.tinypic.com/fc8aqg.png); background-position:100% 0; top:330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i50.tinypic.com/wvnwo7.png); background-position:0 0; top:430px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i50.tinypic.com/14uz8d3.png); background-position:100% 0; top:530px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:80px; width:350px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; }] @import " http://dl.dropboxusercontent.com/u/47426858/Yt/Animotion.css "; body:before { background-image: url("http://linktoyourbackground.com/background.jpg"); */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i47.tinypic.com/1zxtmp2.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1200px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1200px !important; z-index:-1 !important; } #list_surround { background-color:transparent; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:0px; position:absolute; right:70px !important; width:800px; margin-top:-50px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i45.tinypic.com/1ftxza.png); background-position:100% 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:50px; padding:0; position:fixed; top:30px; width:350px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i49.tinypic.com/2pqvu2u.png); background-position:100% 0; top:130px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i49.tinypic.com/vgt2w.png); background-position:0 0; top:230px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i46.tinypic.com/fc8aqg.png); background-position:100% 0; top:330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i50.tinypic.com/wvnwo7.png); background-position:0 0; top:430px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i50.tinypic.com/14uz8d3.png); background-position:100% 0; top:530px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:80px; width:350px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } |
Jun 30, 2014 10:04 AM
#2042
andriux009 said: Hello, i found a pre made layout which i like, after i insert everything ccs code everything seems to work fine but the background wallpaper is missing i checked the file seems like wallpaper file is okey, so can you check and see if there is any problem? delete this (line 3) */ |
Jul 1, 2014 5:10 AM
#2043
Hi there, I have a few questions that I'm hoping you guys and gals can help me out with. 1. So I made my own list before I knew I could use CSS on MAL, and I like the images I used on my site. I know how to change them here with CSS but my question is, is there a way to see what each number means for each anime? Here is a picture 2. On my site I have it when I click on an anime, it plays a video file I have saved on my server. I know I don't have as much control on MAL, but since I was making images pop up from my CSS, I was wondering before I tried if it was possible to make my videos I have stored on my server pop up instead on the DVD images? Question 1 is far more important than 2 though. Many thanks! |
Jul 1, 2014 7:34 AM
#2044
codyrapol said: Hi there, I have a few questions that I'm hoping you guys and gals can help me out with. 1. So I made my own list before I knew I could use CSS on MAL, and I like the images I used on my site. I know how to change them here with CSS but my question is, is there a way to see what each number means for each anime? Here is a picture 2. On my site I have it when I click on an anime, it plays a video file I have saved on my server. I know I don't have as much control on MAL, but since I was making images pop up from my CSS, I was wondering before I tried if it was possible to make my videos I have stored on my server pop up instead on the DVD images? Question 1 is far more important than 2 though. Many thanks! Q1 the easiest way to get a list of ids with corresponding titles (http://i.imgur.com/2w87dET.png) would be to export your list to xml http://myanimelist.net/panel.php?go=export Q2 Most probably not possible, you'd need to add new content to your list. The most similar thing I know of is adding a youtube bbcode through anime comments, but that won't work for other videos. |
Jul 1, 2014 8:26 AM
#2045
dzikibambus said: codyrapol said: Hi there, I have a few questions that I'm hoping you guys and gals can help me out with. 1. So I made my own list before I knew I could use CSS on MAL, and I like the images I used on my site. I know how to change them here with CSS but my question is, is there a way to see what each number means for each anime? Here is a picture 2. On my site I have it when I click on an anime, it plays a video file I have saved on my server. I know I don't have as much control on MAL, but since I was making images pop up from my CSS, I was wondering before I tried if it was possible to make my videos I have stored on my server pop up instead on the DVD images? Question 1 is far more important than 2 though. Many thanks! Q1 the easiest way to get a list of ids with corresponding titles (http://i.imgur.com/2w87dET.png) would be to export your list to xml http://myanimelist.net/panel.php?go=export Q2 Most probably not possible, you'd need to add new content to your list. The most similar thing I know of is adding a youtube bbcode through anime comments, but that won't work for other videos. Many thanks! |
Jul 1, 2014 10:58 AM
#2046
One more question, before I start uploading high quality covers and changing the URL's in the css file I made for my anime, does anyone know of a list that gets updated that has higher resolution than the standard one that is provided in the tutorials when adding covers to your list? Standard one fore #more @import "https://dl.dropboxusercontent.com/u/78340470/anime.css"; |
Jul 2, 2014 2:38 PM
#2047
Ok, i give up. I've tried everything i can to delete this table, but with no result. How do I do this? The code is here : http://dl.dropboxusercontent.com/u/47426858/Nouveau%20dossier/Test.css |
I speak the google translate English so please excuse me. |
Jul 2, 2014 2:57 PM
#2048
I'm working on my new design and I'm not quite sure if panel on the left looks allright to everyone else except me (especially "You are viewing..." section, I can't test it). Would be great if someone posts their screenshot of it. http://myanimelist.net/animelist/Inevitabilis How it looks to me: |
InevitabilisJul 3, 2014 6:56 AM
Jul 3, 2014 9:39 AM
#2049
codyrapol said: One more question, before I start uploading high quality covers and changing the URL's in the css file I made for my anime, does anyone know of a list that gets updated that has higher resolution than the standard one that is provided in the tutorials when adding covers to your list? I don't think anyone has a list with higher resolutions. DaxHim said: Ok, i give up. I've tried everything i can to delete this table, but with no result. How do I do this?s OMG how I hate this little table, why couldn't they add a class to it? I had a lot of problems with it, in the end I've just hidden it under another object. It's probably impossible to remove it since it's exactly the same as anime tables. Inevitabilis said: I'm working on my new design and I'm not quite sure if panel on the left looks allright to everyone else except me (especially "You are viewing..." section, I can't test it). Would be great if someone posts their screenshot of it. http://i.imgur.com/exwvUs9.png Well it doesn't look as it should. When I was working on this part I used someone else's list and edited it with firebug. I feel bad for not giving a single positive answer. |
Jul 3, 2014 9:45 AM
#2050
dzikibambus said: Well it doesn't look as it should. When I was working on this part I used someone else's list and edited it with firebug. Oh, that was really stupid of me not to try this method. Thank you. |
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
5 hours ago |
|
» 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 |