New
Sep 17, 2011 7:48 AM
#101
saintcross said: mikana said: saintcross said: How do I change the colour of the links in the copyright section? insert color:; in the copyright section example #copyright, #grand_totals { text-align: center; margin:0 auto; color:purple; } That only applies to the text it seems, the links themselves doesn't seem to change. Basically I've changed all the colours of the links in my list to white and it seems that have affected the links in the copyright ![]() ![]() I misread the question, sorry about that but it doesn't look like you can change the link colours. |
mikanaSep 17, 2011 7:59 AM
Sep 17, 2011 8:01 AM
#102
saintcross said: That only applies to the text it seems, the links themselves doesn't seem to change. Basically I've changed all the colours of the links in my list to white and it seems that have affected the links in the copyright ![]() ![]() use this code. #copyright a { color: black; margin: 0 auto; padding-top: 6px; text-align: center; } |
----------------------------------- han-yuu.mooo.com [MDL stats] ----------------------------------- |
Sep 17, 2011 8:08 AM
#103
Han-yuu said: saintcross said: That only applies to the text it seems, the links themselves doesn't seem to change. Basically I've changed all the colours of the links in my list to white and it seems that have affected the links in the copyright ![]() ![]() use this code. #copyright a { color: black; margin: 0 auto; padding-top: 6px; text-align: center; } Works perfectly, thanks! |
Sep 17, 2011 9:17 AM
#104
Han-yuu said: saintcross said: That only applies to the text it seems, the links themselves doesn't seem to change. Basically I've changed all the colours of the links in my list to white and it seems that have affected the links in the copyright ![]() ![]() use this code. #copyright a { color: black; margin: 0 auto; padding-top: 6px; text-align: center; } So they do have a code for that. thanks |
Nov 5, 2011 7:24 AM
#105
| I've run into a slight dilemma with my new list style and was hoping someone could help me out.. I have a list_surround background that is 650px, but it is a vertically repeating png with transparencies around the edges. I am trying to find a way to constrain the actual "list" portion of the table within a 500px area, while keeping my list_surround width at 650px, so that it does not overlap into transparency on the left and right and instead sits nested in the middle. Is it as simple as playing around with the padding? Thanks in advance! :) |
Nov 5, 2011 1:40 PM
#106
| I think this should work: #list_surround > table, #list_surround > div { width: 500px; margin: auto; } @Edit: Replace all ">" with greater-than sign. MAL is doing strange things... |
Nov 5, 2011 2:24 PM
#107
Tithen-Firion said: I think this should work: #list_surround > table, #list_surround > div { width: 500px; margin: auto; } @Edit: Replace all ">" with greater-than sign. MAL is doing strange things... got it working! Thanks so much! |
thetokyoterrorNov 5, 2011 2:58 PM
Nov 17, 2011 3:12 AM
#108
| I was wondering what the code it is for BG images to auto adjust it's size to people's screen sizes, instead of the images being cut off or just small? Also transparent images for the list. Is there a specific code to use transparent images for the list itself? Thanks a lot in advance, thinking of making a Gilgamesh themed one! ;D |
![]() |
Nov 17, 2011 8:33 AM
#109
Kratos_Ortega said: I was wondering what the code it is for BG images to auto adjust it's size to people's screen sizes, instead of the images being cut off or just small? Also transparent images for the list. Is there a specific code to use transparent images for the list itself? Thanks a lot in advance, thinking of making a Gilgamesh themed one! ;D To get the background image to stretch to fit both height and width: body { background-image: url(); background-repeat: no-repeat; background-size: 100% 100%; } ... is what you need. To get the background image to retain proportions, but still be as big as can fit on your screen: You would just use background-size:contain; instead. To get transparency, You would add something like this: filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; ... into every {} that you want. But that affects the text too. Normally if you want to use transparent images only (not text) then you would just save the image as PNG with transparency in Photoshop or whatever editor you are using. There is no code necessary for this. |
Nov 17, 2011 8:35 AM
#110
| html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } As for transparent images you have to either set the transparency in a program like photoshop and save it as a png to preserve the transparency, or if you want the whole image transparent you can play with the opacity in the code. |
Dec 3, 2011 10:09 AM
#111
Jan 8, 2012 3:53 PM
#112
| Hey guys, I've recently decided to give the old profile and list a good dust up but I cant seem to get it to actually change. I got the Profile done but I'm having a tricky time with the CSS on the List Style. I got the wallpaper changed but the rows and headers are still the same Black and Grey even though I have set them to be Transparent, it just stays the way it is. I assumed it may just have been lag but it's been an hour now and it's still not changed. Is there something glaringly obvious that I have missed? |
Jan 9, 2012 12:01 AM
#113
| @Riptos: I don't see where you were trying to set the rows to transparent, since the CSS in the page still has #1c1c1c and #000000 for the background-color values. You may need to select your custom style in your settings on this page: http://myanimelist.net/editprofile.php?go=stylepref&do=changestyle It should be one of the styles that is numbered if you are doing custom css. Be warned that sometimes mal will rewrite your styles to escape patterns that it sees as problematic. You can sometimes circumvent those protections by adding backslashes or encoding the css in hex. You'll see what I mean if you try anything more complex. Honestly I find it easier to host my styles off-site and just @import() in my custom style, though not everyone has hosting to use. |
sakaJan 9, 2012 12:05 AM
Feb 2, 2012 11:37 PM
#114
| I need help setting td1's and td2's background... I want the dark strip to appear ONLY at the left, under the numbers and so, but it gets like this: Code: .td1 { color: black ; border-width: 0px 1px 1px 0px; padding:1px; background-color: #9f0724; background-position: bottom LEFT; background-image: (image address); background-repeat: no-repeat; } .td2 { color: black ; border-width: 0px 1px 1px 0px; padding: 1px; margin-left: 20px; margin-right: auto; background-color: #9f0724; background-image: url(image address); background-repeat: repeat-y; background-position: LEFT; } .table_header { border-width: 0px 0px 0px 0px; padding: 2px; background-color: #9f0724; background-image: url(image address); background-repeat: no-repeat; background-position: LEFT; Help, please. |
Feb 3, 2012 1:32 AM
#115
| Just remove background-image, background-repeat, background-position from .td1, .td2, .table_header and add this: .td1:first-child, .td2:first-child, .table_header:first-child Read more about "child selectors" here: http://coding.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/{ background-image: url(image address); background-repeat: no-repeat; background-position: left; } td[class^="t"]:first-child More about "attribute selectors": http://coding.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/{ background: url(image address) left no-repeat; } More about "background": http://www.w3schools.com/cssref/css3_pr_background.asp Hope that helps. ;) |
Tithen-FirionFeb 3, 2012 1:41 AM
Mar 22, 2012 2:05 AM
#117
| Quick question: Is there a way to change the colour of the status up top (selected, not selected)? They're links, and they refuse to take on the colour I specify under .status_selected. Thanks! |
Mar 22, 2012 4:56 PM
#118
Athena said: Quick question: Is there a way to change the colour of the status up top (selected, not selected)? They're links, and they refuse to take on the colour I specify under .status_selected. Thanks! Did you try .status_selected a, .status_not_selected a{} and .status_selected a:hover, .status_not_selected a:hover{} ? ^^ |
Mar 23, 2012 2:41 AM
#119
Rukayex said: Did you try .status_selected a, .status_not_selected a{} and .status_selected a:hover, .status_not_selected a:hover{} ? ^^ Thank you! I tried that, it did change the status up top the way I wanted them to, but for some reason the link colours in my list got affected as well. Seemingly arbitrarily, because some were links I'd visited, others were not. Er, anyway, thanks a lot for that. I'll see if I can figure out what I'm doing wrong. |
Apr 3, 2012 4:35 AM
#120
| Does any one know the coding for adding a cursor to the Anime List? I want to add a Snow Flake Cursor to this list but I do not know how... http://myanimelist.net/animelist/Snowing Thanks! |
Apr 4, 2012 2:04 PM
#121
| It's fairly simple, really: cursor: url(http://zoiq.rainender.com/misc/mal/al/cursor.png) 5 2, auto; The one above is in my case, though. You may have to change the values I think depending on your own cursor, as well as add it in several sections to get it all over your list (body, a:hover etc.) Try it out, you could use mine but it won't look good on blue... |
Apr 15, 2012 1:25 PM
#123
| You can't. It is possible to hide this element and add a background with image aligned to left or right to #search, but it won't be clickable anymore. I've even got an example: http://myanimelist.net/animelist/-Akarin- |
Tithen-FirionApr 15, 2012 1:30 PM
Apr 15, 2012 3:26 PM
#125
| Default one is different. Take a look: http://myanimelist.net/animelist/LightAndDark |
Apr 21, 2012 10:02 PM
#126
zq said: THANKS!!!! :D I'll use this http://cur.cursors-4u.net/nature/images10/nat985.pngIt's fairly simple, really: cursor: url(http://zoiq.rainender.com/misc/mal/al/cursor.png) 5 2, auto; The one above is in my case, though. You may have to change the values I think depending on your own cursor, as well as add it in several sections to get it all over your list (body, a:hover etc.) Try it out, you could use mine but it won't look good on blue... |
sakaApr 22, 2012 9:27 AM
May 11, 2012 1:54 PM
#127
May 12, 2012 9:31 PM
#128
| Your background changes for me in both Firefox 12 and Chrome 18. Maybe you are just misunderstanding how it is supposed to work? Change your screen size or browser size. The image should then change as well. Since you're using a premade layout from a club it's better to ask there for help. There are lots of tutorials for these layouts: http://myanimelist.net/forum/?topicid=419405#msg14032175 And here is the one for your problem: http://myanimelist.net/forum/?topicid=419677#msg14044347 |
May 24, 2012 6:54 AM
#129
| Is there a way, I can hide the search bar, when I scroll down? Edit : I think I found the problem.. My #mal_control_strip becomes just #, similarly with #mal_control_strip a, becomes # a Anyone knows, why does that happen? Edit : Problem solved. |
VigykMay 24, 2012 7:17 AM
Jun 18, 2012 2:05 PM
#130
| Hey there. I'm pretty good with html/css (I can code websites from scratch) but I don't quite understand how the CSS works on MAL. Anyway, I was wondering if I make a design mock-up in Photoshop if someone would be capable and willing to convert it into MAL CSS. Thanks, appreciate if anyone is willing to do this~ |
Jun 18, 2012 3:33 PM
#131
| @Dustin: if you poke around the page structure of the list (horribly marked up as it is) you should get a feel for the tags available to you. However, Xinil coded some protections into the custom style code which remove a lot of style identifiers from the code you submit, and these can often be so overzealous that you can't even get the most basic changes to stick. Furthermore there is sometimes a delay in updating your custom styles which may mislead you into thinking a change did not go through. To work around this, many users (including myself) have chosen to host the css on our own hosting and just @import the style here on mal. You can view my style in the header of my list to see what I mean. |
Jun 20, 2012 12:12 PM
#132
| Hi, I'm using the website's 'edit my style' feature to alter my list. I've added a background and re-aligned the list so far. Here is where I'm stuck: the 'Completed,' 'Watching', 'Plan to Watch,' items as well as the statistics beneath the individual lists have a transparent background that makes them hard to read. How to I modify those background settings? Thanks. -G PS. Just for the record, I've tried searching for an answer to this question using google ([search terms] site:www.myanimelist.net/forum) but I came up with nothing. |
Jun 20, 2012 10:59 PM
#133
ghritke said: Hi, I'm using the website's 'edit my style' feature to alter my list. I've added a background and re-aligned the list so far. Here is where I'm stuck: the 'Completed,' 'Watching', 'Plan to Watch,' items as well as the statistics beneath the individual lists have a transparent background that makes them hard to read. How to I modify those background settings? Thanks. -G PS. Just for the record, I've tried searching for an answer to this question using google ([search terms] site:www.myanimelist.net/forum) but I came up with nothing. Go to Advanced Style CSS Editor instead if you need a fancy list. if you want to make a custom list, this thread will help Also this club is great and also has a bunch of templates that can make it even easier for you. |
Jul 4, 2012 12:46 PM
#134
| Silly question: is there any way to select parent element via pure css? I'm currently heaving problem with one table which ~change it's position dinamicaly~. What I mean is that I can't use :nth-of-type selector to choose it. And this table element have same atributes as every other table element in a document. But, not like any other, it has a child element [div] with a specific class. So what I need is to add different style to the table with this child element. Lets say html looks like that: <table>...</table> <table>...</table> <table>...</table> <table><div class="someclass">...</div></table> <table>...</table> And I need to select a table with a div which have class atribute "someclass" . To be more specific I'm talking about .category_totals . One of my solutions was to hide "~all anime" tab and then hide last table element with :last-of-type selector. It was fine until I tried search function. And looks like search links you to that "all anime" tab so my all list gets messed.... Any solutions? And thanks. *Sorry for my bad english (.___.") |
Jul 5, 2012 8:54 PM
#135
ushiopix said: Silly question: is there any way to select parent element via pure css? Anyway Ushiopix, unfortunately you can't select the parent of element in pure css (1,2 or 3 (but in 4... maybe) ) :s. I looked for too :s. But you can select the table with :nth-of-type(here is 4th). But i don't know if it help you. |
Jul 5, 2012 11:30 PM
#136
Shinsae said: ushiopix said: Silly question: is there any way to select parent element via pure css? Anyway Ushiopix, unfortunately you can't select the parent of element in pure css (1,2 or 3 (but in 4... maybe) ) :s. I looked for too :s. But you can select the table with :nth-of-type(here is 4th). But i don't know if it help you. Thank you for your respond. No, thats not going to work. Unless no one will ever use search D: I guess I'll go forward with that idia that no one will xD Thank you again ^^, *I believe they should add different classes for different types of tables~~~ |
Jul 5, 2012 11:34 PM
#137
| You want to select what table exactly ? |
Jul 6, 2012 1:59 AM
#138
| The one which contains .category_totals div. It changes it's position in the list depending on how many anime/manga entries you have in there. Using :nth-of-type wont work becouse of that while using :last-of-type works just when you look at a single category (Completed, Watching etc..) but not in All Anime category which contains all categories in one page. That's complicated Dx |
Jul 6, 2012 2:06 AM
#139
| i looked for too :s but no way (i found) :s |
Jul 12, 2012 1:50 PM
#140
| I saw a lot of beautiful backgrounds that people have made for their anime/manga lists, can someone explain me how can i do that? |
Jul 28, 2012 4:21 PM
#141
| /* // Controls the select form decoration (the drop down select box) */ .form { border-width: ; border-color:; border-style:; color: ; padding: ; font-size: px; font-family: ; } /* Which 'status' up top is selected? */ .status_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; } .status_not_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; } --------- What tasks do they perform? And can you give me some examples? Thanks! ^^ |
Jul 28, 2012 4:37 PM
#142
endlessabyss said: .status_selected = Your selected status in list view. for example in my case it's "All Anime". some people choose "Watching" as default select status for list. Also if your default view is "All Anime" and then you check only "Completed" anime list page. That link will become selected status./* // Controls the select form decoration (the drop down select box) */ .form { border-width: ; border-color:; border-style:; color: ; padding: ; font-size: px; font-family: ; } /* Which 'status' up top is selected? */ .status_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; } .status_not_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; } --------- What tasks do they perform? And can you give me some examples? Thanks! ^^ .status_not_select = If "All Anime" is selected than all other status like "Watching", "Completed", "Dropped" etc are not selected.. Just use different background-color for both classes and you will see the difference in your list. I hope this explanation helps. |
----------------------------------- han-yuu.mooo.com [MDL stats] ----------------------------------- |
Aug 9, 2012 3:01 PM
#143
| would anyone know how to put a custom header on tumblr? |
Aug 10, 2012 8:11 AM
#144
CinatoastB3 said: would anyone know how to put a custom header on tumblr? You should have full control on your tumblr theme. Go to Customize and then Edit HTML. Then find area for adding custom header or you can even add new div. |
----------------------------------- han-yuu.mooo.com [MDL stats] ----------------------------------- |
Aug 23, 2012 12:38 PM
#145
| I am not good with this kind of stuff, so I need your help to edit a few words in my list. Watching,Completed,OnHold,Plan to watch and statistics after each one of these if you could help me I would like to know how to change color,size and font of these words. http://myanimelist.net/animelist/shape Oh and sorry if there is a topic on this, I'm just not a forum person so please direct me to it if it exists. |
Aug 23, 2012 3:26 PM
#146
shape said: I am not good with this kind of stuff, so I need your help to edit a few words in my list. Watching,Completed,OnHold,Plan to watch and statistics after each one of these if you could help me I would like to know how to change color,size and font of these words. http://myanimelist.net/animelist/shape Oh and sorry if there is a topic on this, I'm just not a forum person so please direct me to it if it exists. Edit the stuff in .header_title{}. So you'd have something like this: .header_title{ color: #000000; font-size: 20px; font-family: Arial, sans-serif; } And the other thing you asked about, the "statistics" at the end of each section, can be edited with .category_totals{} |
RukayexAug 23, 2012 3:30 PM
Aug 23, 2012 8:19 PM
#147
| Hello, I'm pretty new to MAL and I had a question about my anime/manga list. My manga list is in a straight line while my anime list isn't and looks messing. I was wondering why its doing that? :/ http://myanimelist.net/animelist/heartspardon http://myanimelist.net/mangalist/heartspardon Any help is appreciated. ^_^'' |
Aug 23, 2012 10:23 PM
#148
heartspardon said: Hello, I'm pretty new to MAL and I had a question about my anime/manga list. My manga list is in a straight line while my anime list isn't and looks messing. I was wondering why its doing that? :/ Any help is appreciated. ^_^'' It may be because there's so many more columns in your anime list than in your manga list. Try going here: http://myanimelist.net/editprofile.php?go=listpreferences and un-check the boxes for columns that you aren't using in your list (all the empty ones) and see if it fixes it. |
Oct 9, 2012 9:19 PM
#149
| I want to change my background to my anime list, I don't remember how to change the picture. |
Oct 9, 2012 9:38 PM
#150
More topics from this board
» Have you ever used a mechanical pencil for drawing?DesuMaiden - Dec 19 |
9 |
by Rndmguypassingby
»»
1 hour ago |
|
» Did I go over the top with the stamps on my profile?vermerin - Dec 17 |
10 |
by Chipp_Dipp
»»
4 hours ago |
|
» 【 ART THREAD 】Let's share our art! ❤︎ ( 1 2 3 4 5 ... Last Page )mewmewforever - Aug 30, 2024 |
275 |
by waferish
»»
8 hours ago |
|
» I made a 'Cultured' higher or lower gameDuxAlbion - Yesterday |
1 |
by Retro8bit
»»
Yesterday, 5:07 PM |
|
» AI-Powered Anime Recommendations + Stats ( 1 2 )ameo___ - May 23, 2022 |
88 |
by therex55213
»»
Yesterday, 4:15 PM |













