List Design Updated - Check It Out

Offline

Mar 2008

1626

@Mathes: uh, it's scary ^^ nice job

Just uploaded bigger background, for higher resolutions.

viesiuOct 4, 2008 3:39 PM

Oct 5, 2008 1:20 AM

#2206

Xjellocross

Offline

Nov 2007

3402

Updated, just went with something simple.
I know it's a little very red xD

Oct 5, 2008 3:39 AM

#2207

BACK FOR MORE?

Offline

Jan 2007

12998

Xjellocross said:
Updated, just went with something simple.
I know it's a little very red xD

Looks awesome, nice work!

staff.applications　▼　
guidelines.faq　▼　

report.abuse　▼　

thx.skittles　▼　
thx.kina　▼　

[H+] ³　▼　

Oct 5, 2008 9:17 AM

#2208

Fiurgeist

Offline

Jul 2008

534

here is my fist list stile^^

Oct 5, 2008 9:58 AM

#2209

- Because it looks cool coal

Offline

Nov 2007

236

Xjellocross said:
Updated, just went with something simple.
I know it's a little very red xD

Looks good, but the background image is too small to prevent repeating on higher resolutions (I'm viewing at 1600x1200). The list section looks quite nice though.

"You live and learn. At any rate, you live." ~Douglas Adams (RIP)

Oct 5, 2008 10:02 AM

#2210

DaBigD

Offline

May 2007

1081

@_Bael: The list looks great, but it'd look better if it didn't show the empty Plan to Read and Dropped lists. Also, change the .header_title section so that it looks like this:

.header_title
{
display:none;
}

Those writings don't go away without this - or my Opera is having transparency problems. Either way, this works everywhere.)

@Xjellocross: Need absurdres of that pic. You checked Kona-chan for that?

DaBigDOct 5, 2008 10:11 AM

Oct 5, 2008 10:44 AM

#2211

Fiurgeist

Offline

Jul 2008

534

DaBigD said:
@_Bael: The list looks great, but it'd look better if it didn't show the empty Plan to Read and Dropped lists. Also, change the .header_title section so that it looks like this:

.header_title
{
display:none;
}

*thx*

I've forgot it ... to many webscripting last weeks ... head is spinning^^

Oct 5, 2008 10:50 AM

#2212

Xjellocross

Offline

Nov 2007

3402

gokieks said:

Xjellocross said:
Updated, just went with something simple.
I know it's a little very red xD

Looks good, but the background image is too small to prevent repeating on higher resolutions (I'm viewing at 1600x1200). The list section looks quite nice though.

I was too lazy to adjust for other resolutions past 1680x1050 last night.
Guess I'll get to fixing it.

DaBigD said:

@Xjellocross: Need absurdres of that pic. You checked Kona-chan for that?

Konachan's was 3200x2400
http://konachan.com/post/show/30774/onozuka_komachi-shikieiki_yamaxanadu-studio_sdt-to

Oct 5, 2008 4:21 PM

#2213

Factor

Offline

Jul 2008

1156

@Xjello and gokieks - They both look really nice! I love how gokieks did his headers though, they're amazing.

Updated mine also, I think I finally made one that I like.

http://myanimelist.net/animelist/Factor

FactorOct 5, 2008 4:59 PM

Oct 5, 2008 5:46 PM

#2214

Offline

Nov 2007

236

@Factor: Thanks. What's the font you're using for your headers? I quite like it.

"You live and learn. At any rate, you live." ~Douglas Adams (RIP)

Oct 5, 2008 6:00 PM

#2215

Factor

Offline

Jul 2008

1156

gokieks said:
@Factor: Thanks. What's the font you're using for your headers? I quite like it.

It's called Jellyka.

http://www.dafont.com/jellyka-estrya-s-handwriting.font

Oct 6, 2008 3:33 AM

#2216

Offline

Jul 2018

561791

Updated my anime list since it's been quite long that I haven't.

Oct 6, 2008 3:46 AM

#2217

BACK FOR MORE?

Offline

Jan 2007

12998

Lieila said:
Updated my anime list since it's been quite long that I haven't.

Absolutely amazing. Great job, love everything about it. The header is great and the category headers are sweet too. More or less unusual colors. Perfect.

staff.applications　▼　
guidelines.faq　▼　

report.abuse　▼　

thx.skittles　▼　
thx.kina　▼　

[H+] ³　▼　

Oct 6, 2008 3:50 AM

#2218

Offline

Jul 2018

561791

cyruz said:

Lieila said:
Updated my anime list since it's been quite long that I haven't.

Absolutely amazing. Great job, love everything about it. The header is great and the category headers are sweet too. More or less unusual colors. Perfect.

Thanks a lot. I'm glad you love it. ^_^

Oct 6, 2008 4:45 AM

#2219

aero

Offline

Jan 2008

6960

@ Lielia - It's fantastic, very, very well made. Love it.

Oct 6, 2008 7:40 AM

#2220

geoff

Offline

Mar 2008

217

Yeah really nice one Lieila. I love the style. All headers are really impressive, they look so cool :D

Oct 6, 2008 7:53 AM

#2221

freedo-

Offline

Sep 2007

1824

@Lielia, I agree, it's very nice. For some reason category headers don't work in Opera and IE7 though. I had a similar problem with my list a while ago, only with Firefox. Try to look in your css and see if there is something wrong with headers code. Unless you don't care about the users of other browsers. :)

Oct 6, 2008 8:16 AM

#2222

Offline

Nov 2007

236

@Lielia: Explicitly define the height in each of the .header classes to get it to work in Opera. Can't say about IE7, but it works on IE8 B2.

And it looks very nice.

"You live and learn. At any rate, you live." ~Douglas Adams (RIP)

Oct 6, 2008 11:06 AM

#2223

Moony

Offline

Feb 2008

968

@Lieila: AH! Love it!!! WIN!

Oct 6, 2008 11:55 AM

#2224

FiiFO

Offline

Oct 2007

2508

Lieila said:
Updated my anime list since it's been quite long that I haven't.

Awesome XD great work!!

Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.

Oct 6, 2008 3:48 PM

#2225

Kayou

Offline

Oct 2008

I updated mine as well. Problem is, not that good at this.

http://myanimelist.net/animelist/Kayou

On mine it showing "Currently Watching - Add Anime to List," etc, over the headers I made. Plus, how do I put an image where the black text at the end of the categories, for example:

TV: 5, OVA: 0, Movies: 0, Spcl.: 0, Eps: 106, DL Eps: 0, Days: 1.77, Mean Score: 0.0, Score Dev.: 0

So that I can make it look right. XD I mean this image:

http://img390.imageshack.us/img390/2109/endingww3.png

One more thing, is it possible to put this above the "Currently Watching" header?

http://img77.imageshack.us/img77/8708/headerga3.png

Or something like it.

Very sorry if this is the wrong place to ask.

Sincerely,
Kayou

Oct 6, 2008 4:07 PM

#2226

scorpedo

Offline

Oct 2006

507

Hello :)

To remove the "Currently Watching - Add Anime to List" text, have the .header_title as follows:

.header_title { display: none; }

For the bottom totals bar, add it as a background in .category_totals such as:

.category_totals
{ background-image: url(http://img390.imageshack.us/img390/2109/endingww3.png); }

Lastly, for the title/header picture, try putting it in the list_surround and add padding or edit the settngs similar to:

#list_surround
{
margin: 0px 500px;
width: 500px;
padding-top: 260px;
background-image: url(http://img77.imageshack.us/img77/8708/headerga3.png);
background-repeat: no-repeat;
background-position: center top;
}

I'm not a pro at CSS, but hopefully this helps, and welcome to MAL :)

scorpedoOct 6, 2008 4:11 PM

Oct 6, 2008 5:06 PM

#2227

Kayou

Offline

Oct 2008

scorpedo,

Thank you so very much, will work on that as soon as I can. =D

On a side note; Thank you very much.

Another note: Having problems with the ending, that I was talking about. Understood the other things. Seems the code does not like me. XD

Sincerely,
Kayou

KayouOct 6, 2008 5:13 PM

Oct 6, 2008 6:09 PM

#2228

scorpedo

Offline

Oct 2006

507

hmm, two quick things:

below the .header_title, remove the

"font-size: 14px;
font-weight: bold;
}
"

then, replace the category_totals with this, hopefully it'll be set ok.

.category_totals
{
padding-top: 10px;
padding-bottom: 5px;
background-image: url(http://img390.imageshack.us/img390/2109/endingww3.png);
text-align: center;
background-position: top center;
}

:)

Oct 6, 2008 6:37 PM

#2229

Kayou

Offline

Oct 2008

Scorpedo,

That time it seemed to work. Thank you very much. I do appreciate it. =D
Once again, thank you very much.

Sincerely,
Kayou

Oct 6, 2008 9:48 PM

#2230

Offline

Jul 2018

561791

Thank you very much aero, ramen, freedoleen, gokieks, Moony, and FiiFO! I'm glad you all like it. ^_^

Thanks for poinitng it out freedoleen and gokieks.

gokieks, I added the height property. It works now in Opera. I just checked it in firefox. I don't have IE7 so, I might check it in someone's PC later.

Oct 8, 2008 11:29 AM

#2231

Ranivus

Offline

Mar 2007

3128

I think now would be a good time for a shameless plug for my tutorial...

CSS for Dummies
coz we're all big dummies :)

...and if you get offended by the title, toughen up jerky.

"What happens when we die?" I know that the ones who love us will miss us.

Oct 9, 2008 2:47 AM

#2232

Offline

Mar 2008

1626

@Lieila: omg, it really looks amazing ^^ love it!

Oct 9, 2008 9:03 PM

#2233

AGVC2675FGCB

Offline

Apr 2008

113

Great lists guys especially Lieila's
Also nice CSS tutorial, very helpful

Updated my list also :P
http://myanimelist.net/animelist/Oyasumi

Oct 9, 2008 9:12 PM

#2234

Offline

Jul 2018

561791

Thanks viesiu and Oyasumi. :)

@Oyasumi - Great list too...Shana. :D

Oct 9, 2008 11:12 PM

#2235

freedo-

Offline

Sep 2007

1824

I like it, Oyasumi! Good job.

Oct 10, 2008 1:40 AM

#2236

BACK FOR MORE?

Offline

Jan 2007

12998

Nice work, Oyasumi. List looks good. =D

staff.applications　▼　
guidelines.faq　▼　

report.abuse　▼　

thx.skittles　▼　
thx.kina　▼　

[H+] ³　▼　

Oct 10, 2008 7:10 AM

#2237

Offline

Nov 2007

236

Love the wings which are different for each header.

"You live and learn. At any rate, you live." ~Douglas Adams (RIP)

Oct 10, 2008 7:26 AM

#2238

- Because it looks cool coal

Offline

Mar 2008

1626

Looking goooood :)

Oct 11, 2008 10:48 AM

#2239

DaBigD

Offline

May 2007

1081

Made a new list for myself. Should work in all resolutions, best in 1440x1024 and higher. Clicky!
Things to do:

1) Improve the Gurren Lagann at the background.
2) Find a better Kamina pic.
3) Maybe, add a custom cursor.
4) Get a wider monitor that can display 1440x1024.

Oct 11, 2008 2:01 PM

#2240

- Because it looks cool coal

Offline

Nov 2007

236

Is the semi-circle for the tabs being double-height intended? It looks kind of odd.

Other than that, it's very.. green.

"You live and learn. At any rate, you live." ~Douglas Adams (RIP)

Oct 11, 2008 11:53 PM

#2241

DaBigD

Offline

May 2007

1081

gokieks said:
Is the semi-circle for the tabs being double-height intended? It looks kind of odd.

Other than that, it's very.. green.

Yeah, it was intended, but surely looks better now that I've changed it.

It's green because of my love of the environment! (No, not really, just couldn't find a better color)

Oct 12, 2008 2:44 PM

#2242

De-JaY

Offline

Feb 2008

4002

New Manga List design

Endless Memories

Features:

adjusted for screen resolutions from 1280x1024 to 1920x1200

slightly transparent control strip

custom cursor

headphones | myfigurecollection | otaku days | last.fm

Oct 12, 2008 2:46 PM

#2243

BACK FOR MORE?

Offline

Jan 2007

12998

Blue is beautiful. List looks great, mate. Really like it a lot. I think the font in the headers could be a bit bigger. I know you probably want to keep it decently small but it might be just a tad too small. Gewd jawb!

staff.applications　▼　
guidelines.faq　▼　

report.abuse　▼　

thx.skittles　▼　
thx.kina　▼　

[H+] ³　▼　

Oct 12, 2008 2:54 PM

#2244

aero

Offline

Jan 2008

6960

cyruz said:
Blue is beautiful.

Blue wins!
A very beautiful design there and I love the clouds, so fluffy XP

Oct 12, 2008 2:59 PM

#2245

FiiFO

Offline

Oct 2007

2508

De-JaY said:
New Manga List design

Endless Memories

Features:

adjusted for screen resolutions from 1280x1024 to 1920x1200

slightly transparent control strip

custom cursor

XD nice new mangalist design De-JaY!!

Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.

Oct 12, 2008 6:10 PM

#2246

Offline

Nov 2007

236

Looks very nice.

Though I will mention that I greatly dislike custom cursors and find them to be obnoxious whenever I see them used on websites. =P

"You live and learn. At any rate, you live." ~Douglas Adams (RIP)

Oct 13, 2008 12:40 AM

#2247

freedo-

Offline

Sep 2007

1824

As always, De-JaY delivers. I'm digging it. The only thing I'm not very fond of is that the blue font disappears when the sky is behind it, but it's not a big deal.

Oct 13, 2008 1:26 PM

#2248

Offline

Mar 2008

1626

De-JaY said:
New Manga List design

Endless Memories

Features:

adjusted for screen resolutions from 1280x1024 to 1920x1200

slightly transparent control strip

custom cursor

Off da chain!

Oct 14, 2008 2:31 AM

#2249

Offline

Jul 2018

561791

^ Great lists!!!

Finally, I was able to update my manga list. What a coincidence...same blue color scheme and transparent control strip with De-Jay but I use PNG in mine. ;)

I have a weak spot for long haired character plus he play bass. :3 Other than that, nah.

removed-userOct 14, 2008 2:36 AM

Oct 14, 2008 2:56 AM

#2250