shockzz1234 said: Hi, this may seem silly or whatever, but there seems to be something wrong with my list? >.< I'm a noob to these kinda things, but basically, if you look at: my list You can see my 'type' (just below the name of the show), is all messed up, and also, there's a black line stretching to the right that's out of place? >.< Does anyone know how to fix it? Thanks =P Make sure you have the right setting: From what I see you seem to have "rating" activated which does not work with this layout. |
 |
Lirina said: Make sure you have the right setting: From what I see you seem to have "rating" activated which does not work with this layout. AH! ......Who'd have thought it was something so simple, lol >.> Thanks!! =D |
| He changed the URLs in the update, you'll have to change it to the new code or just change the URLs manually. |
Tieria-Shirin said: Applied this code at the top and only one DVD Cover doesn't show up. @import "http://dl.dropbox.com/u/49469857/MAL/premade/manga.css"; At the moment it's a bit difficult with the covers, if you have further problems I recommend waiting a bit or generating your own covers. If only one cover isn't showing up, it's probably a new anime/manga entry or one with a low popularity so it isn't within the code. |
|
1tru3g0d said: This theme is amazing and very clean but I have a problem with the image cover, none of them show up. Is there a general code to fix that? front page has what you can do to bring covers back, this is even stated in the current club title |
| I notice that there is a difference between the animelist and manga list. Without any anime, completed/on-hold/watching/plantowatch/drop have a dark area while in mangalist, with no manga there is none of the dark area. How can I fix the animelist to be like the manga list? I have a bit of OCD and this difference bugs me |
1tru3g0dSep 10, 2014 4:59 AM
1tru3g0d said: You do realise double posting and postning big pictures without spoilers are against general forum rules, right? |
         |
Oiomi-chan said: 1tru3g0d said: You do realise double posting and postning big pictures without spoilers are against general forum rules, right?hey thank you for telling me ^.* |
1tru3g0d said: Oiomi-chan said: You do realise double posting and postning big pictures without spoilers are against general forum rules, right? hey thank you for telling me ^.* You could have also merged posts into one, since its not necessary to have two double posted in this case. Your manga list doesn't have a category totals on on-hold unlike the anime list (remove all CSS to see), not sure why but as I think as soon as you add or remove a title on manga on hold it will probably have the same issue. The only thing I can think of short of recoding the layout's list style would be to cover up the "dark area" with the same image and settings as the main background. example: .header_onhold:before { background-attachment: fixed; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("http://i.imgur.com/w5t7RdY.jpg%22"); background-origin: padding-box; background-position: center top, center top; background-repeat: repeat; background-size: cover; content: ""; height: 821px; left: -6px; position: absolute; top: 300px !important; width: 1028px !important; z-index: 0 !important; } You have to remove the extra leftover line of text at the bottom if you're going to add this, see "site problems" link under Information on front page if you don't know Someone could come up with a better solution- maybe by restructuring the height of the display table or something- or may have already posted on earlier in this same topic. Can also just simply add some titles too to on-hold. |
| The accounts that hosted these covers were generating too much traffic and have been taken down. I suggest next time they come up to copy that CSS code and put it into your own dropbox and occasionally update it from the actual list so that it wont generate a lot of traffic from a ton of users using the same CSS. I also have lost all of my covers and I plan to do this. |
| I've posted how to make and host your own covers on the front page. Also another cover import is on the front page too to use, but I think ppl should generate their own. Since the MAL hacking public dropboxes crash like crazy. |
| Are you making sure the type of selector is correct? For this particular Layout you should choose the "more" option. |
| I made some banners for this. I really like the layout, thanks Lirina! Warning: 26 30 banners inside. Click to enlarge. |
HakuneiiSep 21, 2014 11:52 PM
Tieria-Shirin said: https://www.dropbox.com/s/g0kw8g6826ww8nj/CSSCovers.css?dl=0 is what I got for the share link. Is the CSS edit box something you're supposed to download or just put in the advanced edit box on here? When i clicked the link to that part it wasn't there. I'm using Lirina's otherwise I followed the steps till I got to five That's how to use dropbox css: https://dl.dropbox.com/s/g0kw8g6826ww8nj/CSSCovers.css |
[size=0] |
Lirina said: This layout is custom CSS. If you don't know how to install it, use the easy Beginner's Tutorial in this section: All CSS tutorials and add-ons This design has different versions for anime and manga lists. To fix problems with covers try this Cover fixing topic. For more list layouts you can check the Full list of Premade Layouts. Preview Special Features + Tags are displayed if you hover the cover image + Each category has its own banner + Add your own banners & background easily + Variations of this layout available if you scroll down + Sort option Settings Please pay attention to this or the layout will not work. Code for Animelist Code for Mangalist Changelog If you have trouble please activate the layout on your list so that I can actually see it. In case I don't respond let me know on my profile that you posted here. Hey i did ur Css and wonderful , thank you :) But i have a problem in the manga section heres pic , i dont know why it does that on the first page when i open the manga list. Also is their a way to move the middle layout where all anime and tabs etc are to the middle of page? instead of it being to left? Also i am new in Css and all and dont know how to make the pictures for each anime to appear etc? Thank You |
OtakuWatcher said: Hey i did ur Css and wonderful , thank you :) But i have a problem in the manga section heres pic , i dont know why it does that on the first page when i open the manga list. Also is their a way to move the middle layout where all anime and tabs etc are to the middle of page? instead of it being to left? Also i am new in Css and all and dont know how to make the pictures for each anime to appear etc? Thank You You need to go "Manga list setting" and look at "default status select". It will say "show all" which does not work with my layout, but you can select any of the other options. To display the covers add this to the top of your list: @import "https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css"; Hope that helps! |
|
Lirina said: OtakuWatcher said: Hey i did ur Css and wonderful , thank you :) But i have a problem in the manga section heres pic , i dont know why it does that on the first page when i open the manga list. Also is their a way to move the middle layout where all anime and tabs etc are to the middle of page? instead of it being to left? Also i am new in Css and all and dont know how to make the pictures for each anime to appear etc? Thank You You need to go "Manga list setting" and look at "default status select". It will say "show all" which does not work with my layout, but you can select any of the other options. To display the covers add this to the top of your list: @import "https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css"; Hope that helps! Hey yea thank you for your help :) I also read some forums and learned about blink and how to do covers but werent unsure if i did it correct or not but when i got ur manga cover scc and tried it, it worked then i tried mine and it worked then i tried to make the anime one but there was a problem it came out like this: and Heres css i use and top is what i put for anime covers: |
OtakuWatcher said: Lirina said: You need to go "Manga list setting" and look at "default status select". It will say "show all" which does not work with my layout, but you can select any of the other options. To display the covers add this to the top of your list: @import "https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css"; Hope that helps! Hey yea thank you for your help :) I also read some forums and learned about blink and how to do covers but werent unsure if i did it correct or not but when i got ur manga cover scc and tried it, it worked then i tried mine and it worked then i tried to make the anime one but there was a problem it came out like this: and Heres css i use and top is what i put for anime covers: You made animetitle CSS, not #more CSS which is what this layout needs. If having trouble follow the tutorial exactly (esp steps 4 and 5) but make #more CSS when the program asks you http://myanimelist.net/forum/?topicid=1174347 |
Shishio-kun said: OtakuWatcher said: Hey yea thank you for your help :) I also read some forums and learned about blink and how to do covers but werent unsure if i did it correct or not but when i got ur manga cover scc and tried it, it worked then i tried mine and it worked then i tried to make the anime one but there was a problem it came out like this: and Heres css i use and top is what i put for anime covers: You made animetitle CSS, not #more CSS which is what this layout needs. If having trouble follow the tutorial exactly (esp steps 4 and 5) but make #more CSS when the program asks you http://myanimelist.net/forum/?topicid=1174347 Yep Thank You very Much, i finally fixed it and learned alot from your guides :) |
| Hi there, thanks for sharing this css layout :) Looks so much better than the normal list haha. |
 |
| Hey there, Thank you for this amazing layout :) I have a problem though, you can check it in here: http://myanimelist.net/animelist/SuperSmashBros As you can see, the anime images aren't displaying, the watching, completed and others aren't placed correctly and so is the status bar for each (watchin, completed etc.) is also misplaced (the tv: 32, ovas: 10 bla bla). Also, I was wondering how can I replace the banner and the background(and the picture that is shown when no anime picture is found) and what size are all of them(and if you have a site which contains those images). Sorry if that's a lot to request. Thanks a lot in advance ^^ I'm not entering this site often so I would like it really much if you can email me to the address below and if not to write to me in a private message in MAL. Thanks in advance again ^^ Email: amit.toren12@gmail.com |
 |
SuperSmashBros said: Hey there, Thank you for this amazing layout :) I have a problem though, you can check it in here: http://myanimelist.net/animelist/SuperSmashBros As you can see, the anime images aren't displaying, the watching, completed and others aren't placed correctly and so is the status bar for each (watchin, completed etc.) is also misplaced (the tv: 32, ovas: 10 bla bla). Also, I was wondering how can I replace the banner and the background(and the picture that is shown when no anime picture is found) and what size are all of them(and if you have a site which contains those images). Sorry if that's a lot to request. Thanks a lot in advance ^^ I'm not entering this site often so I would like it really much if you can email me to the address below and if not to write to me in a private message in MAL. Thanks in advance again ^^ Email: amit.toren12@gmail.com I'll email but I also answer here since other people might have the same questions. To get the cover images add replace second top line of the current code with this: These codes break quite often and Shishio puts a lot of effort into udating the club description if that happens. It's worth looking there before asking. Your list is not displayed correctly because displaying all categories is not supported by this layout. Go to your settings, "My list settings" and then "Default Status Selected". You can chose anything but "show all". To change images this is the section you have to look at, just replace the links. The banners size is 260x1016. |
|
| How can I do that the background was changing along with the screen resolution? http://i60.tinypic.com/15o75w1.jpg http://i62.tinypic.com/kei1y8.jpg |
OskarJanicki1997 said: You can add the bold code:How can I do that the background was changing along with the screen resolution? http://i60.tinypic.com/15o75w1.jpg http://i62.tinypic.com/kei1y8.jpg body { background-image: url("http://coolvibe.com/wp-content/uploads/2010/05/animewallpaper8-1024x576.jpg"); background-size: 100% !important; } |
|
| Thanks for the quick reply, but it is not working. |
OskarJanicki1997 said: Yes it is :PThanks for the quick reply, but it is not working. |
|
| In the resolution of the screen equal or higher 1920 x 1080 everything is ok, but on a laptop or a second computer with a lower screen resolution (1440 x 900) background is hiding behind. |
OskarJanicki1997 said: well, yes, because the list is that wide. You would have to make the list adapt to the resolution too but that is not as easily done with this kind of layouts.In the resolution of the screen equal or higher 1920 x 1080 everything is ok, but on a laptop or a second computer with a lower screen resolution (1440 x 900) background is hiding behind. |
|
OskarJanicki1997 said: In the resolution of the screen equal or higher 1920 x 1080 everything is ok, but on a laptop or a second computer with a lower screen resolution (1440 x 900) background is hiding behind. I notice you added background-size: 1920px 1080px !important; to the body code near the top, but its not taking effect- it has to be added to the bottom since there's a "body, background-size" code in the middle already which takes priority (code rules on priority here if you wanna know why: http://myanimelist.net/forum/?topicid=397909). Anyways if you add that to the bottom it will take effect, tho I don't know if it will make the layout as you want it cuz yeah the list is always 1000px+ wide no matter the screen so on a 1300px screen you only have 300px space for the pic to peek thru as compared to a 2000px screen where you'd have 1000px of space for it. |
| Thanks all, I see. |
| Can someone help me, somehow the banner image for complete is not showing at all. I changed the link but it still not work, so I think the problem is with the code somewhere. |
ryuuji168 said: you don't have any background specified in the codeCan someone help me, somehow the banner image for complete is not showing at all. I changed the link but it still not work, so I think the problem is with the code somewhere. |
Pico-tanNov 20, 2014 2:48 AM
|
| Hey, first you have an amazing work here, but I got some problems using the code this is my major problem : http://i.gyazo.com/f7394de1292ffb2e70a07203b4bf8527.jpg Any ideas ? Ty for the great code is realy refreshing to see a new one... |
kojuro-kunJan 18, 2015 1:15 PM
| This code does not work with the full list shown, you have to set it to only show one list. |
| Beautiful layout! I love how the background and header automatically change in size. I don't have to bother with fixing widths and everything. XD I really appreciate the category totals that you can add on too (Thank you!!), and the little fixes Sourve did to the top bar. I do have a small problem though, which I can't figure out. The "Sort List" block scrolls with the page... even though its dropdown menu and the rest of the topbar doesn't. It looks like it's isolated/separated from the rest of the top-bar. I'm pretty sure it's the positioning (should be "absolute"?), but after fiddling with it I can't get it to stay in that spot. I think Sourve addressed this , but I'm not having much luck with it. Help is super appreciated. :D http://myanimelist.net/animelist/Mirorin (Scroll down on the page and I'm sure you'll see it.) |
MirorinJan 21, 2015 11:17 PM
Mirorin said: Beautiful layout! I love how the background and header automatically change in size. I don't have to bother with fixing widths and everything. XD I really appreciate the category totals that you can add on too (Thank you!!), and the little fixes Sourve did to the top bar. I do have a small problem though, which I can't figure out. The "Sort List" block scrolls with the page... even though its dropdown menu and the rest of the topbar doesn't. It looks like it's isolated/separated from the rest of the top-bar. I'm pretty sure it's the positioning (should be "absolute"?), but after fiddling with it I can't get it to stay in that spot. I think Sourve addressed this , but I'm not having much luck with it. Help is super appreciated. :D http://myanimelist.net/animelist/Mirorin (Scroll down on the page and I'm sure you'll see it.) For the sort list fix: And for the list stacking: It should look like this (1 picture showing the scroll list, second picture showing it's not fixed anymore) |
SatiriquesJan 22, 2015 8:50 AM
 |
| Ah, so the position is relative. I added the fixes you gave me, and they worked. I did make it (top: 4px;) to (top: 0px;) though, because it made a gap on the top otherwise. And another thing I just noticed, Souve's section titles are white with a black outline. How would I do that? I would like to use it for darker headers. Thanks again for the help. :) |
MirorinJan 22, 2015 1:00 PM
Mirorin said: Ah, so the position is relative. I added the fixes you gave me, and they worked. I did make it (top: 4px;) to (top: 0px;) though, because it made a gap on the top otherwise. And another thing I just noticed, Souve's section titles are white with a black outline. How would I do that? I would like to use it for darker headers. Thanks again for the help. :) You can just inspect his list if you want to know the code, but there: |
|
| Oh that completely slipped my mind. o.o Thanks again. :D |
Ophiu said: Is there a way to change the "Watching" to like a different colour (e.g. white) Just Watching? You can remove the color: rgba(255, 255, 255, 0.6) !important; from under .header_title, then just add to the bottom of the CSS edit box something like .header_cw { color: white !important; } You should color the other headers too or they'll be black too, I think |
| Thanks for everything! This is such an awesome layout! Unfortunately, I am having a slight issue. For every other anime on my list, the box with the tags is not perfectly aligned with the anime cover; it's shifted a bit to the right. I assume there's a simple fix for this but I can't seem to figure it out. Any idea on how to do so? Screenshot for reference: Alternatively, you could just check out my list and start hovering over the covers to see the problem. Thanks again! |
kmt219 said: Thanks for everything! This is such an awesome layout! Unfortunately, I am having a slight issue. For every other anime on my list, the box with the tags is not perfectly aligned with the anime cover; it's shifted a bit to the right. I assume there's a simple fix for this but I can't seem to figure it out. Any idea on how to do so? Screenshot for reference: Alternatively, you could just check out my list and start hovering over the covers to see the problem. Thanks again! Do you see the problem when you use the default version of the layout? That would narrow the problem down to it being your CSS changes and not the original code itself (very helpful to know). |
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |