HakuryuSting said: As a matter of fact, the parts you'll be working with for the right hand side in particular are different than what I posted above. You're actually not going to want to change anything there or else it will effect the headers.What are the dimensions of the images that are in the right side of the page? This part here is what you will work with to change the "Not Selected" statuses. And just below that is the "Selected" status. Their dimensions are 250px (width) by 80px (height) You'll most likely want your new "Not Selected" image to have a grey tone, and your new "Selected" image to be colorized. Or, choose two unique colors of your choice. (You'd want to show some differentiation between what's currently selected and what is not.) This kind of list is a little bit different from the types that I'm used to working with. And I've actually run into some trouble towards the bottom half of the CSS. I think I understand what's going on there, but before I give you a bunch of instructions that I'm not 100% sure will give you the results you desire, I'd say you should keep what you have and receive help from someone who has experience with this sort of design lol. :) The instructions I gave you for changing the wallpapers should still help you out. Best of luck with the rest of this, and I'm sorry I couldn't be more helpful. :'< I'm going to PM you about where you can get help with this~ |
LeahOct 8, 2013 9:03 AM
| Threads Merged. |
 |
| Ok, so I went into my list an hour ago, and the background picture and the headers are all fucked up. It's supposed to have white, bold headers above each section, and the backgorund picture should just be 1 and move with the scroll. Here's a pic of what it looks like now: http://i.imgur.com/qqUlryt.jpg I haven't changed my code in months, so it shouldn't be that messing up. Is it my connection with MAL or is MAL just having problems? I checked my list on my Galaxy S4 and it looks just as messed up as on my computer. Hopefully it fixes itself, I just wanna know if it's anything on my end that's screwing it up. |
Reverb_ShockJan 1, 2014 7:01 PM
 |
Reverb_Shock said: Ok, so I went into my list an hour ago, and the background picture and the headers are all fucked up. It's supposed to have white, bold headers above each section, and the backgorund picture should just be 1 and move with the scroll. Here's a pic of what it looks like now: http://i.imgur.com/qqUlryt.jpg I haven't changed my code in months, so it shouldn't be that messing up. Is it my connection with MAL or is MAL just having problems? I checked my list on my Galaxy S4 and it looks just as messed up as on my computer. Hopefully it fixes itself, I just wanna know if it's anything on my end that's screwing it up. It has nothing to do with MAL, its the two import links at the top of your CSS. 1. To fix this, delete the top lines of code in your CSS; this I've outlined in bold (be careful u don't delete any other codes, like body right below it): @import url(http://veriti.opendrive.com/files/OV81MjgxODZfN0NiSlU/mal_general.css); @import url(http://veriti.opendrive.com/files/OV81MjgxODdfcXZZMkg/mal_top_bar.css); 2. Put these at the top of your CSS after you delete those two, then save your code with the blue button at the bottom of the page: @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/MahouCSS.css"; @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css"; When saved, everything should be fixed back since its the same codes just hosted on a more reliable server... the reason your list looks like is because opedrive.com became unreliable over 2012/2013 and lags out alot so these links sometimes won't stream the necessary CSS to your list. |
 |
| Thank you so much. It just randomly happened so I was freaking out lol. I know nothing about coding and got this code from a friend, so your help was greatly appreciated. It's back to normal now. |
|
| @Haruspex00 - In a header bar css rule (such as #list_surround > table:first-of-type {}) try adding z-index: 100; to have it be on top. Also, to show more space and show the copyright, add padding-bottom: 50px; to #list_surround |
| If you're using a custom CSS and keep tags in the 6th column just add .td1:nth-of-type(6), .td2:nth-of-type(6) { width: 300px; } adjust the width number how you like. and the code to add changes to the tags header is .table_header:nth-of-type(6) probably want that at the same width as the tags box so it evens out the list. I wrote a topic on this too: http://myanimelist.net/forum/?topicid=553637 btw if codes added to the bottom of your code don't work its prob cuz filter: alpha(opacity=85; in some part of your list CSS is incomplete- needs a closing parenthesis after 85;. If you're not using custom CSS idk how you can increase box width, I don't see an option in the default MAL list editor |
|
| atm from what I see your anime list looks exactly as the only pic on that page you linked to, which is this pic: http://dl.dropboxusercontent.com/u/49469857/MAL/premade/square/preview.jpg this is how your list looks to me when i scroll down: http://i.imgur.com/P5NfJ1X.png So from my view there's pictures on your animes under Watching, just like in that pic. So did you get that problem cleared up, or are you seeing something else different when you view your anime list? regarding your 2cd edit: I don't see the problem in your current CSS and I never seen that issue on that layout. What change exactly are you trying to make? You can just add new codes to the very bottom of the CSS, or use his instructions to change imports out for other looks. If you add/change a code and there is a problem, please leave it in so I can see it, or just copy and post the CSS here after the problem comes up. |
|
| Hi zakey, i see you've set your problem, if I'm not mistaken ? |
| As I said... It won't show up. This is how it looks: But the other headings show up: |
| You don't seem to have a current watching header code, example: .header_cw { background-color: transparent; background-image: url("http://i60.tinypic.com/2zss9i8.gif"); background-repeat: no-repeat; height: 200px; margin-bottom: 0; } btw if you're going to ask for help with fixing your code you should always post the code thats broken, it makes things easier to verify. Sometimes problems are impossible to fix without you posting code |
|
| Sorry... I don't know what's wrong so I just copied my CSS here: (It's at the bottom part) |
| When you copied the header code you didn't copy the top of the codes correctly and it cuts off first the header code. You need to add a /* before CURRENTLY WATCHING HEADER in the CSS, or add the code I posted to the bottom of the CSS and put your own current header image in. |
|
| Ahhhhh... I see... So that's the problem, and a simple one at that. Arigatou Gozaimasu! I'll forever be grateful to you! ^_^ |
| Hello Do you know how to fix this problem?  I want to set this on right bottom but I don't know how. |
 |
| ..I wish I could be able to do half of that, lol. |
| http://myanimelist.net/forum/?topicid=563993#msg20492821 I think you should change top and left values for table:hover+.hide in https://dl.dropboxusercontent.com/s/t8g8i1udpkj07zs/mal_pic.css to something different (maybe 90% or something like that) waalex11 said: ..I wish I could be able to do half of that, lol. See this club: http://myanimelist.net/clubs.php?cid=19736 There are a lot of pre-made layouts and tutorials for you |
SerhiykoJul 14, 2014 11:58 AM
   |
Serhiyko said: I think you should change top and left values for table:hover+.hide in https://dl.dropboxusercontent.com/s/t8g8i1udpkj07zs/mal_pic.css to something different (maybe 90% or something like that) If it needs to be positioned in the bottom right of the screen I'd say it would be better to replace top and left with bottom and right and then give it a value of whatever he wants. counting up from 0 of course. |
| For those who seek perfection, there can be no rest on this side of the grave. Hope is the first step on the road to disappointment. |
Tyrantarmy6 said: If it needs to be positioned in the bottom right of the screen I'd say it would be better to replace top and left with bottom and right and then give it a value of whatever he wants. counting up from 0 of course. Nice idea |
|
| Threads Merged. |
|
| Hey, I need some help.. xD on my anime list I decided to make the Scores bold, the problem is now the "On Hold"-title is bold as well.... how can I change only the "On Hold" back to normal? @_@ I really don't know what to do... I tried out several things but nothing works... (I changed the scores with td:nth-of-type(3)) |
| @precious : hi, try to change td:nth-of-type(3) to #mal_control_strip td:nth-of-type(3) (with backslash after #mal ^^). |
| I don't think it works.... :( |
| Here is my CSS Code |
|
| Hello, can someone tell me how to move the Totals(exemple, TV: 27, OVA: 4, Movies: 0, Spcl.: 1,etc..) to the top of the list under the Header that says Watching,Completed... because they are located below the respective "completed" "watched" "plan to watch".. and i wanted them on the top, and to be always visible because they are invisible can only be seen when you pass the mouse hover |
| Oh ok, i don't think the anime score but only top mal_strip on bold, ok try this #mal_control_strip td:nth-of-type(3), [class^='td'][width='45'] { font-weight:bold !important; } (with backslash after #mal if you want to see on bold the control strip text too) |
| IT WORKS, you are a genius! :D thank you so much :) |
Shinsae said: @precious : it works for me. @MadLane : I do not think this is possible to move the category_totals to the top of list. You can change the opacity of .category_totals background and text color with the last number rgba(0,0,0,0) 0 = 0 opacity 255 = 0 transparency ok, i already made it visible, really there is no way to move it? i will try to find it must have a way to do it i have faith >.< |
| well you can basically change the position of everything on your list, I'm not the wisest when it comes to coding but something along those lines: .category_totals { background: none repeat scroll 0 0 white; position: absolute !important; right: -30px !important; top: 10px !important; padding: 5px !important; width: 70%; } (or replace .category_totals with "#grand_totals" if you want to adjust that instead) ^that code above needs a lot of fixing though XD (I'm just trying to be somewhat helpful xD) |
Vanessa-Jul 16, 2014 12:13 AM
| Hey guys, new to MAL and just trying to figure out a few things about my list. The two things I can't figure out are on my anime list and they are 1) I want to move the counts underneath each section to be centred, I swear they were like that to begin with and I don't know what I've done to change them. 2) I want my background image to be fixed/no scrolling and also no repeating, I've set the CSS things to fixed and no-repeat but it's not changing. Any help much appreciated :) |
| Hi xNemo, welcome to mal, try this : body { background: url(http://myanimelist.net/images/userwalls/3927391.jpg) top center no-repeat fixed; background-size: cover; } .category_totals { text-align: center; } you can change background's position and size. |
Shinsae said: Hi xNemo, welcome to mal, try this : body { background: url(http://myanimelist.net/images/userwalls/3927391.jpg) top center no-repeat fixed; background-size: cover; } .category_totals { text-align: center; } you can change background's position and size. Thanks, that fixed the background image and the totals alignments, but uhh... it caused a few other problems! :( |
| Ok, it was really bothering me so I went and changed it back to how it was before... What I did was I copy/pasted the CSS you gave me into the 'advanced style css editor' thingy, in a thing called Style ID#248417... was that what I was supposed to do? >.< It fixed the problems I said but it removed the table completely and only showed text across the entire page. Sorry I'm not very good with these things :( could anyone show me how to fix my background so it doesn't scroll and doesn't repeat, without destroying the rest of the page :D |
| Anyone? ~Bumpcozneedhalp |
xNemo said: Anyone? ~Bumpcozneedhalp Hi, i saw you'r List and you don't want the background image to repeat right? so delete the: background-repeat: ; and use the: background-size: 100% 100%; let me know if it works and if is that what you want :) :) |
| the images of the series on your list show for me, so it must be an issue on your side. may i ask your display dimensions and which browser you use? |
| Gonna assume you're talking about the preview pics on your anime list for now in your custom css edit box instead of using this (delete this line) @import url(https://dl.dropboxusercontent.com/u/78340470/anime.css); replace it with this @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; or @import "https://googledrive.com/host/0BxjwQr0BBXs-aWFrYzJjVnpoVVE"; then save and pics should show up in preview, if they don't, leave it in so someone can see what went wrong |
|
More topics from this board
» AI-Powered Anime Recommendations + Stats ( 1 2 )ameo___ - May 23, 2022 |
88 |
by therex55213
»»
38 minutes ago |
|
» I made a 'Cultured' higher or lower gameDuxAlbion - 4 hours ago |
0 |
by DuxAlbion
»»
4 hours ago |
|
» Did I go over the top with the stamps on my profile?vermerin - Dec 17 |
8 |
by Chipp_Dipp
»»
7 hours ago |
|
» Have you ever used a mechanical pencil for drawing?DesuMaiden - Dec 19 |
6 |
by DesuMaiden
»»
8 hours ago |
|
» 【 ART THREAD 】Let's share our art! ❤︎ ( 1 2 3 4 5 ... Last Page )mewmewforever - Aug 30, 2024 |
271 |
by Retro8bit
»»
Yesterday, 11:38 PM |