Forum Settings
Forums
 
Oct 9, 2012 9:38 PM

Offline
Joined: Jul 2008
Posts: 2412
 
Oct 12, 2012 3:43 AM

Offline
Joined: Oct 2012
Posts: 16
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
 
Oct 12, 2012 2:26 PM

Offline
Joined: Dec 2011
Posts: 110
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.
 
Oct 13, 2012 1:37 AM
Offline
Joined: May 2011
Posts: 8
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
 
Oct 13, 2012 8:41 AM

Offline
Joined: Dec 2011
Posts: 110
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 ?
 
Oct 13, 2012 8:58 AM

Offline
Joined: May 2008
Posts: 4069
@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.
 
Oct 14, 2012 4:37 AM
Offline
Joined: May 2011
Posts: 8
saka said:
@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.


Thanks I put the same image but smaller and I now it doesn't happen anymore.
 
Oct 16, 2012 9:30 PM

Offline
Joined: Aug 2012
Posts: 337
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?
 
Oct 16, 2012 10:52 PM

Offline
Joined: Mar 2009
Posts: 2096
@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;}.
 
Oct 17, 2012 1:00 PM

Offline
Joined: Aug 2012
Posts: 337
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.
 
Oct 17, 2012 4:02 PM

Offline
Joined: Mar 2009
Posts: 2096
For the menu, try setting the

.status_selected, .status_not_selected

to

border: none;
 
Oct 17, 2012 4:24 PM
Offline
Joined: Dec 2009
Posts: 6078
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 ^^
 
Nov 30, 2012 9:28 AM

Offline
Joined: Aug 2011
Posts: 25
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
 
Nov 30, 2012 10:19 AM

Offline
Joined: Jul 2010
Posts: 2265
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.
 
Nov 30, 2012 10:30 AM

Offline
Joined: Aug 2011
Posts: 25
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?
Modified by AkaSnake, Nov 30, 2012 10:35 AM
 
Nov 30, 2012 10:56 AM

Offline
Joined: Dec 2011
Posts: 110
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.
 
Dec 22, 2012 1:54 PM
Offline
Joined: Sep 2012
Posts: 219
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?
 
Dec 23, 2012 8:09 AM

Offline
Joined: Dec 2011
Posts: 110
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.
 
Dec 23, 2012 12:15 PM

Offline
Joined: Dec 2012
Posts: 7981
I want to customize my list, though I can't understand some parts of the tutorials @_@
 
Apr 22, 2013 8:48 PM

Offline
Joined: Oct 2011
Posts: 18
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?:)
 
Apr 23, 2013 1:51 PM

Offline
Joined: Dec 2011
Posts: 110
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
 
Apr 26, 2013 2:14 AM

Offline
Joined: Feb 2011
Posts: 1062
Background image and modified fonts won't show, any ideas?

http://myanimelist.net/animelist/Ardamaeus&status=2&order=0
 
Apr 26, 2013 2:48 AM

Offline
Joined: Dec 2011
Posts: 110
Ardamaeus said:
Background image and modified fonts won't show, any ideas?

http://myanimelist.net/animelist/Ardamaeus&status=2&order=0


Just delete
&lt;style type="text/css"&gt;&amp;lt;style type="text/css"&amp;gt;
at the beginning.

 
Apr 26, 2013 2:54 AM

Offline
Joined: Feb 2011
Posts: 1062
Second delete did the trick, thanks.
 
Apr 26, 2013 2:03 PM
Sanji Fangirl

Offline
Joined: Jun 2008
Posts: 24902
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.
 
May 6, 2013 9:35 AM

Offline
Joined: May 2013
Posts: 2
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 ?
 
May 6, 2013 2:16 PM
Offline
Joined: Apr 2013
Posts: 94
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.
 
May 6, 2013 2:22 PM

Offline
Joined: Dec 2011
Posts: 110
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
 
May 6, 2013 2:31 PM

Offline
Joined: Dec 2011
Posts: 110
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:'-'; }
 
May 6, 2013 2:51 PM

Offline
Joined: May 2013
Posts: 2
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 :/
 
May 6, 2013 6:50 PM
Offline
Joined: Apr 2013
Posts: 94
Shinsae said:

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:'-'; }

Yeah, that's perfect. Thanks!
 
Jul 27, 2013 8:06 PM
Offline
Joined: Jan 2013
Posts: 1
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
 
Jul 27, 2013 8:39 PM

Offline
Joined: Jul 2010
Posts: 2265
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.
 
Aug 24, 2013 7:44 AM

Offline
Joined: Jan 2013
Posts: 106
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?

Friend Me! Or PM me if you want to talk about stuff!

Check out my Anime List layout! PM me if you want to change yours but don't know how!
 
Aug 24, 2013 6:20 PM

Offline
Joined: Jan 2013
Posts: 106
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 !

Friend Me! Or PM me if you want to talk about stuff!

Check out my Anime List layout! PM me if you want to change yours but don't know how!
 
Aug 25, 2013 6:16 AM

Offline
Joined: Feb 2010
Posts: 6166
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.
Modified by saka, Aug 25, 2013 7:20 PM
 
Aug 25, 2013 7:00 PM

Offline
Joined: Jan 2013
Posts: 106
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 :)
Modified by saka, Aug 25, 2013 7:21 PM

Friend Me! Or PM me if you want to talk about stuff!

Check out my Anime List layout! PM me if you want to change yours but don't know how!
 
Aug 25, 2013 11:35 PM

Offline
Joined: Jan 2013
Posts: 106
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....

Friend Me! Or PM me if you want to talk about stuff!

Check out my Anime List layout! PM me if you want to change yours but don't know how!
 
Aug 26, 2013 5:25 AM

Offline
Joined: Jan 2013
Posts: 106
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 :)

Friend Me! Or PM me if you want to talk about stuff!

Check out my Anime List layout! PM me if you want to change yours but don't know how!
 
Sep 26, 2013 2:48 PM

Offline
Joined: Oct 2009
Posts: 7003
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
Modified by azzuRe, Sep 26, 2013 2:51 PM
 
Sep 26, 2013 2:53 PM

Offline
Joined: Oct 2009
Posts: 7003
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.
 
Sep 26, 2013 2:59 PM

Offline
Joined: Oct 2009
Posts: 7003
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;
}
 
Sep 26, 2013 3:04 PM

Offline
Joined: Oct 2009
Posts: 7003
I forgot it has to be override like this:

#mal_control_strip {
z-index: 2 !important;
}

What browser did you use?
 
Oct 7, 2013 6:35 AM

Offline
Joined: May 2013
Posts: 464
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
 
Oct 7, 2013 10:56 AM

Offline
Joined: Dec 2011
Posts: 110
@Crassa

Right alignment :
@import "http://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"

Left alignment :
@import "http://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSLeftFixed.css"
 
Oct 7, 2013 1:26 PM
Offline
Joined: Sep 2013
Posts: 4
Here is my anime list. http://myanimelist.net/animelist/HakuryuSting I want to change 2 things.I want to change the wallpaper and the faces and characters at the right of the page into Shingeki no Kyojin ones can you tell me in which parts of my CSS style I must work?
 
Oct 7, 2013 1:36 PM

Offline
Joined: Dec 2011
Posts: 640
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
 
Oct 7, 2013 1:42 PM
Dovahkiin
Offline
Joined: Mar 2008
Posts: 3162
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. :)
 
Oct 7, 2013 1:53 PM
Offline
Joined: Sep 2013
Posts: 4
Thank you very much!
 
Top
Pages (11) « First ... « 2 3 [4] 5 6 » ... Last »