[CSS] ~ Colorful ~ Puella layout!

ziggy_Z said:
The left side of my wallpaper (both lists) is cropped for some reason. Could someone please tell me how to fix this?

#grand_totals:after {
    background-image: url("http://i.imgur.com/AHrAlr7.jpg");
    background-position: right center, 0 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover;
    display: inline-block !important;
    height: 100%;
    left: 0 !important;
    margin: auto !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100%;
    z-index: -1 !important;
    content: "";

}

DemonationDog said:
I use your list layout for anime. And I have the random girl layout. However, Homura never shows up. Instead whenever she is supposed to appear, the page gets kinda glitchy. Like the sides show doubles or something. Does the Homura part no longer work for the Random Girls anime layout?

This is the link that you use in your code to place a random character image in the background (http://signavatar.com/24874_s.png)

The following pages open when I use that above link:

Sayaka's image link: http://i.imgur.com/oRvoKr5.png

Mami's image link: http://i.imgur.com/AfeIdHX.png

Madoka's image link: http://i.imgur.com/aRlZg1P.png

Kyoko's image link: http://i.imgur.com/4M34eu4.png

But whenever Homura was supposed to appear, I would instead get this: http://imgur.com/G5WpY72.http://signavatar.com/24874_s


I have done research and located the image code for Homura in your Puella Homura w/shield page layout that you have posted above with the other layouts.
This is that code for Homura: http://i.imgur.com/ySWfIXW.png

The problem is, that the way she shows up in that layout, she never shows up in the Random Girl layout. Is there a way to fix this? I haven't done any coding in about 8 years, so I have no idea of what can be done. I hope you can help and hope this whole post doesn't confuse you in any way and that it makes sense.

PoisonBang said:
Hello there.
I love this list as it's exactly what I want, and have edited it some already.
However, I cannot see commas, they just appear as empty spaces making spaces just look longer like this. I've tried searching for solution for DAYS and tried using the normal versions of this list to make sure it wasn't me who lost all the commas.
I really didn't want to result to asking as it seems like you get people constantly asking you shit about the easiest things. However, even though I've done some CSS and HTML myself for work and such, I cannot for the love of god get these fucking commas to show up.
Help would be appreciated.

alstreim14 said:
You wouldn't happen to have with you this image "http://i.imgur.com/g0BYNOB.png" (the one you use it for the all anime/manga button), with the same scale as the girls, or would you?

I'm using the 5 girls version with the All anime/manga section, so i wanted all 5 as a background for that one.

alstreim14 said:
@Shishio-Kun

I decided to stick with this instead of the Akame ga Kill in the end, thanks for the help there anyway. But now i'm again facing another enemies:

1) The 'more' button isn't appearing.

Image below for reference:

http://imgur.com/FNYMkRw

Code below for reference (It's the 5 girls code + the list width fix without hidding the all anime/manga button)

https://pastebin.com/Q9gi8x4U

I tried opening in different browsers to check, but got the same result.

2) When acessing my animelist or clicking the 'All Anime' button, one of the girls randomly flashes and then disappear. I choose to not run any of the girls on that page, the default is Madoka with bow.

The default part of the code is below: (i removed the first url that correspond to the madoka image and then removed the contain, so the clean background would cover)

#grand_totals:after {
background-image:url("http://i.imgur.com/G7meyf2.png");, url("http://i.imgur.com/G5WpY72.jpg");
background-position: right center, 0 50%;
background-repeat: no-repeat, no-repeat;
background-size: contain, cover;
display: inline-block !important;
height: 100%;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 100%;
z-index: -1 !important;
content: "";

}

I did the same with the mangalist, and it works fine.

Any thoughts?

Thanks in advance.
alstreim14

Shishio-kun said:


Eh I don't really wanna take the time to help you with layouts if you're going to not be using them, so I have to decline. Hopefully someone else will help tho!

alstreim14 said:


Meh, i really wanted this one. Guess i'm paying for being indecisive, can't complain about that. Well, if you change your mind.

Thanks anyway, and sorry for wasting your time.

Gy_ki said:
Hi,
I've used different customized css before and wanted to try out this one but when I past the custom css my page just appears like this.
I've tried all of the linked codes, but none of them seems to work for me.

GuilhermeLuis10 said:
The code without changing anything, it looks like this today, how to fix it?

GuilhermeLuis10 said:
thank you, that's all that was invisible, otherwise it's perfect