precious said: Damn, now I have a problem. What if the image exceeds 200px (mine is now 374 in height if I remember correctly)... I tried changing it to 374 but it doesn't work (the space is still 200px in height so the picture goes over my list T-T) *sigh* I suck (this is how it looks like for me now: https://dl.dropbox.com/s/fxgbj6iw83x7ofz/Screenshot%202013-11-13%2023.26.46.png) Those images won't ever be deleted cuz they're part of other layouts. To get your images right u have to change the positioning: Under .status_selected:after find the background position line and change it to this background-position: center top; Edit: Oh add the background-size: contain; under the background image code (if the background image is larger than the gap) for example: This is the code under ALL. If its coded this way, the giant sword girl would be resized down to the gap .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected:after { background-image: url("http://i43.tinypic.com/acaa79.jpg"); background-size: contain; } |
Shishio-kunNov 13, 2013 2:57 PM
| It doesn't work:( at least not with the first image... it still looks like this: https://dl.dropbox.com/s/aqc9dm34kth8zvj/Screenshot%202013-11-14%2000.00.57.png the thing is I want to increase the height of the header so I could put a bigger image in it... sorry if I'm troubling you T-T |
precious said: It doesn't work:( at least not with the first image... it still looks like this: https://dl.dropbox.com/s/aqc9dm34kth8zvj/Screenshot%202013-11-14%2000.00.57.png the thing is I want to increase the height of the header so I could put a bigger image in it... sorry if I'm troubling you T-T You increased the height, these codes weren't intended for that. I think what you mean by bigger header is a bigger gap between the links and top of the page, just add this to the bottom div#list_surround{ padding-top:360px !Important;} You also don't need background-size: contain; for the "couple" image, that code is only for resizing a huge image down to size. nah its ok lol |
| PERFECT! it is working :D you are my savior http://24.media.tumblr.com/374dc3600b490ef16b90dfd4accc962a/tumblr_mtt5vzBT8S1rbnx7io1_500.gif (damn bbcodes not working) |
| yeah, good job ask back if you need anything else |
| Hi Shishio-kun! I have a few questions that I hope you might be able to answer. :3 First of, would it be possible to have the categories bar in my list scrolling only until the top bar is out of the screen, and there after be fixed? If that would be possible, would it also be possible to have the list fade away just before going behind the categories bar? Regardless of the earlier answers, is it possible to put links in the copyright section? Thankful for any help I can get :D |
         |
oiomi said: Hi Shishio-kun! I have a few questions that I hope you might be able to answer. :3 First of, would it be possible to have the categories bar in my list scrolling only until the top bar is out of the screen, and there after be fixed? If that would be possible, would it also be possible to have the list fade away just before going behind the categories bar? Regardless of the earlier answers, is it possible to put links in the copyright section? Thankful for any help I can get :D On the first thing: as far as I know there isn't a code to make a single thing scroll for a certain distance then fix in place after that. If there is a code now that would be the easiest and best way to do that. Otherwise, the only way atm I could think to do that would be complex and require an expert to take time to code it: On the second thing you could have another selector's background behind the fixed links that has more z-index than the list and has a background that matches the main background (white in this case). That way when the list scrolls up it gets obscured behind the image. If it has a white fade effect that works even better. This is similar to what we do here in the second half of this topic: http://myanimelist.net/forum/?topicid=393581 On the last thing: when you customize the copyright section you always have to follow the site's rules on not obscuring or misrepresenting it first, that said, you could just reposition links already present on the page into wherever you want on the page. If there's a certain link you want to move just tell us what it is and its easy to give the codes to move it around wherever. But you probably want to put personalized links in the category section. Customized linking on lists has always been really limited, but what you could do is use the BBcode in your anime and manga entry's comments (thats how I get the youtube players on my list) and then reposition those links where you want. imo it wouldn't be worth it tho, since you'd have to recode it everytime you add entries cuz it changes the length of the page. For example of this, if you had the comments in title Bleach with a URL link this would be the code to control and move them, at least on my list (must be imported too). div#more269.hide table tbody tr td.td1 a{ position: absolute !important; background: red !important; font-size: 10px !important; left: 100px !important; top: 290px !important; } Sorry those answers aren't simple or easy to do but they're things no one does for a reason. Tho maybe someone else has better solutions for you thats the good thing about having more ppl who are knowledgeable. |
Shishio-kunNov 14, 2013 3:10 PM
| Is there a limit to the amount of tags you can have or some sort of character limit? I noticed that these tags 10.0, ║G»», fantasy, action, adventure, mystery, comedy, drama, superpower, ║P»», TS, continuity, zombies, samurais, pirates, mermaids, androids, giants, ║C»», MM, TM, AM, group, ║S»», fantasy(s), sea, ║W/F»», handtohand, sword, spear, mecha, guns, unconventional, elemental gets turned to this after saving, you can see the last 4 tags are cut off. 10.0, ║G»», fantasy, action, adventure, mystery, comedy, drama, superpower, ║P»», TS, continuity, zombies, samurais, pirates, mermaids, androids, giants, ║C»», MM, TM, AM, group, ║S»», fantasy(s), sea, ║W/F»», handtohand, sword, spear, It's happened with other entries, it might be more of a character limit because before I added some of those tags, "elemental" was the end and it only cut off the l, no matter how much I added it would be cut off so it looked like elementa. I've seen people with a lot in their tags so I didn't think there was one, maybe it's because of the code I got from here? It looks to cut it off around 230 characters, for this one I checked and after it gets cut off it's 235, another one after adding extra tags and seeing how much it cut off it ended up at 227 IIRC. |
     Short of the day: Monotonous Purgatory(MAL) ✰Public Domain Club | One Piece Club✰ |
IntroverTurtle said: Is there a limit to the amount of tags you can have or some sort of character limit? I noticed that these tags 10.0, ║G»», fantasy, action, adventure, mystery, comedy, drama, superpower, ║P»», TS, continuity, zombies, samurais, pirates, mermaids, androids, giants, ║C»», MM, TM, AM, group, ║S»», fantasy(s), sea, ║W/F»», handtohand, sword, spear, mecha, guns, unconventional, elemental gets turned to this after saving, you can see the last 4 tags are cut off. 10.0, ║G»», fantasy, action, adventure, mystery, comedy, drama, superpower, ║P»», TS, continuity, zombies, samurais, pirates, mermaids, androids, giants, ║C»», MM, TM, AM, group, ║S»», fantasy(s), sea, ║W/F»», handtohand, sword, spear, It's happened with other entries, it might be more of a character limit because before I added some of those tags, "elemental" was the end and it only cut off the l, no matter how much I added it would be cut off so it looked like elementa. I've seen people with a lot in their tags so I didn't think there was one, maybe it's because of the code I got from here? It looks to cut it off around 230 characters, for this one I checked and after it gets cut off it's 235, another one after adding extra tags and seeing how much it cut off it ended up at 227 IIRC. The limit is 255 characters, counting colons and spaces, and You have to have a colon and a space between tags. |
IntroverTurtle said: Is there a limit to the amount of tags you can have or some sort of character limit? I noticed that these tags 10.0, ║G»», fantasy, action, adventure, mystery, comedy, drama, superpower, ║P»», TS, continuity, zombies, samurais, pirates, mermaids, androids, giants, ║C»», MM, TM, AM, group, ║S»», fantasy(s), sea, ║W/F»», handtohand, sword, spear, mecha, guns, unconventional, elemental gets turned to this after saving, you can see the last 4 tags are cut off. 10.0, ║G»», fantasy, action, adventure, mystery, comedy, drama, superpower, ║P»», TS, continuity, zombies, samurais, pirates, mermaids, androids, giants, ║C»», MM, TM, AM, group, ║S»», fantasy(s), sea, ║W/F»», handtohand, sword, spear, It's happened with other entries, it might be more of a character limit because before I added some of those tags, "elemental" was the end and it only cut off the l, no matter how much I added it would be cut off so it looked like elementa. I've seen people with a lot in their tags so I didn't think there was one, maybe it's because of the code I got from here? It looks to cut it off around 230 characters, for this one I checked and after it gets cut off it's 235, another one after adding extra tags and seeing how much it cut off it ended up at 227 IIRC. Ran into the limit when adding mini reviews to our lists; we made this to bypass the limit and extend our mini reviews. It will give you more text but they won't be true tags or links (its a trick sorta). http://myanimelist.net/forum/?topicid=548073&show=0#post1 |
| Than you for the reply! It sure does look complicated, I might try it out when I get the time though :3 anyway thanks for the reply and awesome tutorials :D |
|
dzikibambus said: Thank you very much, I wonder if MAL's character counter doesn't count spaces(because I checked it earlier and it said 235). I guess I'm going to have to shorten everything. And do you mean comma?The limit is 255 characters, counting colons and spaces, and You have to have a colon and a space between tags. Shishio-kun said: Thank you but that doesn't help me since I'm using my tags, as tags. Only certain parts( the things like this ║C»») don't need to be clickable but I'm not willing to add hundreds of pieces of codes to my CSS to make them unclickable.Ran into the limit when adding mini reviews to our lists; we made this to bypass the limit and extend our mini reviews. It will give you more text but they won't be true tags or links (its a trick sorta). http://myanimelist.net/forum/?topicid=548073&show=0#post1 |
Short of the day: Monotonous Purgatory(MAL) ✰Public Domain Club | One Piece Club✰ |
| @introverturtle: Are you using the script that fixes tags so they work as intended? @anyone: my Greasemonkey script to customize the pages on the sides isn't working, this one: http://img21.imageshack.us/img21/511/whm92e.png But the image is still up so I don't see why the script isn't working. Is anyone else having their Greasemonkey script down? |
Shishio-kun said: Yes I am, I am going through my whole list and tagging all parts of the series, genre, setting, characters, weapons, demographic, personal status(like if I own it, etc), etc. So I'm just going to shorten my already existing tags.@introverturtle: Are you using the script that fixes tags so they work as intended? And about your script problem, it's probably connected to MAL. They are changing the site to be able to whitelist images, java or javascript whatever you want to call it that makes buttons on the pages work don't work at times and might continue to do that sometimes until they turn back on img tags. |
Short of the day: Monotonous Purgatory(MAL) ✰Public Domain Club | One Piece Club✰ |
Blackwar_Greymon said: Hey how can I get the Image at the top of my header to fill the whole header instead of just having the same pic twice? To make it fill whole space in the header you might add background-size:cover; but I wouldn't recommend doing that to your picture (because it's too small). Another option is to change your header section to this: /* Header picture */ #inlineContent { background-image: url(http://www.wallpaperhi.com/thumbnails/detail/20111128/Black-Wargreymon.jpg); background-position:center; background-repeat:no-repeat; } Still, it'd be nice to have a wider picture. On a side note I think your background would look better with this: /* Background Image */ body { background-image:url(http://images6.alphacoders.com/332/332414.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; } |
| Hi, is there any way to make the text on the pop-ups black (the background of the pop up is white, so i can't read anything atm) Screenshots: http://i.imgur.com/yxCq8Nl.png http://i.imgur.com/bPV8RMH.png My code: Thanks! |
ViviaanNov 16, 2013 12:27 PM
♦ ♣ ♠ ♥ |
Viviaan said: Hi, is there any way to make the text on the pop-ups black (the background of the pop up is white, so i can't read anything atm) Screenshots: http://i.imgur.com/yxCq8Nl.png http://i.imgur.com/bPV8RMH.png My code: Thanks! add input {color: #000000;} |
kuronekodesu said: add input {color: #000000;} omg, thank you so much! :'D |
♦ ♣ ♠ ♥ |
| Hello fellow CSS stylers, I've come here with a question (and maybe a suggestion for a tutorial). I've been working with the .hide class (the class where you put pictures of your anime titles in your animelist) lately and I want the pictures to lign up horizontally. I mean something like this: http://myanimelist.net/forum/?topicid=459189 For some reason, my .td1 and .td2 width always becomes the same width as #list_surround. That is the main reason why I can't use float:left; on .td1 and .td2, because there is no room for one .td more to the right. Can someone help me to change the width of .td1 and .td2 like I want? Thanks for your effort! |
Maztergyl666Nov 18, 2013 1:32 PM
 |
| Hi again! :D I would like to ask, if it would be possible to move the tags so that they appear when you press the "more" button. Preferably keeping the original "more" content intact. Cheers! :3 |
|
| Hello :), I have a question: I currently have my animelist like this: myanimelist.net/animelist/Exstatic I'd like to make it so that each anime has it's own seperated bordered space with in it: the cover, the anime title, rating, and comments and whatnot I have no idea how exactly to do this, I've been trying to find out for some time now could you help me out here? Kind regards, Exstatic |
Maztergyl666 said: Hello fellow CSS stylers, For some reason, my .td1 and .td2 width always becomes the same width as #list_surround. That is the main reason why I can't use float:left; on .td1 and .td2, because there is no room for one .td more to the right. Can someone help me to change the width of .td1 and .td2 like I want? I use a complex selector for that: #list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) { display: inline-block; height: 320px; /* here the height of the "row"(now a rectangle) */ margin: 11px 0px 11px 11px; position: relative; width: 220px; /* here the width of the "row" */ } And check the Category Menu(Completed, On Hold, etc...) cuz is in the middle of the list for large resolutions: Preview. Apacity said: Hey guys...Trying to find out how to change the font color inside the tags editor. I'm just confused because it appears my title and tag editor is white font, and inside the tag editor, it's white on white. Anyone know how to change the font color inside the text editor? This seems to be the part of my CSS that's controlling both the title of the anime shows/movies and the text editor. The Text Editor class is .inputtext, so with this(change the color for what you want) you can solve that: .inputtext { background: #000000; color: #FFFFFF; } oiomi said: Hi again! :D I would like to ask, if it would be possible to move the tags so that they appear when you press the "more" button. Preferably keeping the original "more" content intact. Cheers! :3 The Tag column can't be placed next to the #more content, cuz the page structure is modified by a JavaScript function and CSS can't modify the structure, only the display of that structure. Exstatic said: I'd like to make it so that each anime has it's own seperated bordered space with in it: the cover, the anime title, rating, and comments and whatnot I have no idea how exactly to do this, I've been trying to find out for some time now I can't understand what you want :/ |
al_exs said: Exstatic said: I'd like to make it so that each anime has it's own seperated bordered space with in it: the cover, the anime title, rating, and comments and whatnot I have no idea how exactly to do this, I've been trying to find out for some time now I can't understand what you want :/ reading it again makes me see how retarded my explanation is, sorry. I think the best way to show you what I mean is with some examples: http://myanimelist.net/animelist/Shishio-kun http://myanimelist.net/animelist/Mightystrikes http://i40.tinypic.com/eqo85s.png these specific parts, I'd like to make something like that, so like a seperate small rectangle for each anime |
| Hi. I need a little help. I wanted to use background-image with multiple images but it's not working on Opera 12.16 (it works on Chrome). It was working fine but suddenly it stopped working a while ago and I haven't changed anything. Now it loads only first image. Am I doing something wrong or its problem with Opera? These are the files where I used this: https://www.dropbox.com/s/3ey4eumetdd3nf0/anime_css.css https://www.dropbox.com/s/mlrbffhmpzdsaca/mal_main.css |
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
Exstatic said: al_exs said: Exstatic said: I'd like to make it so that each anime has it's own seperated bordered space with in it: the cover, the anime title, rating, and comments and whatnot I have no idea how exactly to do this, I've been trying to find out for some time now I can't understand what you want :/ reading it again makes me see how retarded my explanation is, sorry. I think the best way to show you what I mean is with some examples: http://myanimelist.net/animelist/Shishio-kun http://myanimelist.net/animelist/Mightystrikes http://i40.tinypic.com/eqo85s.png these specific parts, I'd like to make something like that, so like a seperate small rectangle for each anime Layouts (like the reviewer's style) are built around this look from the start- its not added into lists afterwards cuz of the instability and mess it makes for many ppl. So I merged your the changes you made to the beginner's layout with the reviewers style CSS and made a couple changes for ease of use. The red part you'll see is the thing you're referring to and is customizable at the bottom of the code (hide:before). You need to replace the red with a suitable color or background, maybe http://img15.imageshack.us/img15/228/frame6518.png Should probably lower the anime title font size too. There was a lot of extra CSS you had which conflicts with this look so I took it out; it wasn't showing on your main list anyways. |
Shishio-kunNov 21, 2013 2:19 PM
mad_cinus said: Hi. I need a little help. I wanted to use background-image with multiple images but it's not working on Opera 12.16 (it works on Chrome). It was working fine but suddenly it stopped working a while ago and I haven't changed anything. Now it loads only first image. Am I doing something wrong or its problem with Opera? These are the files where I used this: https://www.dropbox.com/s/3ey4eumetdd3nf0/anime_css.css https://www.dropbox.com/s/mlrbffhmpzdsaca/mal_main.css Is 12.16 the latest version of Opera? I see your multiple images just fine in my Opera browser. |
| I'm working on a new profile and I wanted to know if it's possible to, instead of adding a link to a different section of the site, have the link just redirect you to a different section of the same page. Like wikipedia does with their contents' titles. Also, I've noticed that your club has a lot of offered anime lists but little to no profiles. If you'd like, I'm willing to donate mine once it's finished (you can check it in my profile page, even if it's incomplete) but how do you donate? Is it just writing the code on the corresponding forum? |
Shishio-kunNov 20, 2013 10:53 PM
F_E_A_R said: I'm working on a new profile and I wanted to know if it's possible to, instead of adding a link to a different section of the site, have the link just redirect you to a different section of the same page. Like wikipedia does with their contents' titles. Also, I've noticed that your club has a lot of offered anime lists but little to no profiles. If you'd like, I'm willing to donate mine once it's finished (you can check it in my profile page, even if it's incomplete) but how do you donate? Is it just writing the code on the corresponding forum? To go to specific places I think its like http://myanimelist.net/profile/F_E_A_R#comment http://myanimelist.net/profile/F_E_A_R#lastcomment those links take you to your comment spots. Tho I don't know if MAL follows those links in BBcode- I think I tried that once and it didn't work. Maybe using Tinyurl links would work. I can't think of other places you'd be able to or want to "hashtag" too atm but if you think of one I can try to find it (not hard). Wow thanks! We haven't gotten one in a year cuz profiles are so damn hard and long to make. The place to donate one is http://myanimelist.net/forum/?topicid=393503&show=0 All you have to do is post your profile layout there. If you just post your design there, I can edit the post so the BBccode is copy-able by other ppl in a spoiler below it (similarly to my own donated layout in the first post of that topic). If you want to do that yourself, the way to is next to "Posting BBcode" in the first post. It tells you how to post it as a profile code people can copy from the forum, which is easy to do. |
Shishio-kunNov 20, 2013 11:12 PM
Shishio-kun said: Exstatic said: al_exs said: Exstatic said: I'd like to make it so that each anime has it's own seperated bordered space with in it: the cover, the anime title, rating, and comments and whatnot I have no idea how exactly to do this, I've been trying to find out for some time now I can't understand what you want :/ reading it again makes me see how retarded my explanation is, sorry. I think the best way to show you what I mean is with some examples: http://myanimelist.net/animelist/Shishio-kun http://myanimelist.net/animelist/Mightystrikes http://i40.tinypic.com/eqo85s.png these specific parts, I'd like to make something like that, so like a seperate small rectangle for each anime Layouts (like the reviewer's style) are built around this look from the start- its not added into lists afterwards cuz of the instability and mess it makes for many ppl. So I merged your the changes you made to the beginner's layout with the reviewers style CSS and made a couple changes for ease of use. The red part you'll see is the thing you're referring to and is customizable at the bottom of the code (hide:before). You need to replace the red with a suitable color or background, maybe http://img15.imageshack.us/img15/228/frame6518.png Should probably lower the anime title font size too. There was a lot of extra CSS you had which conflicts with this look so I took it out; it wasn't showing on your main list anyways. thank you! |
Shishio-kunNov 21, 2013 2:18 PM
Shishio-kun said: Is 12.16 the latest version of Opera? I see your multiple images just fine in my Opera browser. 12.16 is the latest version based on Presto, newer versions of Opera are based on Webkit but it has 90% of its funcionality removed compared to 12.16 so 18 is unusable for me :/ Anyway it works on Opera 18 but multiple backgrounds should work at least on Opera 10+. I tried to do something but all I got is that sometimes it will load randomly more than one image in one of the tables... So it looks like Opera is somehow messed up because I cant find anything wrong in css code. |
| Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
| Ok why don't you try using body:after and body:before for the other 2 images you added to body. You do that instead of putting all three in body. Then you only have one image loading per selector. That way we narrow down the problem from that particular code and it may fix issue altogether. This is an example of body:before, its like another body code you can have in addition to body. Just put one of your image links and other body settings into it. You can do an :after version too. It needs to keep the content code to exist. body:before { background: transparent; content: ""; } |
Shishio-kun said: F_E_A_R said: I'm working on a new profile and I wanted to know if it's possible to, instead of adding a link to a different section of the site, have the link just redirect you to a different section of the same page. Like wikipedia does with their contents' titles. Also, I've noticed that your club has a lot of offered anime lists but little to no profiles. If you'd like, I'm willing to donate mine once it's finished (you can check it in my profile page, even if it's incomplete) but how do you donate? Is it just writing the code on the corresponding forum? To go to specific places I think its like http://myanimelist.net/profile/F_E_A_R#comment http://myanimelist.net/profile/F_E_A_R#lastcomment those links take you to your comment spots. Tho I don't know if MAL follows those links in BBcode- I think I tried that once and it didn't work. Maybe using Tinyurl links would work. I can't think of other places you'd be able to or want to "hashtag" too atm but if you think of one I can try to find it (not hard). Wow thanks! We haven't gotten one in a year cuz profiles are so damn hard and long to make. The place to donate one is http://myanimelist.net/forum/?topicid=393503&show=0 All you have to do is post your profile layout there. If you just post your design there, I can edit the post so the BBccode is copy-able by other ppl in a spoiler below it (similarly to my own donated layout in the first post of that topic). If you want to do that yourself, the way to is next to "Posting BBcode" in the first post. It tells you how to post it as a profile code people can copy from the forum, which is easy to do. It's almost done but I can't seem to align it properly in the profile. I don't get it: I've tried Enter and Backspace in all sorts of in-between link combinations and the end pieces of each line never seem to go back up to the previous line of pictures. If you look at my profile, you'll see the mess... |
F_E_A_R said: It's almost done but I can't seem to align it properly in the profile. I don't get it: I've tried Enter and Backspace in all sorts of in-between link combinations and the end pieces of each line never seem to go back up to the previous line of pictures. If you look at my profile, you'll see the mess... Its looks like the total width of some of the lines of pieces exceeds 640px across, when you do that it causes the pieces to scrunch together and move to lower lines. Try adding [/center] to the top of your About Me, its a glitch that lets your profile be stretched wide as you want: http://myanimelist.net/forum/?topicid=587047 |
| Magnificent! It did the trick in one shot! I had no idea of that cool trick! By the way, it's still missing the links but I'd say, in a day, I'll be posting this on the forum you mentioned. |
| @Exstatic: As someone says, a picture is better than 1000 words C: in that case some of the code I post before should help, just try this and change/add/remove whatever you want for your list, the important code is the selector, border and margin. #list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) { border: 2px solid #FFFFFF !important; border-radius: 15px; margin: 10px; width: 800px; } mad_cinus said: Hi. I need a little help. I wanted to use background-image with multiple images but it's not working on Opera 12.16 (it works on Chrome). It was working fine but suddenly it stopped working a while ago and I haven't changed anything. Now it loads only first image. Am I doing something wrong or its problem with Opera? These are the files where I used this: https://www.dropbox.com/s/3ey4eumetdd3nf0/anime_css.css https://www.dropbox.com/s/mlrbffhmpzdsaca/mal_main.css It's a little bug of Opera in how it handles some content.. First of all, the images from dropbox must be direct link, and that usually are the ones with dropboxusercontent.com domain. Second, always use normal http links, not https, cuz that is some of the problems with CSS. After change only the https for http the images loads correctly. I know that Opera with webkit sucks, I have both installed(right now I have IE, Chrome, FireFox, Opera Next and Opera 12.16 all in their last version). All of the features that I use from Opera are gone in Opera Next, and the most important, DragonFly for me is the best DevTool for HTML, JavaScript, CSS on the fly in one page and then add the right code to the files, as some features are missing on FireBug or ChromeDevTool(but this have 2 interesting features that the others don't). |
| Hi everybody !! I'm in trouble with my list layout... I tried to change it myself with the tutos available here but i failed something... I tried to add an anime covers view with comments below. Like this: http://myanimelist.net/forum/?topicid=563993 So i add it and.... It work but... There no Tags / comments working :( Here you can see all my css :http://myanimelist.net/forum/?topicid=563993 My cover is: hatomikeanimecovers.css I don't know what i failed... I know i must activate Numbers, Score, Type, Episode and Tags but this doesn't change anything. Did you know what did i do wrong ? Thanks for reading and sorry for my bad english ^^ |
hatomike said: Hi everybody !! I'm in trouble with my list layout... I tried to change it myself with the tutos available here but i failed something... I tried to add an anime covers view with comments below. Like this: http://myanimelist.net/forum/?topicid=563993 So i add it and.... It work but... There no Tags / comments working :( Here you can see all my css :http://myanimelist.net/forum/?topicid=563993 My cover is: hatomikeanimecovers.css I don't know what i failed... I know i must activate Numbers, Score, Type, Episode and Tags but this doesn't change anything. Did you know what did i do wrong ? Thanks for reading and sorry for my bad english ^^ You probably know this but you have tags turned off, so first they must be reactivated to see tags at all. http://myanimelist.net/editprofile.php?go=listpreferences You have numbers turned off as well, so if you're going to go with this setting, the number (6) in selectors in hatomikeanimecovers.css must be lowered to (5). Examples in bold: :hover + .hide { background-color: rgba(90, 90, 90, 0.6); background-position: 50% 18% !important; background-repeat: no-repeat !important; background-size: 250px auto !important; border: 5px solid rgba(90, 90, 90, 0.6); border-radius: 5px; display: block !important; height: 498px; left: 1000px; padding: 79px 40px 10px 10px; position: fixed; top: 5px; width: 224px; } .hide:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 25px 25px 0 0; color: #FFFFFF; content: "PREVIEW"; padding-bottom: 5px; position: absolute; text-align: center; top: 10px; width: 262px; } .td1:nth-of-type(5), .td2:nth-of-type(5) { background-color: rgba(0, 0, 0, 0) !important; background-image: url("none") !important; display: none; height: 145px; left: 686px; padding: 10px 10px 0 24px; position: fixed; top: 459px; width: 235px; z-index: 1; } .table_header:nth-of-type(5) { display: none; } td:nth-of-type(5) div a { display: none; } btw information on this was already covered at the bottom of the topic you linked in bold under What to do if your tags aren't showing up right... it was also noted above all the spoilers where you copy this type of code in that same topic. In addition, it looks like you have the line Read more at http://myanimelist.net/forum/?topicid=563993#uRetCxKBlbtclQSd.99 blocking off codes in hatomikeanimecovers.css; remove those lines. I posted about this recently on the front page of this club under "EVERYONE USING CSS READ THIS" in red letters You can probably just replace hatomikeanimecovers.css with what I posted above in quote if you turn tags back on and leave numbers off. If you turn numbers back on you must revert the bold codes back to (6) instead of (5). You will also have to reposition the tags over to the right more. |
enjo said: Hey guys, I just found out about the CSS customization yesterday and I looked over the pre-mades, there were many awesome layouts but I'm thinking of making my own I was just wondering if I can use a one if Shishio's (the MoeCraft one) and edit it, I just want to keep the top nav bar style and some of the features and edit the way that the list appears and ofc I'm gonna leave credits on the bottom :). Hope that it's not a problem :D ya thats fine, if you need to ask about it tho use this club or topic and turn your list off private so we can actually look at it to help rather than make guesses. |
| Thanks Shishio !! I've already tried this but without remplacing "6" by "5". Now it work just perfectly fine ! Juste in case if you know how to remove "PREVIEW" AND the space between border and picture ? :) Also when I put pass hover an anime, this appen. https://dl.dropboxusercontent.com/s/xe38642mf7fftn1/hatomike%27s%20Anime%20List%20-%20MyAnimeList.net%20-%20CoolNovo.jpg |
| When someone hovers over a title in my list, the covers pop up, but is there any way to make anything else pop up along with them? I looked through some of the tutorials on MAL, but didn't find anything about this, at least I don't think I did anyway. |
 |
Dark_Chaos said: When someone hovers over a title in my list, the covers pop up, but is there any way to make anything else pop up along with them? I looked through some of the tutorials on MAL, but didn't find anything about this, at least I don't think I did anyway. Pretty much anything thats already on the row can be customized in such a way, and it can be made to look like other parts of the page pop up with the right set of illusions and tricks. Tho you must have the right set of codes depending on what it is, it can get extremely complicated. Most people haven't bothered with coding other parts of the row. Tags was a similar pop up feature with the premade layout you customized. |
| Sorry about my mistake i can't make the list,s table correctly. Watching, completed, plan to watch All of them r on eachother. and i tried to make my own signature they are also not working instead of image its giving links. |
SabeehNov 27, 2013 1:47 AM
[url=http://myanimelist.net/animelist/Sabeeh] |
Sabeeh said: Sorry about my mistake i can't make the list,s table correctly. Watching, completed, plan to watch All of them r on eachother. and i tried to make my own signature they are also not working instead of image its giving links. This often happens when ppl use a Show All page as their default page, and have their headers uniquely customized and all in a fixed place. So just don't use Show all as the default page (removing the link to it is good too), or make a show all specific header with a code only seen on the show all page and use it to cover the multiple headers. For example this I believe. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected Why your signature isn't showing images explained on front page |
| I just took a premade layout and it looks like my "All Anime" tab is with problems, while the other tabs pop up from the side of the screen when I move the mouse cursor above them the "All anime" keep always in a pop up mode. like this http://i39.tinypic.com/2ivcqgz.jpg Here's the link for the code: http://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/SteinsGate.css |
| It's because it tells that you are in that category, If you select Watching, the Watching tab will stay visible. It's a normal behavior for that kind of category menu. |
Shishio-kun said: Dark_Chaos said: When someone hovers over a title in my list, the covers pop up, but is there any way to make anything else pop up along with them? I looked through some of the tutorials on MAL, but didn't find anything about this, at least I don't think I did anyway. Pretty much anything thats already on the row can be customized in such a way, and it can be made to look like other parts of the page pop up with the right set of illusions and tricks. Tho you must have the right set of codes depending on what it is, it can get extremely complicated. Most people haven't bothered with coding other parts of the row. Tags was a similar pop up feature with the premade layout you customized. Ahh, I see, but I don't think I meant anything else on the row. I meant like another image, like this example here, if you get what I mean. Sorry for not being clear at first. http://i.imgur.com/iUNdjpO.jpg |
|
More topics from this board
» 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 |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |