List Design Updated - Check It Out

Offline

Jul 2010

2285

ushiopix said:
Well here is mine (.___.") >> anime list.

That's some biggest bug list i have seen in this thread. :3 and it's showing a white page and blue links without style in both firefox and chrome. looks like stylesheet is not loading properly.

Jul 6, 2012 7:53 AM

#5053

Tithen-Firion

Offline

Mar 2011

68

Han-yuu said:

ushiopix said:
Well here is mine (.___.") >> anime list.

That's some biggest bug list i have seen in this thread. :3 and it's showing a white page and blue links without style in both firefox and chrome. looks like stylesheet is not loading properly.

Works fine for me. Try to reload cache, etc.

@ushiopix:
I don't know what to say. This list is just... amazing! Let me set it as my homepage. *o* I wanted to make some picture list too but I have no idea how to not copycat other lists. >_<

Tested on Chrome, Firefox and Opera. (Yeah, small bugs for the last one) Resolution: 1440x900. Works fine. ;)

Jul 6, 2012 8:02 AM

#5054

Offline

Jul 2010

2285

^ It's not cache problem. CSS file host is not working for me. I try to load CSS file directly in browser. "The connection has timed out" error.. yeah, maybe my ISP problem.

Jul 6, 2012 8:16 AM

#5055

Offline

Dec 2011

112

It works for me. And it's a good job :) I like it.

Jul 6, 2012 9:16 AM

#5056

Rukayex

Offline

Mar 2009

2096

@ushio: Amazing. :D Working fine for me as well.

anime list | manga list

Jul 6, 2012 9:29 AM

#5057

Offline

Dec 2010

9

lol css file is uploaded on a mobile site that might be the problem but it never happend to me xD I'll upload it somethere else when I'll be in a mood + make sure you have updated your browser...

And that loading problem maybe is because anime covers css since it's from 4500 lines xD (1 anime 1 line ) so it take some space.

btw, ty guys ^^ pls report if something is really messy D:

Jul 6, 2012 9:36 AM

#5058

Offline

Jul 2010

2285

@ushiopix: I found a working proxy and i can see it now. Yeah. It looks Great.

though i would suggest if you use a simple background. right now background picture is blending with other images, or maybe if you use a white transparent background color around anime columns, or that orange border on hover can be set as default. I think that will make it more good. just a suggestion.

Jul 6, 2012 9:55 AM

#5059

Offline

Dec 2010

9

@Han-yuu , thank you and I'll think about that.

That's true that background image is bending with other images but it's not that hard to change, it's more like tamplate now ^^"

What do you mean by set as default? O.O you mean that these border will always be showed no matter you hover them or not? (sry bad at english .____. )

And I wont do it transparent. I just dont like too much transparent things and I like white color xD

Ty, again ^^,

Jul 6, 2012 10:25 AM

#5060

Offline

Dec 2011

112

ushiopix said:
lol css file is uploaded on a mobile site that might be the problem but it never happend to me xD I'll upload it somethere else when I'll be in a mood + make sure you have updated your browser...

Personally i use dropbox and it's free and it works fine.

Jul 6, 2012 11:04 AM

#5061

Offline

Dec 2010

9

thanks ~shin , I reupload it tomorrow ^^

Jul 6, 2012 11:24 AM

#5062

Offline

Dec 2011

112

Dozo : )

Jul 7, 2012 10:23 AM

#5063

Offline

Apr 2012

325

@ushiopix Sweet list (except for the bugs), although your background is completely out of place, bad quality + scales :p

Jul 7, 2012 10:33 AM

#5064

Offline

Jul 2010

2285

ushiopix said:
What do you mean by set as default? O.O you mean that these border will always be showed no matter you hover them or not? (sry bad at english .____. )

Yes, set orange borders as default, so it can separate those boxes from background. It won't look as blending as its looking right now. You can choose another color for hover.

p.s: css file host is still not working for me and that working proxy is dead. :) so i can't look at it again.

Jul 7, 2012 3:06 PM

#5065

Offline

Dec 2010

9

yeah... had some problems so couldn't reupload it today or do sth.

so endelerius you say bad quality but what if I add full quality png or jpg with a size of 800Kb-1Mb+ that wouldn't be great too. What about scales? (what is it about first Dx )

Jul 7, 2012 4:36 PM

#5066

Offline

Apr 2012

325

Shinsae said:
*I look forward to seeing it.*

Here a preview, still in it's early stages :p
This might change completely though.

Jul 7, 2012 5:21 PM

#5067

Offline

Dec 2011

112

Endelerius said:

Shinsae said:
*I look forward to seeing it.*

Here a preview, still in it's early stages :p
This might change completely though.

Yes, it changes :o It seems great :)

Good luck :p

Jul 7, 2012 5:45 PM

#5068

Offline

Dec 2011

112

ushiopix said:
so endelerius you say bad quality but what if I add full quality png or jpg with a size of 800Kb-1Mb+ that wouldn't be great too. What about scales? (what is it about first Dx )

Ushi, your pics has a medium quality at the base. Try to find a high quality pics ( save it with 90-95% jpg quality. It would be good for his weight [about 200 to 500 Ko should do the trick]).

-- thanks to google translate for this time --

Jul 10, 2012 1:31 PM

#5069

Hapax

Offline

Jun 2012

432

Nearly completed a Gintama theme with animated rollover
I just need to find nice illustration for titles
http://myanimelist.net/animelist/LuckyStrike-Rx

Hosting is slow so images are a bit long to load

Let me know if it's broken on some browser (no animation for IE)

I sometime have funky grammar, sorry about that. If you can correct some of my post, you would be an angel.

Jul 10, 2012 3:26 PM

#5070

Offline

Dec 2011

112

LuckyStrike-Rx said:
Nearly completed a Gintama theme with animated rollover
I just need to find nice illustration for titles
http://myanimelist.net/animelist/LuckyStrike-Rx

Hosting is slow so images are a bit long to load

Let me know if it's broken on some browser (no animation for IE)

Nice.I like it :) It works for me and no long to load :)

Jul 11, 2012 4:41 AM

#5071

Eucliwood

Offline

Mar 2011

104

LuckyStrike-Rx said:
Nearly completed a Gintama theme with animated rollover
I just need to find nice illustration for titles
http://myanimelist.net/animelist/LuckyStrike-Rx

Hosting is slow so images are a bit long to load

Let me know if it's broken on some browser (no animation for IE)

Nice design! Really like how sadaharu "drags" the list up haha. I use chrome and although it didn't take long to load the images but it's sorta laggy for me when I am scrolling it.

Also I have been editing my mangalist latley http://myanimelist.net/mangalist/Eucliwood, it's almost finished, there's still some areas needing change.

Jul 11, 2012 7:07 AM

#5072

Offline

Apr 2012

325

LuckyStrike-Rx said:
Nearly completed a Gintama theme with animated rollover
I just need to find nice illustration for titles
http://myanimelist.net/animelist/LuckyStrike-Rx

Hosting is slow so images are a bit long to load

Let me know if it's broken on some browser (no animation for IE)

Real nice design, I had no problems with loading/lagging, so you're good.
Also, great job on making a dark & light template. People who know crap about css can have a nice looking list now.

Eucliwood said:
Also I have been editing my mangalist latley http://myanimelist.net/mangalist/Eucliwood, it's almost finished, there's still some areas needing change.

Also a cool design :D
That random background does have the tendency to load a bit slowly (2/3 times), but it looks great!
Maybe change the color of the # column to a blue one? Might look better, might not … :p

I've also been using my manga list as a test ground for my new list style that I've been making.
Since I have no manga entries, I've made it private.
Here's an update on my previous post

Still a long way to go though. Only "finished" the header and the background tile so far.

Jul 11, 2012 3:51 PM

#5073

Hapax

Offline

Jun 2012

432

Thanks, However I didn't noticed my "more" texts are broken as I killed all the <br>
I have to resurrect them for those classes

"Endelerius" said:

Only "finished" the header and the background tile so far.

I really like the background Pattern.

Eucliwood said:

Also I have been editing my mangalist latley http://myanimelist.net/mangalist/Eucliwood, it's almost finished, there's still some areas needing change.

Nice. I Didn't thought to overwrite Default MAL CSS for the black header as it were on a external style sheet.
A php script for random BG image is a nice idea.
What is [class^="t"] I don't know this kind of selector.
I should also combine td1 & td2, I dumbly edited the stuff 2 times :)

I sometime have funky grammar, sorry about that. If you can correct some of my post, you would be an angel.

Jul 11, 2012 4:12 PM

#5074

Offline

Dec 2011

112

@Eucliwood :

I like this template, it's nice :)

@Endelerius :

It seems good, i really want to see when it finished :)

@LuckyStrike-Rx :

[class^="t"] is a css3 selector. It means, select all class beginning with 't'.

You can find the other css3 selectors here : http://www.w3schools.com/cssref/css_selectors.asp

Jul 12, 2012 9:35 AM

#5075

Offline

Mar 2012

144

I am going to have try and dabble with CSS3 selectors, I have yet to try them out.

Jul 14, 2012 10:43 PM

#5076

lihmao

Offline

May 2010

1017

Finally completed my Totoro themed list. The original plan was to make the list surrounded with leaves, but for some reason Chrome stopped loading the leaves that were supposed to be at the sides. It made me so dispirited I put it on hold for quite awhile, haha.

Best viewed on Google Chrome. It's not meant to be viewed on IE (god, is there people who still use it?).

http://myanimelist.net/mangalist/lihmao
(thou it's the same design for both lists. lol)

Jul 14, 2012 10:49 PM

#5077

Eucliwood

Offline

Mar 2011

104

lihmao said:
Finally completed my Totoro themed list. The original plan was to make the list surrounded with leaves, but for some reason Chrome stopped loading the leaves that were supposed to be at the sides. It made me so dispirited I put it on hold for quite awhile, haha.

Best viewed on Google Chrome. It's not meant to be viewed on IE (god, is there people who still use it?).

http://myanimelist.net/mangalist/lihmao
(thou it's the same design for both lists. lol)

Nice list! the text is very nice and i love how you based it off totoro. Always love our totoro =w=

Jul 14, 2012 11:26 PM

#5078

Offline

Dec 2011

112

@Lihmao : Nice :)

Jul 15, 2012 4:31 AM

#5079

Hapax

Offline

Jun 2012

432

@Lihmao
I really like the Mal strip opening on mouse over
Nice customisation, the leaves and Totoro navigations are great idea !

List title are a bit hard to read with the text shadow

I sometime have funky grammar, sorry about that. If you can correct some of my post, you would be an angel.

Jul 19, 2012 7:03 AM

#5080

neulin

Offline

Feb 2012

739

Higurashi <3
http://myanimelist.net/mangalist/mattusha

Jul 19, 2012 1:05 PM

#5081

Offline

Mar 2012

144

I have two questions regarding the .category_totals.
First: This is what the text looks like in the html,
Chapters: 189,
Volumes: 36,
Days: 1.80,
Mean Score: 7.0,
Score
So is there a way to use a selector to only select (for instance) Chapters: 189?

Second: Is is possible to change the text of (for instance (again)) Chapters to Ch?

Jul 19, 2012 4:34 PM

#5082

Offline

Dec 2011

112

There no way with css (for all quest.). Zannen.

ShinsaeJul 19, 2012 4:49 PM

Jul 19, 2012 7:54 PM

#5083

Offline

Mar 2012

144

Damnit, oh well I guess I will just have to deal with it.

Jul 20, 2012 2:57 AM

#5084

Hahaido

Offline

Jan 2012

1578

Yawmus said:
Is is possible to change the text of (for instance (again)) Chapters to Ch?

Like this?

Code:

Jul 20, 2012 3:16 AM

#5085

Offline

Mar 2012

144

Yes, although it is not in .category_totals I can still use that information on my current project.

Jul 20, 2012 7:32 AM

#5086

lihmao

Offline

May 2010

1017

@Eucliwood

Thank you! Indeed, Totoro is love. <3

@Shinsae

Thanks!

LuckyStrike-Rx said:
@Lihmao
I really like the Mal strip opening on mouse over
Nice customisation, the leaves and Totoro navigations are great idea !

List title are a bit hard to read with the text shadow

Thank you. The code is not mine thou.

Do you mean the 'Manga/Anime title'? Or what? I'm not sure since it appears just fine here.

If anyone has any suggestions to improve my list, it would be much appreciated. c:

Jul 20, 2012 11:36 AM

#5087

Offline

Mar 2012

144

Alright I have another 2 questions:

First - Are there any "throw away" divs to use to cover the entire page for use of a transparent gradient on top of everything?

Second: Is it possible to change the font size of "edit" or from someone else's perspective "add"?

YawmusJul 20, 2012 11:46 AM

Jul 20, 2012 12:56 PM

#5088

Offline

Apr 2012

325

Yawmus said:
Alright I have another 2 questions:

First - Are there any "throw away" divs to use to cover the entire page for use of a transparent gradient on top of everything?

<div id="inlineContent" style="display: none;"></div>
This one could work, I use it for my floating render.

Jul 20, 2012 1:03 PM

#5089

Offline

Dec 2011

112

Yawmus said:

Second: Is it possible to change the font size of "edit" or from someone else's perspective "add"?

And for the second :

small { font-size:; } /* for all small element */
div[style='float: right;'] { font-size:; } /* for add/edit - more */
div[style='float: right;'] a { font-size:; } /* just for these link */
.List_LightBox { font-size:; } /* is for add/edit only */
[title^="View More"] or div[style='float: right;'] a:last-child { font-size:; } /* just for more */

Jul 21, 2012 9:58 AM

#5090

Offline

Mar 2012

144

Endelerius said:
<div id="inlineContent" style="display: none;"></div>
This one could work, I use it for my floating render.

Had a problem with not being able to click through the div, but luckily on stack I was informed about-
pointer-events:none;
Which is an extremely helpful command in this situation.

Greatly appreciated, thanks!

Jul 21, 2012 10:06 AM

#5091

Offline

Apr 2012

325

Yawmus said:
Had a problem with not being able to click through the div, but luckily on stack I was informed about-
pointer-events:none;
Which is an extremely helpful command in this situation.

I would imagine so.
Forgot that little detail that you can't click through it without that command. :D

Jul 21, 2012 10:20 AM

#5092

Offline

Mar 2012

144

Do you know of an easy way to get rid of the Go box? Without forcing it off of the screen?

Jul 21, 2012 5:54 PM

#5093

Offline

Apr 2012

325

you can try moving it 10k pixels off screen, like removing text with text-indent: 9999px
edit: that is if you mean with "forcing it off-screen" making it invisible.

EndeleriusJul 21, 2012 6:43 PM

Jul 21, 2012 9:31 PM

#5094

koleare

Offline

Aug 2010

2344

Yawmus said:
Do you know of an easy way to get rid of the Go box? Without forcing it off of the screen?

display: none;

The FAQ | Got something to report? | The Site and Forum Guidelines

Jul 22, 2012 12:31 AM

#5095

Offline

Mar 2012

144

koleare said:

Yawmus said:
Do you know of an easy way to get rid of the Go box? Without forcing it off of the screen?

display: none;

Thing is, is that I need that div, otherwise I would just leave it display: none; because that is what it is by default.

Jul 22, 2012 1:38 AM

#5096

koleare

Offline

Aug 2010

2344

Yawmus said:

koleare said:

Yawmus said:
Do you know of an easy way to get rid of the Go box? Without forcing it off of the screen?

display: none;

Thing is, is that I need that div, otherwise I would just leave it display: none; because that is what it is by default.

visibility: hidden;

The FAQ | Got something to report? | The Site and Forum Guidelines

Jul 22, 2012 9:39 PM

#5097