| http://myanimelist.net/editprofile.php?go=stylepref&do=wallpaper lol got ninja'd.oh well |
 |
| Does anyone know how to make the image fit perfectly on the screen? I am still new on this site and don't know allot about it... Thanks |
 |
Sakura2109 said: Does anyone know how to make the image fit perfectly on the screen? I am still new on this site and don't know allot about it... Thanks background-size:100% ? but if the pics is too small, you'll see the pixels. Try to chose a large image. |
anamafalda said: Hi! I've changed my anime list style but sometimes I can't watch the background image for hours and sometimes it's other people who can't see it. does anyone know what's wrong? thanks in advance xD Maybe a problem with the host ? |
| @anamafalda: An image is a file like any other on the Internet, so you're basically asking the question "What can cause a download to fail?" It is most likely a combination of a large image, slow internet connections, and people torrenting (or otherwise downloading) on those connections while loading your list. If it takes longer than a couple minutes they should just refresh. I believe photobucket will also limit the number of times you can load an image in a certain period, and could be periodically preventing the image from loading. |
 I am a banana. |
| Hi . . . I wanted to make an anime/manga list as i recently began learning CSS last week at school but am encountering some problems. Its not technical problems but rather design color wise if that made any sense. So I copy and pasted some templates and parts of other lists that i saw. http://myanimelist.net/animelist/Xenoi For my anime list i am sticking with the background. I added some transparent list but i can't get the headers to be transparent. Do i must do background: rgba but when i do that and i tried making the transparency for the headers to be a bit darker but it doesn't work(headers go transparent but not darker) I also feel the color scheme is terrible also and would love to have anyone help decide the colors. http://myanimelist.net/mangalist/Xenoi For my manga list it was a simply a copy and paste of the anime list but with the list on the other side of the screen. I don't know what background i should have. Backgrounds: http://imgur.com/E00gu,vmbCP,yX23v,LU33X,EMbtJ,K5nxj,h0JbV,bs1ya I tried them some of them but encounters some problems. Which one should I use? What should the color scheme before the text, transparency, and border. And some of the images are too small and had to be stretched but looks wrong like that, how would it be possible to increase the size of the image without affecting the aspect ratio? And the top bar menu thing at the top right, how do i change the color scheme for it? Is it possible? Or do i need to replace the icons with pictures? |
 |
| @Xenoi: Of the backgrounds, I personally like #1 and #7 the best. xD Those have the best... arrangement, color scheme, and atmosphere. Both of those have enough "similar colors" and not too much going on so that colors do not clash nor is the background distracting. From there you can choose both dark and light colors for your color scheme. I highly recommend the colors to be chosen from the background so that it fits well. And definitely not that red (which is usually hard to read)... especially in combination with that blue (which clashes colors with the red and just looks gross). Be careful to pick colors that are easy to read. Also, don't stretch images if you don't have to. Change your design so the image purposely doesn't cover the background... edit the image so the background is extended... or something. Like you said, it looks bad to stretch the images. The top right menu bar... is possible to change colors if you replace the icons with new icons (pictures). But grey and white is about as color-neutral as you can get (should fit with most color schemes), so I am not sure if changing it will look better. I also do not recommend full transparency for your list, if you are planning to have a picture as background. It makes it hard to read. I am not sure what you are talking about with the header transparency. For now, try setting the .header_title and the .table_header to have {background-color: none;}. |
Rukayex said: @Xenoi: Of the backgrounds, I personally like #1 and #7 the best. xD Those have the best... arrangement, color scheme, and atmosphere. Both of those have enough "similar colors" and not too much going on so that colors do not clash nor is the background distracting. From there you can choose both dark and light colors for your color scheme. I highly recommend the colors to be chosen from the background so that it fits well. And definitely not that red (which is usually hard to read)... especially in combination with that blue (which clashes colors with the red and just looks gross). Be careful to pick colors that are easy to read. Also, don't stretch images if you don't have to. Change your design so the image purposely doesn't cover the background... edit the image so the background is extended... or something. Like you said, it looks bad to stretch the images. The top right menu bar... is possible to change colors if you replace the icons with new icons (pictures). But grey and white is about as color-neutral as you can get (should fit with most color schemes), so I am not sure if changing it will look better. I also do not recommend full transparency for your list, if you are planning to have a picture as background. It makes it hard to read. I am not sure what you are talking about with the header transparency. For now, try setting the .header_title and the .table_header to have {background-color: none;}. Thanks for the reply. I will work on the color scheme based on your advice when i have some time . The problem i have with the top right bar is that under menu there is a red border, and i can't figure out how to remove that. My transparency is at .15 for background:rgba(255.255.255,.15) since im trying to find a rgb color that looks fine and when i do after getting the color scheme the list won't be fully transparent. |
|
| For the menu, try setting the .status_selected, .status_not_selected to border: none; |
| woah, thank you so much for the tutorial link! I always wondered how people did their list so special and wanted to do it one day. I hope I'm good enough to understand it in your tutorials thanks ^^ |
| Hey guys , I'd like to change the text color of my "Watching" , "Completed" etc , we barely see it. Is there a guide or something out there? There's so much options in my list settings , I don't even know which ones are for what , I pretty much got it randomnly D: , thanks! http://myanimelist.net/animelist/AkaSnake |
 |
AkaSnake said: Hey guys , I'd like to change the text color of my "Watching" , "Completed" etc , we barely see it. Is there a guide or something out there? There's so much options in my list settings , I don't even know which ones are for what , I pretty much got it randomnly D: , thanks! http://myanimelist.net/animelist/AkaSnake Go to advance css editing and replace this: with this: change #fff white color value to any other color you want. |
 |
Han-yuu said: AkaSnake said: Hey guys , I'd like to change the text color of my "Watching" , "Completed" etc , we barely see it. Is there a guide or something out there? There's so much options in my list settings , I don't even know which ones are for what , I pretty much got it randomnly D: , thanks! http://myanimelist.net/animelist/AkaSnake Go to advance css editing and replace this: with this: change #fff white color value to any other color you want. Awesome thanks! <3 Edit: Hmm is it possible to keep my current style? It said I had to change style D: I can't just change the color in "Edit my style" , it has to be in advanced? |
AkaSnakeNov 30, 2012 10:35 AM
|
AkaSnake said: Awesome thanks! <3 Edit: Hmm is it possible to keep my current style? It said I had to change style D: I can't just change the color in "Edit my style" , it has to be in advanced? Yes, you can change everything in advanced mode. |
QueenCythia said: I have a problem: If I add the premade design I use on my Anime list, to my Manga list, not the right images of the Manga is dispalyed. Like: A Full Metal Panic picture on a Shoujo Manga. Do I need to use another style for my Manga list? Or can I fix it? On your css file, you have : @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; It has the anime cover. But you don't have any file for the manga cover. For you manga list design, you just replace that line with another css file what has the manga cover image. |
| I want to customize my list, though I can't understand some parts of the tutorials @_@ |
 |
| Hi guys, as the tittle suggests, I have a problem with my list, and I'm asking for support to the people who knows about this kind of thing:) Ok so before everything I want to let you know that I started CSS like 4 days ago so I'm a newb... Now the problem, when I hover my cursor over the number of my animelist it should show the DVD cover, but it only shows the borderlines.. http://myanimelist.net/animelist/raurux So, can you help me?:) |
 |
raurux said: Hi guys, as the tittle suggests, I have a problem with my list, and I'm asking for support to the people who knows about this kind of thing:) Ok so before everything I want to let you know that I started CSS like 4 days ago so I'm a newb... Now the problem, when I hover my cursor over the number of my animelist it should show the DVD cover, but it only shows the borderlines.. http://myanimelist.net/animelist/raurux So, can you help me?:) Just replace .hide:hover:after by .hide:hover:before And it lacks some pictures on this file : http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css |
| Background image and modified fonts won't show, any ideas? http://myanimelist.net/animelist/Ardamaeus&status=2&order=0 |
     |
Ardamaeus said: Background image and modified fonts won't show, any ideas? http://myanimelist.net/animelist/Ardamaeus&status=2&order=0 Just delete <style type="text/css">&lt;style type="text/css"&gt; at the beginning. |
| Second delete did the trick, thanks. |
| |
| Does anyone wanna create a list style for me? :'] Not anything fancy. I have the picture and i just want a simple list with white background and the columns and text to be in black. Comment on my profile if you have some spare time and want to make it. |
| hey, i've got a problem, i can't change my wallpaper anymore :s i tried many time but still the same. The wallpaper i want to put is the right size, so i don't know why it doesn't work... can someone help me ? |
Norivaxx said: hey, i've got a problem, i can't change my wallpaper anymore :s i tried many time but still the same. The wallpaper i want to put is the right size, so i don't know why it doesn't work... can someone help me ? Hi, do you host the images on MAL server ? I advise you to use another image hosting service. https://duckduckgo.com/?q=picture+hosting |
RailgunS said: Is there any way to edit the "Edit - More" or "Add - More" things within the anime list? I want to either remove it or change it to something like " + - = " Because those texts take up a lot of space. Something like this ? : .List_LightBox, [id^='xmenu'] { color:transparent; font-size: 0px; } .List_LightBox:after,[id^='xmenu']:after{ color: #000; font-size: 12px; } .List_LightBox:after { content: '+'; } [id^='xmenu']:after { content:'-'; } |
Shinsae said: Norivaxx said: hey, i've got a problem, i can't change my wallpaper anymore :s i tried many time but still the same. The wallpaper i want to put is the right size, so i don't know why it doesn't work... can someone help me ? Hi, do you host the images on MAL server ? I advise you to use another image hosting service. https://duckduckgo.com/?q=picture+hosting I don't know what you mean by MAL server, but i didn't even host the first image I put for the wallpaper, so I don't understand really why I can't change. I tried to change by many different picture but nothing happend :/ |
xlXOsPrEyXlx said: Hey I was wondering if someone could teach me how to offset the list towards the left, I have no idea how to use CSS Open advance css editor and find #list_surround id. It should be something like: #list_surround { left: 0 !important; margin: auto !important; position: absolute !important; right: 0 !important; } Replace margin line with this: margin: 0 0 0 40px !important; You can change margin value "40px" with "50px" or any other value to set margin from the left side. |
|
| So here I have a custom layout from Shishio-sama :) anyway I want to change the header so it can have a different name http://myanimelist.net/animelist/GoldenFyre Check the top and you'll see what I mean Code I want to replace the Title http://i50.tinypic.com/mhbrid.png (existing title) with this http://i40.tinypic.com/2q19tzm.png I've replaced it in the code but when I save it then update, when I check my Anime List it just doesn't show up? It stays the same as before. Any help would be nice Thank You! EDIT: The code is the original up there^ but i've already tried replacing and it doesn't work? |
Check out my Anime List layout! PM me if you want to change yours but don't know how! |
| So I want to make the actual Anime List align itself to the left? http://myanimelist.net/animelist/GoldenFyre How do i change the actual buttons that say Currently Watching, Plan to watch, dropped, etc? Much Thanks ! |
Check out my Anime List layout! PM me if you want to change yours but don't know how! |
GoldenFyre said: So I want to make the actual Anime List align itself to the left? http://myanimelist.net/animelist/GoldenFyre How do i change the actual buttons that say Currently Watching, Plan to watch, dropped, etc? Much Thanks ! Add this to the bottom to realign list table to the left, you can add to the 1px for more spacing. #list_surround { left: 1px !important; position: absolute !important; } Editing the category links is complicated, I have a full topic on it for advanced users: http://myanimelist.net/forum/?topicid=416069 But its easier to just say what you want to do with the links (recolor, add pics, move, etc) and I can see if I can write a code for it. To get the title you add this to the bottom of your current CSS on your list: #list_surround { background: url("http://i40.tinypic.com/2q19tzm.png") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 120px; width: 800px; } but you didn't get the transparent PNG when you downloaded the generated title from Cooltext so you need to do make another one and download it as a PNG and upload it as a PNG. Otherwise it will have that white background. |
sakaAug 25, 2013 7:20 PM
Shishio-kun said: GoldenFyre said: Add this to the bottom to realign list table to the left, you can add to the 1px for more spacing. #list_surround { left: 1px !important; position: absolute !important; } Editing the category links is complicated, I have a full topic on it for advanced users: http://myanimelist.net/forum/?topicid=416069 But its easier to just say what you want to do with the links (recolor, add pics, move, etc) and I can see if I can write a code for it. Thank you! But to be honest I'd rather know how to do it myself as I'm trying to learn how to use CSS and having someone else do it for me would be pointless so to speak I'll check the link out though thank you as I've been using your tutorials a lot haha Shishio-kun said: To get the title you add this to the bottom of your current CSS on your list: #list_surround { background: url("http://i40.tinypic.com/2q19tzm.png") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 120px; width: 800px; } but you didn't get the transparent PNG when you downloaded the generated title from Cooltext so you need to do make another one and download it as a PNG and upload it as a PNG. Otherwise it will have that white background. Once again thank you! but I changed lay outs since I just couldn't figure it out lol :) |
sakaAug 25, 2013 7:21 PM
Check out my Anime List layout! PM me if you want to change yours but don't know how! |
| tried but couldn't figure this out... can anyone help me with changing the list headers? http://myanimelist.net/animelist/GoldenFyre The ones that actually link you to each one at the top of the page. Make them any design that you think would match the BG if you could, here's my code ATM Haha I know that the actual headers don't match yet but I'm working on it! If they look alright then by the time you read this I updated it. Thank You!!! Edit: The one's at the waaaay top. Not the actual anime list headers but the links Just in case.... |
Check out my Anime List layout! PM me if you want to change yours but don't know how! |
| Found an Example http://myanimelist.net/forum/?topicid=393437 could it look like the ones in the examples but have a red transparentish BG? http://myanimelist.net/animelist/GoldenFyre I want them to go a bit above Jiraiya's head and if they could match the BG that would be awesome. The one i have ATM is ok but now what I had in mind... Slowly changing the headers :) |
Check out my Anime List layout! PM me if you want to change yours but don't know how! |
| I think you've solved the problem because I don't see anything wrong or it is your browser issue? Anyway for CSS you should use z-index to put orders of drawing. http://www.w3schools.com/cssref/pr_pos_z-index.asp |
azzuReSep 26, 2013 2:51 PM
| The most important things in life is the people that you care about |
FrostedSilver964 said: azzuRe said: I think you've solved the problem. What? No I haven't Then you must try using the z-index property on the element. |
| The most important things in life is the people that you care about |
FrostedSilver964 said: Sorry I don't understand a thing. Do I just need to copy that bit of text to my code? hmm maybe add this code to your CSS: #mal_control_strip { z-index: 2; } |
| The most important things in life is the people that you care about |
| I forgot it has to be override like this: #mal_control_strip { z-index: 2 !important; } What browser did you use? |
| The most important things in life is the people that you care about |
| http://myanimelist.net/forum/?topicid=412787&show=0 Do anyone know how to move that top bar into the left alignment instead of the right? http://myanimelist.net/animelist/Crassa |
| see this: http://myanimelist.net/forum/?topicid=200320 A lot of work went into it. Thanks |
text27 said: yes if you read the whole thing...robots will only kill the people you put in-front of them so yeah. RandomChampion said: u were that homie in the thong werent u |
| It looks like in order to change the wallpaper, you're going to have to work on this part: body { background-attachment: fixed !important; background-image: url("http://i.imgur.com/vOPYFQT.png"), url("http://i.imgur.com/oHVCieh.jpg"); background-position: center bottom, center center; background-repeat: no-repeat; background-size: 750px 500px, cover; background-color: black; } Change the link in red to a link to an image of Shingeki no Kyojin characters, and the link in green to a link to an image of whatever you'd like the background to be. This would be placed behind the characters. As for the right hand side, you'd be working with these parts: For example, to change the "On-Hold" image, you would change the background-image in this section to your new image. .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/VaYL8hy.png"); background-repeat: no-repeat; height: 30px; Note that the new images you add should match the dimensions of the current images, or else you would need to change some other things as well. I could help you there if that's the case. :) |
 |
HakuryuSting said: 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.Thank you very much! |
|
More topics from this board
» How to Export/Backup Your Anime List Automatically! (TamperMonkey Script)hacker09 - May 18, 2020 |
7 |
by Vapor_AU
»»
1 hour ago |
|
» The Poetry thread ( 1 2 3 4 5 )TheConquerer - Sep 17, 2015 |
220 |
by 707supremacist
»»
1 hour ago |
|
» What software(s) and hardware(s) do you use for digital drawings?DesuMaiden - Apr 16 |
18 |
by 707supremacist
»»
2 hours ago |
|
» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page )nin-tendo - Dec 16, 2022 |
363 |
by nin-tendo
»»
7 hours ago |
|
» Protect or punish?DollzchanAi - Apr 18 |
4 |
by DollzchanAi
»»
Yesterday, 6:15 AM |