❓ Ask for help here + See Frequently Asked Questions

GENBrian said:
Thank you so much for helping Shishio. I kind of get it now. Just experiment until you think it looks good.

Serhiyko said:
Remove

line add place either

or

under

instead

CoLd_J0ker said:
Is there a quick way to change this list?
[spoiler] /spoiler]
I absolutely love this style,the side buttons,the headers everythign is great but the only thing I dont like are the dvd covers.I would like to get a normal list style like this one :


first code :
second code :

Read more at http://myanimelist.net/forum/?topicid=393503&show=40#0X5BcDCTe6MVyi7s.99

I hope my question is clear,my english isnt that good :x

GreeseMonkie said:

Thak you very much!!!!

Shishio-kun said:


Just remove the .hide and .hide:hover codes, thats what sets covers. Either delete them and the codes in the brackets next to them, or rename them something like X.hide and X.hide:hover so they don't work anymore. You also remove the @import line at the top, but it seems you already removed that

edup_2004 said:
Hi, is there a tutorial to make advanced signatures?

I found one in which you can add the time you spend watching anime, but the site is nor working anymore.

I would like to know how to make a better signature with more information and also with images switching like a gif. I've seen some like that but have no idea how to make them.

So far I can make my own signature out of a render and use the info MAL provides automatically in your profile settings but don't know how to pass that lvl.

Pd: also, my signature won't update anymore unless I do it manually. I've tried every fix and nothing.... :(

Takana_no_Hana said:
Hi, I just want to ask that are there any way to implement this scrolling banner into my list?

Here are the codes:



I figure out it has something to do with inlineContent and I've been playing with the codes for hours but no result :/
When I added that code to the list, it didn't show. Then I changed the value and sometimes it shows but the other background images or animation just got lost.

Shishio-kun said:


You're already using inline content for the secondary background and animated sakura petals. So you could use a different selector for the scrollbar, or a different one for the second bg/petals.

Takana_no_Hana said:
Thank you very much for the answer, but currently the images on the right is on top of my list. I couldn't figure out how to put them under the list.


I guess i will have to find other way or give up on this, anyway I really appreciate your help.

#list_surround table[align="center"]:first-of-type {
border-radius: 20px;
}

.status_not_selected:first-child, .status_selected:first-child {
border-radius: 20px 0 0 20px;
}
.status_not_selected:last-child, .status_selected:last-child {
border-radius: 0 20px 20px 0;
}

td[width='50'] { width: 65px }

VeriTi said:

@Senat0r
The problem is caused by the custom font you're using: it's too large. One way to fix it would be adding this to your code:

This will expand columns in both list and in table header.

VeriTi said:
@AnthonyDraft
You could select the whole table with links with this selector:

It has a drawback though: you have to remove background color from .status_selected and .status_not_selected and set it to this table.
What you're asking for are these selectors:

Here first-child is the letfmost row, last-child is the rightmost

td:nth-of-type(2){
max-width:300px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

td:last-of-type{
max-width:90px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

td:hover{
max-width:100%;
white-space: normal;
text-overflow:clip;
overflow:visible;
max-width:none;
}

div[id^='more'] { background-size: 100% 100% }

div[id^='more'] { background-size: cover }

wenuchiha said:
Hi

I have a problem with the animation keyframe. I'm newb and dunno how to make the "red bubbles" to move upwards.

http://myanimelist.net/animelist/wenuchiha
This is the code..

Satiriques said:




If you want the cherry blossom to fall down and the red bubbles to go up, you need to separate the image in two different pieces(one with the bubbles only, the other one with the cherry blossom). I can't really do that for you right now since I'm at school. If you give me those pictures, I can help you.

wenuchiha said:
Ignore The cherry blossom- image

wenuchiha said:
Hi Satiriques

Sorry if i haven't make it clearly, but what i mean by ignore the blossom, is because I will edit the image from bloosom to red bubbles. In result: I'm gonna delete all the blossom and only have the red bubbles, in the final product. What's my problem is I want the images to "floating" upwards. :)

@keyframes sparkle {
0% {
background-position: 0 0px, 0 0;
}
100% {
background-position: 485px -487px, -485px -487px;
}

wenuchiha said:
Okay thanks, but when I look at the code.. It's exactly the same as you have taken from my codes? Did you paste the wrong code or?
And Its not working :(

Satiriques said:


You didn't change it when I checked your code, are you replacing it correctly?

http://gfycat.com/EntireBitterKoodoo

wenuchiha said:


OMG! You're my hero!!!
But now it only works in Firefox. How do i apply it to Chrome :)?

wenuchiha said:
Still not working for chrome.

Do I place them correctly?

@keyframes sparkle {
0% {
background-position: 0 0px, 0 0;
}
100% {
background-position: 2px -800px, -10px -300px;
}
}

@-webkit-keyframes sparkle {
0% {
background-position: 0 0px, 0 0;
}
100% {
background-position: 2px -800px, -10px -300px;
}
}

body:after {

animation: 20s linear 0s normal none infinite running sparkle;
-webkit-animation: 15s linear 0s normal none infinite running sparkle;
background-image: url("http://i60.tinypic.com/swbafs.png"), url("http://i60.tinypic.com/swbafs.png");
border-radius: 50em;
bottom: 0;
content: "";
display: block;
height: 100%;
left: 30%;
margin-left: -40%;
position: fixed;
width: 100%;
}

Takana_no_Hana said:
Hi,

This is what my list looks like when I login(the score has blue shadow):
http://puu.sh/gNAlZ.jpg

This is what it looks like when I logout(the score doesnt have blue shadow style):
http://puu.sh/gNAgK.jpg

Is it possible to change the style from each column(score, progress, type, etc) and display for other people to see, not just yourself?

Satiriques said:
}


Try this:
.td1:nth-of-type(3), .td2:nth-of-type(3){
text-shadow: 0 0 3px #5c4ef5, 0 0 2px #5c4ef5, 0 1px 5px #5c4ef5, 0 0 1px #000000;
}