Forum Settings
Forums
Oct 7, 2013 2:06 PM
Dovahkiin
Offline
Joined: Mar 2008
Posts: 3162
HakuryuSting said:
Thank you very much!
It's no problem at all. If you'd like any list help in the future, feel free to contact me via PM or profile comments, or post in this topic. And if you'd like any feedback on any of your future list designs, start a thread in the Creative Corner. The link Damaein posted is pretty handy as well.
 
Oct 8, 2013 4:24 AM
Offline
Joined: Sep 2013
Posts: 4
What are the dimensions of the images that are in the right side of the page?
 
Oct 8, 2013 8:52 AM
Dovahkiin
Offline
Joined: Mar 2008
Posts: 3162
HakuryuSting said:
What are the dimensions of the images that are in the right side of the page?
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.

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~
Modified by Ramen, Oct 8, 2013 9:03 AM
 
Oct 8, 2013 9:33 AM
DB Administrator
Summer☆Time

Offline
Joined: Sep 2008
Posts: 18020
 
Jan 1, 2014 6:21 PM

Offline
Joined: Sep 2012
Posts: 831
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.
Modified by Reverb_Shock, Jan 1, 2014 7:01 PM
 
Jan 1, 2014 6:43 PM

Offline
Joined: Feb 2010
Posts: 6157
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.
 
Jan 1, 2014 6:55 PM

Offline
Joined: Sep 2012
Posts: 831
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.
 
Jan 12, 2014 2:13 PM
Offline
Joined: Jan 2014
Posts: 2
Well, I was following several guides from this forum to edit my anime list page. Then I decided to use this:
@import "http://dl.dropbox.com/u/78340470/Past%20Stuff/bottommenuimport.css";
for the Header Classes bar, and I got a problem, the bar is under the table list, so I have to go bottom's page every time I want to use it.

I want to apologize about my english, I attach an image to make easiest to understand:
http://i41.tinypic.com/2cnys0o.jpg

Also, the bar sometimes hides the copyright , so I want to know how to create more bottom space under the copyright in order to improve it visibility.

my css code:
 
Jan 12, 2014 3:48 PM

Offline
Joined: Oct 2006
Posts: 508
@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
 
Jan 13, 2014 3:41 AM
Offline
Joined: Jan 2014
Posts: 2
Really thanks you, It works pretty good. ^^
 
Jan 16, 2014 12:27 PM
Offline
Joined: Jun 2010
Posts: 1
Hey, guys. Just wondering, what needs to be changed to increase the width of tag's column in the animelist, if it's possible? Maybe some css-code parts, I dunno.
Could you tell me?
 
Jan 16, 2014 4:10 PM

Offline
Joined: Feb 2010
Posts: 6157
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
 
Jan 24, 2014 6:55 PM
Offline
Joined: Dec 2013
Posts: 4
Okey so bascially i want a picture to my animes on my list, like on this website http://myanimelist.net/forum/?topicid=459189 If you look at the picture you see how theres a picture on his animes where it says Watching. Thats how i want it to. But i do not understand how i do it.

I know where to go to change it, but i don't understand how to change the CSS to make it look like that. Bascially i want someone to either make a premade css for me to use or how to add and where exactly in the css i put these imports on the dropoutbox links that he gives.

Atm i have a Css that is completly empty, because on a tutorial i was told to empty it. So yeah, thats what i need help with, if anyone knows and can help a beginner.

edit: It's on Advanced Css File im doing this.

2nd edit: I noticed a problem. If i change whats said in the Advanced Css File it doesn't update when i click update, either the text disapperes or it adds 2 off them, so lets say i type "lol" click update it says "lol lol" instead. And if i remove 1 lol and click update it comes back.
Modified by Freemind0, Jan 24, 2014 7:09 PM
 
Jan 25, 2014 6:52 PM

Offline
Joined: Feb 2010
Posts: 6157
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.
 
Jun 27, 2014 2:11 AM
Offline
Joined: May 2013
Posts: 2
hi guys i have a problem with my list http://myanimelist.net/animelist/zakey i want to change the color of watching completed on-hold etc.. and second when u mouse over at the bottom of each category you know the line that says the total animes you have watching total episodes etc. you can read what it says but if u dont mouse over it you cant thats all here is the code http://pastebin.com/BVyQRteU
 
Jun 27, 2014 12:11 PM

Offline
Joined: Dec 2011
Posts: 110
Hi zakey, i see you've set your problem, if I'm not mistaken ?
 
Jun 27, 2014 7:43 PM
Offline
Joined: May 2013
Posts: 2
Shinsae said:
Hi zakey, i see you've set your problem, if I'm not mistaken ?
yes thank you :)
 
Jul 11, 2014 5:47 PM

Offline
Joined: Jan 2013
Posts: 23
As I said... It won't show up.
This is how it looks:

But the other headings show up:
 
Jul 11, 2014 6:56 PM

Offline
Joined: Feb 2010
Posts: 6157
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
 
Jul 11, 2014 7:36 PM

Offline
Joined: Jan 2013
Posts: 23
Sorry... I don't know what's wrong so I just copied my CSS here: (It's at the bottom part)
 
Jul 12, 2014 2:00 AM

Offline
Joined: Feb 2010
Posts: 6157
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.
 
Jul 13, 2014 12:39 AM

Offline
Joined: Jan 2013
Posts: 23
Ahhhhh... I see... So that's the problem, and a simple one at that.
Arigatou Gozaimasu!
I'll forever be grateful to you! ^_^
 
Jul 14, 2014 10:27 AM
Offline
Joined: Feb 2014
Posts: 690
Hello
Do you know how to fix this problem?


I want to set this on right bottom but I don't know how.
 
Jul 14, 2014 10:39 AM
Offline
Joined: Dec 2009
Posts: 6076
..I wish I could be able to do half of that, lol.
 
Jul 14, 2014 11:55 AM

Offline
Joined: Oct 2009
Posts: 7314
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
Modified by Serhiyko, Jul 14, 2014 11:58 AM
 
Jul 14, 2014 12:20 PM

Offline
Joined: Jul 2013
Posts: 36259
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.
 
Jul 14, 2014 2:29 PM

Offline
Joined: Oct 2009
Posts: 7314
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
 
Jul 15, 2014 12:40 AM
DB Administrator
Summer☆Time

Offline
Joined: Sep 2008
Posts: 18020
 
Jul 15, 2014 2:39 AM

Offline
Joined: Mar 2008
Posts: 3108
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))
 
Jul 15, 2014 3:22 AM

Offline
Joined: Dec 2011
Posts: 110
@precious : hi, try to change td:nth-of-type(3) to #mal_control_strip td:nth-of-type(3) (with backslash after #mal ^^).
 
Jul 15, 2014 5:38 AM

Offline
Joined: Mar 2008
Posts: 3108
Shinsae said:
@precious : hi, try to change td:nth-of-type(3) to #mal_control_strip td:nth-of-type(3) (with backslash after #mal ^^).

thank you so much, you're awesome! :D
I'll try it!
 
Jul 15, 2014 5:46 AM

Offline
Joined: Mar 2008
Posts: 3108
I don't think it works.... :(
 
Jul 15, 2014 7:26 AM
Offline
Joined: Feb 2014
Posts: 690
Here is my CSS Code
 
Jul 15, 2014 8:02 AM

Offline
Joined: Jan 2014
Posts: 303
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
 
Jul 15, 2014 11:53 AM

Offline
Joined: Dec 2011
Posts: 110
@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
 
Jul 15, 2014 12:04 PM

Offline
Joined: Mar 2008
Posts: 3108
@Shinsae: yeah, the On Hold is fixed but the Scores are now not bold anymore..
I wanted them to stay bold without changing the On Hold-thing...
 
Jul 15, 2014 12:13 PM

Offline
Joined: Dec 2011
Posts: 110
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)
 
Jul 15, 2014 12:33 PM

Offline
Joined: Mar 2008
Posts: 3108
IT WORKS, you are a genius! :D thank you so much :)
 
Jul 15, 2014 1:04 PM

Offline
Joined: Jan 2014
Posts: 303
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 >.<
 
Jul 16, 2014 12:08 AM

Offline
Joined: Mar 2008
Posts: 3108
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)
Modified by Vanessa, Jul 16, 2014 12:13 AM
 
Jul 16, 2014 8:05 AM

Offline
Joined: Jan 2014
Posts: 303
@precious thx, but is not working, i bet there is something that is blocking the Totals and forcing them to be in the bottom i need to find out what it is Q_Q
 
Jul 17, 2014 12:59 AM

Offline
Joined: Jul 2014
Posts: 22
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 :)
 
Jul 17, 2014 1:32 AM

Offline
Joined: Dec 2011
Posts: 110
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.
 
Jul 17, 2014 1:46 AM

Offline
Joined: Jul 2014
Posts: 22
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! :(
 
Jul 17, 2014 2:53 AM

Offline
Joined: Jul 2014
Posts: 22
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
 
Jul 19, 2014 4:09 PM

Offline
Joined: Jul 2014
Posts: 22
Anyone?

~Bumpcozneedhalp
 
Jul 19, 2014 4:15 PM

Offline
Joined: Jan 2014
Posts: 303
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 :) :)
 
Sep 16, 2014 6:35 AM
Offline
Joined: Jan 2014
Posts: 3
When ever i get a spoiler i do all the steps get my list its perfect. the only thing is that when i hover over a anime it will not show the picutre, but when i go to other peoples MyAnimeList who have the same cover it shows they have the picture for some reason. idk if its my settings or something. if this also helps where the picture shows it is shaded when i hover over the anime. it seems like the picture is there, but will not show it.
 
Sep 16, 2014 7:02 AM

Offline
Joined: Mar 2013
Posts: 5834
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?
 
Sep 16, 2014 7:08 AM
Offline
Joined: Jan 2014
Posts: 3
i use chrome so im not sure if thats the problem and TBH im not sure about how to find my display dimensions.

I have also been changing my theme to check if its just that theme and it seems to be because other themes i choose work and show pictures. just the one theme i want does not show the full picture only the boarder of it where it should be.

[i]Mod edit: merged double post
Modified by koleare, Sep 16, 2014 8:52 AM
 
Top
Pages (11) « First ... « 3 4 [5] 6 7 » ... Last »