Shishio-kun said: Moving the other top bar buttons should be .header_cw + table, .header_completed + table, .header_onhold + table, .header_dropped + table, .header_ptw + table #list_surround:before should be for the part behind the top bar buttons #list_surround is for the list color, you've made it skyblue needs to be a rgba color as it was before. Use this to find the color: http://www.css3maker.com/css-3-rgba.html You seem to have taken off the anime covers (the animes?) by clearing the import, so thats why they're not there. Screenshot and circle exactly what you want translucent, moved etc in future questions please. If stuff doesn't work leave it in your code too Thanks! Still not used to this type of coding yet (only have done c++, C#, and a bit of java a few years ago >_<). I removed the covers while I was messing with the coding cause the halloween event was kind of distracting when looking for subtle changes. Next time I'll screenshot and show what I was referring to, my apologies. Also, thanks a bunch for the rgba link, I like combined codes like this and it made it easier :D |
 |
| Hey Shishio, I read through all the tutorials and the FAQ but it seems no one has the issue I'm having. My list only shows my completed animes and there are no links to my watching, planning, dropped, etc. I'm hoping there is a way to fix this, thank you! |
| Imagination has the power to change everything. |
Shu_Kurisu said: Hey Shishio, I read through all the tutorials and the FAQ but it seems no one has the issue I'm having. My list only shows my completed animes and there are no links to my watching, planning, dropped, etc. I'm hoping there is a way to fix this, thank you! I fixed it!! thank you anyways :] |
| Imagination has the power to change everything. |
Osamaelhakim said: there are currently no request topic, you can make a sugestion in the sugestion topic, but there is no guarantie it will lead to anything.Hello , i noticed your club recently and it is truly amazing but there is something i want to know that is not in the F.A.Q or anything, am i allowed to request specific anime list customization for specific anime ? if yes then where? |
         |
| Hi, I'm having a problem with getting covers to show up. Just for reference I have had them work before, but I tried tweaking some things, screwed everything up, and now I can't get it to work again. My import line at the top: My CSS section: I had some changes in there and that's when it stopped working. I tried reverting the stuff back to defaults but it still wouldn't work. Also if the order in which it goes in there matters that could be the problem but I assumed it didn't matter. Lastly, the "more" button disabling at the end So yeah. I can't get any sort of covers to show up any more, much less go through with the tweaks I was trying out. I would appreciate any help. Also here is the whole CSS for reference: |
musishin said: Hi, I was almost done customizing my list, but there is one problem I have been trying to fix for the past several hours. My MAL: http://myanimelist.net/animelist/musishin The row that has "anime title," "type," and "progress" are misaligned with the rest of the table. I tried looking everywhere for a solution, but I just cannot figure it out. Any help would be much appreciated. looks fine to me: http://puu.sh/cCDSS/b8f9092fa9.jpg it might be a browser issue. Post a screen shot and tell me which browser you are using |
musishin said: Hi, I was almost done customizing my list, but there is one problem I have been trying to fix for the past several hours. My MAL: http://myanimelist.net/animelist/musishin The row that has "anime title," "type," and "progress" are misaligned with the rest of the table. I tried looking everywhere for a solution, but I just cannot figure it out. Any help would be much appreciated. Find @media screen and (-webkit-min-device-pixel-ratio: 0) td[class^='td']:nth-of-type(2) { width and increase width to an amount that works. It says to do this in the notes at the bottom of your code. Always check the code's notes first. I usually put this kinda info in there so you don't have to search thru everything. |
| Oh you're a Safari user, I actually forgot about that browser and figured you were using Chrome, not thats there's anything wrong with them- anyways pretty much anything that applies to Chrome in terms of CSS hacks and stuff will apply to Safari now, and maybe Opera and IE, since they're all "webkit" browsers now (I think). |
| Is it possible to change the "more" link for each anime in one's list to display text placed in the comments form only, rather than the entire extended info on the anime (such as the Rating/Fansub Group/Storage/Rewatch Value/etc.)? I'd like to change it to only show text I've placed in the comments section so I can place mini-reviews there and use the tag section for... well, tags and other stuff. |
| I am almost ready with this theme, but apparently IE has a gigantic "lol nope" and doesn't load it. Dunno why, It works fine on other browsers. theme: http://myanimelist.net/animelist/seaven source: https://dl.dropboxusercontent.com/u/30833664/ghibli/ghibli.css |
| Does anyone have any idea what may be wrong with this code? I can't release a list design if it doesn't work on every major browser. |
seaven said: Does anyone have any idea what may be wrong with this code? I can't release a list design if it doesn't work on every major browser. Seems fine in IE to me. Can you screenshot or describe whats different for you? I'm using the latest IE. |
| When you said it works for you I looked around. This is what I get in Lunascape6 with Trident Engine on, and IE with my default settings (which were messed up for whatever reason, I am not using this browser): http://puu.sh/cGGOm/323f6bc211.png By changing Browser Mode to IE9 I fixed the view. IE7 and IE8 have the problem. As far as Lunascape is concerned, I have no fix. Trident Engine breaks the list, WebKit engine has some issues with Menubar, but the rest works fine, Gecko engine displays everything properly. It is highly possible that my default settings were messed up and for everyone else the list would work fine. If that's the case I think I am ready to release it. |
| what is the Correct Size for a Member card? |
ZmBzRALIVE said: what is the Correct Size for a Member card? There is no correct size. But if they were too small (under 100px wide?) or way too big (over 400px wide?) they would probably look bad, might not even look like a card anymore. |
| Not sure if this was asked yet but... I'm using a premade Yotsuba layout, and it looks great. Only problem is, the list is a bit narrow for my tastes. Is there any way to make it a little wider? mal: http://myanimelist.net/animelist/HuaXue |
 |
HuaXue said: Not sure if this was asked yet but... I'm using a premade Yotsuba layout, and it looks great. Only problem is, the list is a bit narrow for my tastes. Is there any way to make it a little wider? mal: http://myanimelist.net/animelist/HuaXue Do You mean the list it's self? cause if so then yes it's easy Replace with That should do it. but if not You can PM me and I'll fix it for You. |
Shishio-kun said: ZmBzRALIVE said: what is the Correct Size for a Member card? There is no correct size. But if they were too small (under 100px wide?) or way too big (over 400px wide?) they would probably look bad, might not even look like a card anymore. I mean, What is the most common size for it? Cause I notice Most of them are the same size. |
ZmBzRALIVE said: HuaXue said: Not sure if this was asked yet but... I'm using a premade Yotsuba layout, and it looks great. Only problem is, the list is a bit narrow for my tastes. Is there any way to make it a little wider? mal: http://myanimelist.net/animelist/HuaXue Do You mean the list it's self? cause if so then yes it's easy Replace with That should do it. but if not You can PM me and I'll fix it for You. Oh that was quick. It works perfectly. Thank you! |
| |
HuaXue said: ZmBzRALIVE said: Do You mean the list it's self? cause if so then yes it's easy Replace with That should do it. but if not You can PM me and I'll fix it for You. Oh that was quick. It works perfectly. Thank you! Haha no problem :) If You have any more problem's let me know c: |
ZmBzRALIVE said: Shishio-kun said: There is no correct size. But if they were too small (under 100px wide?) or way too big (over 400px wide?) they would probably look bad, might not even look like a card anymore. I mean, What is the most common size for it? Cause I notice Most of them are the same size. I'd say the average size of most good cards is about 360 x 240. 360w 240h if a horizontal card. 360h 240w if a vertical card. You can also just right click the cards and look at image info to see the sizes for yourself. |
| Hey Guy's I'm having a Bit of a problem with My TopBar So Yeah Is it possible to fix this? Here is the coding: Thank's, ZmBzRALIVE |
ZmBiUnicornNov 8, 2014 12:49 AM
ZmBzRALIVE said: Hey Guy's I'm having a Bit of a problem with My Header So Yeah Is it possible to fix this? Here is the coding: Thank's, ZmBzRALIVE You didn't describe what was wrong with it or if you changed anything about it- so I'm gonna assume its supposed to be the original one. The background codes were taken out. So thats why you're not seeing the backgrounds on it anymore. You can just get the original codes for it here: http://storage.live.com/items/4A07C1EEED420167%21165 The background images are in there. btw most ppl call that the topbar, not the header, headers are above the tables on your list. edit: Oh nevermind, I can see the doubling problem in the spoiler pic now. |
Shishio-kunNov 8, 2014 1:44 AM
Shishio-kun said: ZmBzRALIVE said: Hey Guy's I'm having a Bit of a problem with My Header So Yeah Is it possible to fix this? Here is the coding: Thank's, ZmBzRALIVE You didn't describe what was wrong with it or if you changed anything about it- so I'm gonna assume its supposed to be the original one. The background codes were taken out. So thats why you're not seeing the backgrounds on it anymore. You can just get the original codes for it here: http://storage.live.com/items/4A07C1EEED420167%21165 The background images are in there. btw most ppl call that the topbar, not the header, headers are above the tables on your list. -.- The problem is that the image's for the button's are over lapping each other :3 so yeah..... It's even like this with the Original Coding so.... Yeah I'm guessing it's a problem with My coding for the whole page not the "Import" because it work's fine everywhere else so... yeah |
ZmBiUnicornNov 8, 2014 1:34 AM
| Based on what I'm seeing now, you have too much width on the topbar buttons in your current topbar CSS. Also, if your layout CSS uses "a" or similar code it can customize all the links on the page including those topbar icons which are links, and things like padding and width on that code can affect the topbar links: https://dl.dropboxusercontent.com/s/1oykcnyvy1rs492/MrEpicMichael%27s%20Top%20Bar.CSS?dl=0 Like with "*", you generally don't want to use "a" or "a:hover". "a:visited" etc codes if possible, or at least override the a codes in your topbar with !Important. For example is "a" had padding: 100px;, and thats affecting your topbar links, then set your topbar links to 0 (or w/e they are by default) with !important before the semi-colon. This way the a code stuff won't affect your topbar's padding and cause problems. You're now using a different topbar in your anilist layout than the one you showed here... the problem is in this part of your code. By clearing away parts of your code in Firebug, its easy to find whats causing the topbar issue: .td1, .td2, a, a:visited, .category_totals, .table_header #grand_totals, #copyright { border-color: rgba(0, 0, 0, 0); border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; padding: 15px 15px 5px 5px; Color: #2F467A; /* This command allows You to edit Your "List" Text color. */ Font-Family: Lucida Grande; /* This command allows You to edit Your Font In Your List. */ Font-Size: 18px; /* This command allows You to edit the "Font Size" for the "Edit, More, Ect. Button" in Your List. */ } Its the a selectors and the padding |
| Hi my posters are not working I need help! |
| "If it’s your wish, I will follow you everywhere even if your throne crumbles, and your shiny crown turns to rust even if the bodies pile up endlessly, above the bottomless pile corpses Beside you as you lie softly down, I will be until i hear the words “Check Mate” ! -Sebastian (Black Butler) |
Messi98r8 said: Hi my posters are not working I need help! Copied and pasted from same question in the Support forum Shishio-kun said: Why: U5's dropbox crashed, it does this like once a week now, thats where your covers come from. With the account crashed the CSS links to it are no longer working. Your topbar is also a dead link. Solutions: I put a ton of solutions to these problems on the front page of the club where you got this layout and topbars from. You can use the "All anime covers update" to get a line of CSS that will replace your covers for now. You can use the "All topbars fixed..." update to get the topbar you used to have back. All this is also featured under "Site problems and fixes" at the top of club info and in the stickies of forum of same club. |
| Guys, I can't seem to get rid of the extra space on the right side of my mal. You can see here what I mean, http://i.imgur.com/Atkh1e9.png MAL: http://myanimelist.net/animelist/FantomX Any help would be appreciated. |
  |
FantomX said: remove the section "body: after"Guys, I can't seem to get rid of the extra space on the right side of my mal. You can see here what I mean, http://i.imgur.com/Atkh1e9.png MAL: http://myanimelist.net/animelist/FantomX Any help would be appreciated. |
|
Oiomi-chan said: Thanks. That worked. :)FantomX said: remove the section "body: after"Guys, I can't seem to get rid of the extra space on the right side of my mal. You can see here what I mean, http://i.imgur.com/Atkh1e9.png MAL: http://myanimelist.net/animelist/FantomX Any help would be appreciated. |
SelfScientistNov 12, 2014 4:35 AM
|
morcac said: Ok, so I'm working on a bit of an overhaul of my list, but I'm not sure how to do a certain major element. I've tried google as well as looking for other lists that implement it, but I can't find the code I'm looking for. You can see my list here [url]http://myanimelist.net/animelist/morcac[/url] for reference. What I want to do is move the tags section so that it is directly to the right of the score section for each show, and make the comment section appear to the far right. The end goal being that I can give more complex scores by placing something like .25 in the tag while still maintaining my notes on each show. My problem is that I don't know how MAL labels any of these objects meaning that I have no idea how to move them. Anyone have a solution? To move the tags column you can use- .td1:nth-of-type(6), .td2:nth-of-type(6) { background: green; margin-left: -500px; position: absolute; } I turn it green so its easy to find, you can remove that later. You can use the margin-left code to move it around (play with the number). You could move it over the score column. The comments thing is a pain to code since its hidden and part of a lot of other stuff, maybe someone else will code that for you- I think an easier alternative would be to use animetitle specific after codes, like: .animetitle[href*="anime/6547/"]:after{ color: gold !important; margin-left: 10px; content: "This anime was ok."; } Should add "This anime was ok." to Angel Beats on your list in gold text. Notice the number 6547 in the first line, this corresponds to its number on MAL if you visit or look at the link on it. Every anime can have a code and line like this. Content is where you put your custom text. |
| You know what instead, you should probably use the animetitle after for the extra score thing. You just move it right past the score. You can keep the tags as they are then: .animetitle[href*="anime/6547/"]:after { color: black !important; content: ".25"; left: 50%; margin-left: 170px; position: absolute !important; } If you're not gonna use that tho, you can try set the background color to transparent so the color of moved parts so it doesn't overlap colors. You can also use an editor like Firebug to move the stuff too so its easier. Its .table_header:nth-of-type(6) to select individual headers. The number in the parenthesis is for the column # (tags is 6th column). You can set them to visibility hidden or another code that hides a selector. Might say in the code how to give more height to the rows. You can also try .td1, .td2 { padding-bottom: 200px; } There's a tutorial in the Customize your list section on expanding tags: http://myanimelist.net/forum/?topicid=419405 |
| Hey Guy's Quick Question What does this Section do again? |
ZmBzRALIVE said: Hey Guy's .animeTitle, animetitle:visited { Color: #B01F24; Background-Color: rgba(0, 0, 0, 0.8); Font-Family: Lucida Grande; Font-Size: 18px; What does this Section do again? Its supposed to be for the anime/manga title links on your list. But both those codes won't work cuz they're both wrong. It should be .animetitle, .animetitle:visited You also have to finish that set with a closing bracket. |
| Hello :) I use this style in base : http://myanimelist.net/forum/?topicid=393503&show=20#msg15991383 than i link from SAO style nav. bar and menu : [http://myanimelist.net/forum/?topicid=1156725#msg30240717 And add image preview on mouse hover. Works all without SAO menu(SAO top bar working). What overflows it i didn't notice. The "table" item of menu simplly have 0 width. |
kseon12Nov 15, 2014 1:19 PM
kseon12 said: Hello :) I use this style in base : http://myanimelist.net/forum/?topicid=393503&show=20#msg15991383 than i link from SAO style nav. bar and menu : [http://myanimelist.net/forum/?topicid=1156725#msg30240717 And add image preview on mouse hover. Works all without SAO menu(SAO top bar working). What overflows it i didn't notice. The "table" item of menu simplly have 0 width. I don't know what you're asking, and I don't see any problems on your list. |
Shishio-kun said: ZmBzRALIVE said: Hey Guy's .animeTitle, animetitle:visited { Color: #B01F24; Background-Color: rgba(0, 0, 0, 0.8); Font-Family: Lucida Grande; Font-Size: 18px; What does this Section do again? Its supposed to be for the anime/manga title links on your list. But both those codes won't work cuz they're both wrong. It should be .animetitle, .animetitle:visited You also have to finish that set with a closing bracket. Thank's I thought so but I was not sure been a while so I forgot, Haha. So yeah I just realized that I put a Cap's. Thank You for pointing it out Senpai :3 |
Shishio-kun said: kseon12 said: Hello :) I use this style in base : http://myanimelist.net/forum/?topicid=393503&show=20#msg15991383 than i link from SAO style nav. bar and menu : [http://myanimelist.net/forum/?topicid=1156725#msg30240717 And add image preview on mouse hover. Works all without SAO menu(SAO top bar working). What overflows it i didn't notice. The "table" item of menu simplly have 0 width. I don't know what you're asking, and I don't see any problems on your list. there should be right bar (like on the picture below) with watching/complete/etc http://i.imgur.com/emOMp5a.png but it simply not displaying |
| another quick question, How do You like...Import..font's? so everyone can see them without them being installed? :3 |
| I'm hesitant to ask this, but how do I change a header in my manga list from "Watching" to something like "Reading" instead? |
 |
kseon12 said: there should be right bar (like on the picture below) with watching/complete/etc http://i.imgur.com/emOMp5a.png but it simply not displaying Layout you chose to add stuff to turns off category links. Use a different layout or remove all the codes: *.status_selected { display: none; background-color:black; padding: 2px; color:white; text-decoration: blink; } *.status_not_selected { display: none; background-color:black; padding: 2px; color:white; } *.status_selected a{ display: none; color:blue; } *.status_not_selected a{ display: none; color:white; } ZmBzRALIVE said: another quick question, How do You like...Import..font's? so everyone can see them without them being installed? :3 Go to customize your list tutorials and find topic on this: http://myanimelist.net/forum/?topicid=419405 Also you can just upload a font to a hosting site like Dropbox then import a direct link to it in your CSS. In the original spacebar topbar CSS you see an example of this too. CrazyBear said: I'm hesitant to ask this, but how do I change a header in my manga list from "Watching" to something like "Reading" instead? Find the code for it in your CSS (#list_surround .header_cw) and change the background image with one you make. The topic where you got the layout might have more information too. Also try to use the link above and find the header changing tutorial for more info. |
| Shishio-kun Domo arigatou :) I didn't know tag names, that's why i didn't pay attention to that lines |
| I am having trouble with the "more" button on my them. Since MAL readded the youtube embedding I am trying to integrate it in my current theme. I managed to find what handles the button. If at all possible is there a way that I can have the button on the left side of my portraits and when clicked a popup window similar to my edit window appears, or something that at least functions without looking horrible. I thank you in advance for your help. FULL CSS |
More topics from this board
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
51 |
by Shishio-kun
»»
Yesterday, 12:37 PM |
|
» ✳️ Amazing new colorful layout for your list: Guchuko!Shishio-kun - Oct 14 |
3 |
by Mocha
»»
Oct 16, 6:27 PM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
131 |
by Shishio-kun
»»
Oct 14, 11:55 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1232 |
by sunnysummerday
»»
Oct 14, 9:37 AM |
|
» [CSS - Modern] ⭐️ Brink by V.L -- Cover-style theme! ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Mar 16, 2019 |
435 |
by slayra
»»
Oct 12, 4:04 AM |