❓ Ask for help here + See Frequently Asked Questions

D_Cuy said:


try this :



or this :

Shishio-kun said:



a solution would be to give each render an additional checkered background right behind it. So this way when the images overlap there will only be one render shown at the time even if multiple backgrounds are present on screen at once. it could turn out complicated tho.

You'd have to add multiple backgrounds with the topic on that. Then you'd have to make sure that extra background doesn't overlap over the list. if you try to do this on your own and can't get it, you can keep asking and sooner or later someone we should just be able to do this for you (may be harder to get help till next week)

Voidaxell said:
Okay, so recently seeing the cards @SylakentH did with the TG images I thought of doing one of my own, since I've been not doing cards for a little now.

which can be found here: http://tinyurl.com/pcoubte

The issues I'm facing are getting that logo/watermark off, if anyone could describe the steps to take it off easily, I'd be happy if you could help me to get rid of it (it's the green logo thingy).

I'd also like to know, if anyone could describe how to do the card shape similar to this one or of something more suitable for the card image: http://prntscr.com/8d93up
The card shape can be seen in between the red and green bit, where it has that sort of custom shape.

If you could help me out with those that'd be great, thanks

Doomcat55 said:

Sorry I didn't respond earlier, I've been putting off thinking about this.

What a pain... I'd imagine that my best bet would be to take a screenshot of the renders on their respective pages, just to make sure everything lines up correctly. Still though, I would need to figure out what's going on with the blue and black background, and that has me completely stumped... any ideas?

My CSS:

Snowyboy said:
Hey there,
I just managed to finish my list design, and it seemed to be good. However I just got feedback that the pop-up screen is in the way of the text itself. I tried different things and this is what I ended up with;
My normal screen: https://gyazo.com/337334dcf11046729c822a3618c97993
Minimised screen: https://gyazo.com/5228e21e2ce5e3590dcf49c44470608d

It seems that the pop up screen is stuck to that location, not keeping in mind how big someone's screen is. How can I adjust this so that the pop up adjusts itself to screen size?

Thanks in advance,

Shishio-kun said:

Have to get out there that if you're not using Photoshop at this point, you are seriously gimping yourself not only because of the lack of tools but because there are not alot of good ppl who can tell you how to do such things without PS

Go to the layer window and click on the layer with the logo/watermark, then use the eraser tool to rub it out from the card. If the image is one single layer tho, then you have to start over and erase the logo from the render first while its separate, then recreate the image.

Either find a premade-border with that shape and throw your stuff in, or if your card PSD is using a shape as the basis of the card template/border (which you should), you can raise and narrow the shape size with (I think) Free Transform, under Edit

Tetimaru said:
Hi, I'm using
@import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);

but some of the image links appear to be broken, so they don't appear on my anime list properly (purple boxes): http://myanimelist.net/animelist/Tetimaru

Any chance of fixing this? Do you know who the host is?

SamPolus22 said:

Hi there. Try using this tutorial to fix your problem http://myanimelist.net/forum/?topicid=419405. Scroll down to "DVD and manga covers on your list" section, there's a sub-section called Fill in missing covers, all answers to your problem are there

Tetimaru said:


So I was doing some digging and I discovered that google hosting is no longer available:
http://googleappsdeveloper.blogspot.ca/2015/08/deprecating-web-hosting-support-in.html

which appears to indicate the current @import url isn't even going to work in the future, so maybe it's not worth pursuing or fixing.

AvianConfit said:
Hello,

I was wondering if there was anything I could do in order to eliminate the little white lines that appear along the borders of the pictures when pieced together to make an "About Me" layout. I followed Shishio's video tutorial exactly but still seem to have these little gaps. I am thinking that it might be something to do with mal, but am not sure. You can see what I am talking about here: http://myanimelist.net/profile/AvianConfit under the About Me area.

Voidaxell said:


I am using PS!

The watermark thankfully disappeared with the eraser, so thank you on that advice.

Regarding the border for the card, I couldn't find a premade one so if you know of any good sites which supply free HD/Good premade borders for PS then please tell me so. I didn't quite understand what you mean't by this though ' or if your card PSD is using a shape as the basis of the card template/border' so if you could please tell me what you mean't by that I would be grateful.

AvianConfit said:


Well, they're not part of the images themselves, I verified that. Must be something with MAL. Oh well, thanks anyway.

P.S. I'm not talking about the white lines inside the box where the buttons are. It's more so the little tiny white lines that show up around the borders of the pictures where they were Guillotined.

AvianConfit said:


It might be my PC's resolution or something. The line goes right up through "Shigeru". This is the most obvious example. there are more near the top but no need to show that.

Shishio-kun said:


I don't see those at all. I would ask your friends if they see it, and if its just you, its something you need to resolve on your browser or computer, I guess. The images seem as close together as possible to me

ashjnr said:
http://i.hizliresim.com/j2byLr.jpg

How can i fix that point? I tried everything but did not fix it. I want it to look straight.

My animelist code is:

form[action*="logout"] {
    display: inline;
}

Doomcat55 said:

Add this to the bottom of your CSS:

Xirome said:
Hey everyone.
Some time ago i used a template but changed the image and then after a while i realised that i can't edit the tags on both my anime and manga lists. I've searched the forums for someone else that had the same problem but i couldn't find the solution. I'm sorry for taking your time with something this simple but i would appreciate the help. Thank in advance.

Xirome said:
Hey everyone.
Some time ago i used a template but changed the image and then after a while i realised that i can't edit the tags on both my anime and manga lists. I've searched the forums for someone else that had the same problem but i couldn't find the solution. I'm sorry for taking your time with something this simple but i would appreciate the help. Thank in advance.

Shishio-kun said:


Turn on tags here by checking the box. You must save changes
http://myanimelist.net/editprofile.php?go=listpreferences


You also need to find this in your code (bottom).

/*Add/Edit - More*/
[style^="float: right"] {
display: none;
}

and remove it. If you keep it in your CSS removes the buttons that let you edit these things right on your list. You can re-add it after

Zeroskye said:
Hello, so on my anime list, this is what my header and bottom portion look like:





The top is cut off, while both, the top and bottom, are a little bit out of place.

This is the link for the header:



Here's my code:



Thanks!

width: 700px !important;

.header_cw {
background-image: url("http://i.imgur.com/ZpYvEs0.png");
background-repeat: no-repeat;
height: 130px;
width: 700px !important
}

.category_totals

Doomcat55 said:

Go to the HEADERS section of your code, and on a new line, enter for each header.

e.g. the code for your currently watching header would look like this:
Add the same line where it says to fix the bottom. You may need to adjust the width by a few pixels to fit it to your list.

Zeroskye said:
Hello, so on my anime list, this is what my header and bottom portion look like:





The top is cut off, while both, the top and bottom, are a little bit out of place.

This is the link for the header:



Here's my code:



Thanks!

Doomcat55 said:

Go to the HEADERS section of your code, and on a new line, enter for each header.

e.g. the code for your currently watching header would look like this:
Add the same line where it says to fix the bottom. You may need to adjust the width by a few pixels to fit it to your list.

SamPolus22 said:

Hi there, try adding the following codes:

Voidaxell said:
I've been working on this design, http://tinyurl.com/pescrlz
But I cannot get the border (it's a premade border of google images) to change it's colour from the default to the one of my choice.

Anyone help?

Kaiwan said:
It's quite silly but i cant figure out how to draw a white outline cover the list table (like the copyright box below) can anyone help me out?
Also is there anyway to bring the header up a bit, seems like it can only go lower not higher?

http://myanimelist.net/animelist/Kaiwan?status=2&order=0
My code:

Aoi_Yui said:
So I'm attempting to render an image I tried using this tutorial but it was a failure due to the light colors on the edges of the image. The background of the image is white but the light colors cause jagged edges that show up on a colored bg. I spent over an hour fooling with the settings and whatnot. I'd use a different image but I can only find 4 of his characters and this is in only one with a bg that wont cause trouble.
Here is the image after cropping. (in spoiler)

Here is the original Image (in spoilers)

Here is my best result


I pretty much hit a dead end here.

I tried the lasso tool but my hand is nowhere near steady enough.
The magic wand tool ignores the unwanted pixels or only selects a few.
I attempted pixel by pixel but after over an hour of that my patience ran out.

If you need anymore info just ask!
Thanks in advance!

Aoi_Yui said:
So I'm attempting to render an image I tried using this tutorial but it was a failure due to the light colors on the edges of the image. The background of the image is white but the light colors cause jagged edges that show up on a colored bg. I spent over an hour fooling with the settings and whatnot. I'd use a different image but I can only find 4 of his characters and this is in only one with a bg that wont cause trouble.
Here is the image after cropping. (in spoiler)

Here is the original Image (in spoilers)

Here is my best result


I pretty much hit a dead end here.

I tried the lasso tool but my hand is nowhere near steady enough.
The magic wand tool ignores the unwanted pixels or only selects a few.
I attempted pixel by pixel but after over an hour of that my patience ran out.

If you need anymore info just ask!
Thanks in advance!

Shishio-kun said:

http://myanimelist.net/forum/?topicid=400287
Did you try the video tutorial here?

SamPolus22 said:

To move your header add this to your codes:

Aoi_Yui said:


Ok tried that. Got as far as the outline but my image has white parts inside and I cant figure out how to vector mask those as well. I tried delete but that just got rid of the path. I tried convert to selection but it only selected the outside. Also I don't want to delete the vector mask and completely redo my path except as a last resort.

Shishio-kun said:



Well if Oiomi's advice doesn't work for you (and no one else can help with it) I guess you could follow along with rendering tutorials online that show the actual act of rendering and you try to do what they do with your own image, and if you're looking to get into rendering try other easier images and then come back to this one later.

And it may not be worth pursuing, you can always ask someone else to do it for you in that thread