TheOnlyDimension said: Now mind you, I'm very, VERY new to this. Literally found this out earlier today, so sorry if I come off really noobish. So basically I want to change the silver background to a different picture... how do I go about doing that? This is my first time doing this sort of thing, so... yeah. Thanks! in the code, at the begining find: body { background: url(none) silver; } and replace silver for the color you want, could be a word(blue, red, yellow), a RBG hex(#000000 for black, #FF0000 for red), or in RGBA function[rgba(250,0,0,0.500) is a kind of red with transparency]. If you are intrested in customize your list, take a look at this posts: http://myanimelist.net/forum/?topicid=200320 http://myanimelist.net/forum/?topicid=200323 http://myanimelist.net/forum/?topicid=419405 |
| How do I change the color for the header text? I've been trying to turn it white (or another color), but have been unsuccessful. And is there any way to have the top bar on the left side instead? Thanks in advance. |
MirorinSep 29, 2012 9:02 PM
MM-Rosiie said: How do I change the color for the header text? I've been trying to turn it white (or another color), but have been unsuccessful. And is there any way to have the top bar on the left side instead? Thanks in advance. to change the color of the header text use: .header_title { color: *your color here*; } and what do you mean with have the top bar on the left side?? something like in this layout:  or could be the Icon bar in the left side?? PS: in a big screen your background doesn't cover all the screen, so you can use: body { background-size: cover or 100%; } |
al_exsOct 1, 2012 12:31 AM
| Nvm about the icons. It looks better on the right since there's space. Uh, how do I make the word "Tags" white? I don't know why it's a different color. o.o Thanks for the help. :D |
| 'cause "Tags" and "#" are only text, and others are links, so, If you want to change it and keep other text in black(like "Airing", the score or type) add in table_header secction: .table_header { color: #FFFFFF; } |
| It's awesome! Thanks a lot^^ |
 |
| Sorry if I am asking stupid questions, but this is my first time working with CSS and I have no idea how to change this one thing :P It took me 2-3 hours to make it look exactly as I wanted and only thing that bothers me is that I don't know how to change the color of number/type/progress/rated and also, completed/watching/on hold... Basically, I want to change color of everything that is black, http://myanimelist.net/animelist/MladenNS95 |
 |
MladenNS95 said: Basically, I want to change color of everything that is black, http://myanimelist.net/animelist/MladenNS95 All those black fonts don't have a color assigned to them by the custom CSS, so they become the default black color. You'll have to add color: codes to parts of the CSS to customize those fonts that are black. The easiest way to change just those fonts at once is with body near the top. You can add color: blue; to its section after all its other properties, and all the fonts that were black would become blue. So it'd look like this after you add the color code: body { background-attachment: fixed; background-clip: border-box; background-color: #99CCFF; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: cover; color: blue; } That controls all the black fonts. If you want to color the header and row colors differently find and color these sections in the code instead of using body: [class^="header_"] * .td1, .td2 In advanced CSS tutorials there's more ways to select even more individual parts but these parts are right in the CSS you have and can have color added to it. And if you need an individual section's code you can ask here. |
| It's perfect now! Thank you ^^ |
|
Xybirk said: How do you center your background? I really want Lelouch and C.C. to be in the center of the page on my Anime List. Look in the CSS's notes, it says right above where you put in the background code how to center it with the % amounts. |
Xybirk said: Shishio-kun said: Xybirk said: How do you center your background? I really want Lelouch and C.C. to be in the center of the page on my Anime List. Look in the CSS's notes, it says right above where you put in the background code how to center it with the % amounts. Awesome. Thank you. Two more things though. How do I make the image larger? Because a little bit of the silver background is peeking out behind it. Also, how do you change the color of the header text? I figured out how to change the color of the shadow, but not the actual text. Doesn't matter how large the background image is cuz the section containing isn't wide enough. Its not really meant to have a wallpaper there since it was a render first, but I guess you could just add this to the bottom of the CSS so it patches it like a wallpaper: #inlineContent { background-size: cover; width: 100% !important;} Font color is controlled by color: red;, change red to what you want. You can add under header title code or maybe under [class^="header_"] *. |
| how to add the mean score ,episode counts and other stuffs that's usually at the end of the "currently watch" ,"completed " etc ? |
| Hey! I don't know if you're aware of this, but the "My Anime List' image for the anime code with BRS is broken! It's a totally different picture now, it worked fine because but I guess it expired or something? For now, I just removed it from my list but I just want to let you know. |
loli-tan said: Hey! I don't know if you're aware of this, but the "My Anime List' image for the anime code with BRS is broken! It's a totally different picture now, it worked fine because but I guess it expired or something? For now, I just removed it from my list but I just want to let you know. Yeah something weird is happening with Tinypic randomly changing images. This happens occasionally and sometimes it fixes itself. I don't know if this will or not. So I'm just waiting to see, then we'll take the proper action afterwards. |
Shishio-kun said: MladenNS95 said: Basically, I want to change color of everything that is black, http://myanimelist.net/animelist/MladenNS95 All those black fonts don't have a color assigned to them by the custom CSS, so they become the default black color. You'll have to add color: codes to parts of the CSS to customize those fonts that are black. The easiest way to change just those fonts at once is with body near the top. You can add color: blue; to its section after all its other properties, and all the fonts that were black would become blue. So it'd look like this after you add the color code: body { background-attachment: fixed; background-clip: border-box; background-color: #99CCFF; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: cover; color: blue; } That controls all the black fonts. If you want to color the header and row colors differently find and color these sections in the code instead of using body: [class^="header_"] * .td1, .td2 In advanced CSS tutorials there's more ways to select even more individual parts but these parts are right in the CSS you have and can have color added to it. And if you need an individual section's code you can ask here. How can I change the text color for the Type column, where it says airing/not airing, and the hyphen in the Edit column individually? Thanks! |
 |
Doomcat55 said: Shishio-kun said: All those black fonts don't have a color assigned to them by the custom CSS, so they become the default black color. You'll have to add color: codes to parts of the CSS to customize those fonts that are black. The easiest way to change just those fonts at once is with body near the top. You can add color: blue; to its section after all its other properties, and all the fonts that were black would become blue. So it'd look like this after you add the color code: body { background-attachment: fixed; background-clip: border-box; background-color: #99CCFF; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: cover; color: blue; } That controls all the black fonts. If you want to color the header and row colors differently find and color these sections in the code instead of using body: [class^="header_"] * .td1, .td2 In advanced CSS tutorials there's more ways to select even more individual parts but these parts are right in the CSS you have and can have color added to it. And if you need an individual section's code you can ask here. How can I change the text color for the Type column, where it says airing/not airing, and the hyphen in the Edit column individually? Thanks! You're not specific enough on what text in the Type column, there's header text and text on each anime (Movie, TV, etc) Airing is .animetitle + small{ color: red !Important; } Try this tutorial to find future individual codes in the future: http://myanimelist.net/forum/?topicid=1329419 The hyphen has always been tricky to specifically target, I don't think anyone found a way to ever customize it individually. But we talked about this a few months ago, try to find the old comment I think it was Miketsukami-kun who had a way: http://myanimelist.net/clubs.php?id=19736&action=view&t=comments |
| In the Type column: where it says TV, Movie, etc. As for the tutorial, I know nothing about CSS or coding, so even if I found the relevant code, I wouldn't know how to edit it. Thanks though! |
|
Doomcat55 said: In the Type column: where it says TV, Movie, etc. As for the tutorial, I know nothing about CSS or coding, so even if I found the relevant code, I wouldn't know how to edit it. Thanks though! Change the underlined number to another number over 7 to target another row. Take out the entire bold part to target the entire column instead of one row. #list_surround table:nth-child(7) tbody:nth-child(1) tr:nth-child(1) td:nth-child(3) { color: red; } In the starter tutorial, the beginner's layout is full of notes to review that teach how to make basic changes to text. You can also see the tutorials about changing text. Google "CSS tutorials for Myanimelist" if you don't know where to look. |
| Something weird is up; after copying the code in and updating, the word "table" disappears from the bolded part. |
|
Doomcat55 said: Something weird is up; after copying the code in and updating, the word "table" disappears from the bolded part. Repost the code and put a backslash after tab. If td and tr do the same, add one between the t and d (or r). |
| Fixed up! |
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
Sep 13, 10:56 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |