❓ Ask for help here + See Frequently Asked Questions

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

.table_header:last-of-type {
border-radius: 0px 15px 0px 0px;
}

.table_header:nth-of-type(5) {
border-radius: 0px 15px 0px 0px;
}

x3switlolli said:
Hi! How do you change the colour of the words "Airing"?

Satiriques said:

.animetitle+small{
color:magenta;
}

VeriTi said:
@Akai_Shuichi
The problem is with this selector:

last-of-type is your tag row, which you've removed, so this has no effect. Replace it with

Angel said:
Hello, I'm too dumb so I need some help ;_;
I want the same cover previewer that Rin-ichihara has...
(the ones that are currently in the club all look different and one has some kind of effect when you hover over the title ;w;)

Shishio-kun said:


? How exactly is it different from this:

Minus the preview text, which can be taken off with the topic?

Angel said:

wait I didn't even see that lol
from where is that?
MY BAD, forgive me ;_;

edup_2004 said:
Hi I would like some help.

I bought this:
The Megami Magazine Special Edition (Highschool DxD)


And it comes with a lot of ecchi pictures.

So I was trying to scan them so I could use them in my about me section and make renders out of them.

The problem is that the scans looks really bad. I don't know if it's because the material it's kinda glossy or bright. But it looks bad when you zoom it. Also the colors are lighter.

Here:


So would anyone give me some tips to make it look better?

This is how it's supposed to be the image:


I haven't been able to find all the images I want so I want to scan them but need your help please.

Also I'll share the pics once I get to scan them properly.