MyAnimeList.net

Forums

Recent Posts | My Watched Topics | My Ignored Topics | Search

List Design Updated - Check It Out
MyAnimeList.net Forum »» Creative Corner »» List Design Updated - Check It Out

Pages (112) « First ... « 97.4 98.4 [99.4] 100.4 101.4 » ... Last »
02-20-12, 3:48 AM
DB Administrator
Offline
Joined: Jan 2007
Posts: 12813
kyouhansha said:
http://myanimelist.net/animelist/kyouhansha

Three years without updating the list design...looking for feedback on the new version.

I do wish I could spruce it up with image headers on the subsections, but the creative skills just aren't there.
That's plenty creative though. I like the darker yet soft colors. It all works well together, great list!
 
02-20-12, 8:41 PM

Offline
Joined: Jul 2011
Posts: 8
Updated my list a couple weeks ago.
http://myanimelist.net/animelist/Flancake

A Steins;Gate theme for now.
It was my first real attempt at making one ^^'
And you have to watch the anime or play the game to understand
what the titles mean.

Making another one later. A bit more experienced with photoshop
since I've putzing around with it.
 
02-21-12, 6:35 AM

Offline
Joined: Feb 2008
Posts: 165
cyruz said:
That's plenty creative though. I like the darker yet soft colors. It all works well together, great list!


Thanks, I'll have to give it a second pass at some point. Your list is one to draw inspiration from
 
02-25-12, 1:10 PM

Offline
Joined: Mar 2010
Posts: 132
Flancake said:
Updated my list a couple weeks ago.
http://myanimelist.net/animelist/Flancake

A Steins;Gate theme for now.
It was my first real attempt at making one ^^'
And you have to watch the anime or play the game to understand
what the titles mean.

Making another one later. A bit more experienced with photoshop
since I've putzing around with it.


Very creative, simple and appealing :) I love the idea of using numbers from the divergence meter as the titles :D

kyouhansha said:
http://myanimelist.net/animelist/kyouhansha

Three years without updating the list design...looking for feedback on the new version.

I do wish I could spruce it up with image headers on the subsections, but the creative skills just aren't there.


I love how you put that drop down menu for the top bar into 4 icons at the top right corner of the page, its amazing~ Kawaiiii x3 Too bad you didnt take into consideration of guests, that aren't logged in.
 
03-03-12, 2:08 PM

Offline
Joined: Jun 2009
Posts: 63


 
03-03-12, 3:36 PM

Offline
Joined: Mar 2009
Posts: 2231


The text on your list is really hard to read. ^^"
 
03-03-12, 7:07 PM

Offline
Joined: Jun 2009
Posts: 63
Rukayex said:


The text on your list is really hard to read. ^^"


ty for telling me is it the color or the font size???


 
03-03-12, 7:20 PM

Offline
Joined: Mar 2009
Posts: 2231
colors, also the low opacity
 
03-03-12, 7:25 PM

Offline
Joined: Jun 2011
Posts: 2203
@Rukayex

HOLY SH*T! YOUR LIST IS AMAZING!!!

Could you tell me how to make something similar to yours? Pwetty please? :3
 
03-03-12, 8:33 PM

Offline
Joined: Mar 2009
Posts: 2231
@onedaysnotice: Thanks ^^

That's pretty hard, actually... the design part depends on you, and your eye for colors and such. The CSS part is more easily learned - I read through the CSS tutorials on w3schools, and then improved with practice. ^^"
 
03-04-12, 3:41 PM

Offline
Joined: Oct 2011
Posts: 2
I updated my lists recently.. i'm still learning/trying out the possibilities of the css though..

http://myanimelist.net/animelist/chirin

http://myanimelist.net/mangalist/chirin
 
03-06-12, 3:50 AM

Offline
Joined: Jun 2011
Posts: 54
@chirin, Looks nice
I dont know if it was intended but, the diagonal lines dont fit on my resolution
you could just make the background repeat to fix that, or add " background-size: 100%;"
 
03-06-12, 8:49 AM

Offline
Joined: Oct 2011
Posts: 2
@erlbaum thanks^^

I put the " background-size: 100%;" there and it does look different/better, but not sure if I fixed what you meant
 
03-07-12, 3:46 AM

Offline
Joined: Jun 2011
Posts: 54
Yeah its fixed :)
 
03-12-12, 2:36 PM

Offline
Joined: Sep 2010
Posts: 63
Mindzl said:
http://myanimelist.net/animelist/Mindzl

Lets make ti clear the design is not mine I just changed it a bit :P


Wow bro! I don't appreciate you using my list design without permission! And all you changed was the header! >=[

I don't mind people getting inspirations and ideas, but this is just not acceptable.

I'm sorry but please take that down from your list.

Check out my anime blog: http://otakutajio.tumblr.com/
 
03-14-12, 12:24 AM

Offline
Joined: Feb 2012
Posts: 642
Well, here's what I've got so far. This is my first time working wth CSS and I KNOW I need to clean up the "status images" I didn't realize they were sloppy when I uploaded them lol.

I'm thinking of putting black flowers around the status images so the flow cut off isn't so jarring. Meeby a border of some kind. I also know that Watching, Complete...ect... don't show up quite clear enough.

BUT I'm at a good stopping place and I'm going to bed now lol.

Constructive crit is welcome, as are suggestions and tips. Keep in mind, I did all the image editing on a laptop with no mouse. Not too shabby I'd say.

I feel I should thank aero as I used her source code to help me figure out CSS. Sooo... Thanks Aero!

Edit: If anyone has a source where I could find some single line writing like I have on my list, I would LOVE a link!
Modified by sisgood, 03-14-12, 12:29 AM
 
03-14-12, 1:05 PM

Offline
Joined: Feb 2012
Posts: 642
Ok I've got it as good as it's getting for a while. I fixed the transparancy of the caligraphy so the words can be seen now, I added a butterfly and cleaned up the image. I also washed out the bg image to make the butterfly pop a little.

With how busy my bg is, I'm not sure if I could do a banner easilly but I'm open to suggestions.

I think I pretty much accomplished what I set out to do. Everything fits with the bg really well and my list headers look ALmost like Japanese caligraphy. Everything is readable on my monitor and the colors mesh well.

Feedback would be great btw. :3
 
03-14-12, 7:03 PM

Offline
Joined: Mar 2010
Posts: 132
@sisgood
Criticism (not trying to sound mean):
1) I noticed that your background resizes, depending on the browser size. So, I would also have the lis do that too. For example, instead of using fixed values for the width of the list, I would use percentage ones instead, so it changes depending on the size of the brower and it would be concsistent with the background interms of proportion.
2) I've noticed that you have borders in some places while there are none in others. It kinda irritates me (I'm kind of a perfectionist). For example, you have a bored on the left side of your list for every other row. Why not just have a border around the entire list or none at all.
3) Change the color of the links when your hover your cursor over them. Its really difficult to read it.
4) Make the "category" links at the top (currently watching, completed, etc) larger or somehow more noticable. I had a hard time trying to find it. haha.

Those are just a few things you should be aware of. Putting all the small stuff aside, its a really good design for a first try. :)
 
03-14-12, 8:35 PM

Offline
Joined: Feb 2012
Posts: 642
@ Drize

Thanks for the feedback!

If I could find the code to resize my list along with my bg, I would use it. Any ideas where I could look?

I kind of like the borders only on every-other column. To me, it gives the list structure without boxing it it too much.

I changed the hover color to black.

I THINK I increased the font some. I might throw a bg under there... or maybe a caligraphy line if I can find one.

You didn't sound mean at all btw. :3
 
03-22-12, 9:54 PM

Offline
Joined: Apr 2011
Posts: 355
http://myanimelist.net/animelist/-Akarin-

spent a lot of time creating this design ^^
 
03-23-12, 5:29 PM

Offline
Joined: Mar 2009
Posts: 2231
@-Akarin-

It looks really cool *___* How long did it take you to code all the pictures? @_@
 
03-23-12, 5:44 PM

Offline
Joined: Apr 2011
Posts: 355
@Rukayex
Thanks ^^

If you look in "completed" section, you'll see that I've not coded these pictures yet. It will be too long to complete it.. -_-

And as of the whole design, it took 3 days for me to create it.
 
03-24-12, 2:15 AM

Offline
Joined: Oct 2007
Posts: 3449
But that was worth the price you paid for.


"A Legend is just a tale of a beautiful lie."
 
03-24-12, 7:56 PM

Offline
Joined: Apr 2011
Posts: 355
I gave up manually coding all images and finally wrote the script that automatically generates css file ^^
 
03-27-12, 12:11 PM

Offline
Joined: Jul 2010
Posts: 1513
Hi there guys^^ I've decided to finally change my list design, which I have since January 2011, and I wanted to try out something a bit more complex than I had, adding an image above a part of the list. But unfortunately, I can't seem to get around with it. Here's what I got so far:
#inlineContent
{
display: block !important
background-image: url(insert url here)!important;
background-position: center !important;
background-repeat: no-repeat !important;
position: fixed !important;
top:0px !important;
width:1800px !important;
height:200px !important;
z-index: 50 !important;
}

The problem is the fact that I have no idea what I'm doing wrong since... well, nothing shows up at all, so I must be doing a lot wrong. So I'm here to request your help guys^^ Can anyone tell me how to do this, please?
Modified by hontobaka, 03-27-12, 12:20 PM
 
03-27-12, 12:32 PM

Offline
Joined: Mar 2009
Posts: 2231
@Dusk252:

You forgot a ; after display:block!important.
 
03-27-12, 12:51 PM

Offline
Joined: Jul 2010
Posts: 1513
I can't believe that was the problem... I'm totally stupid, I looked at this so many times, checked if the words were well spelled... How the heck did I miss that?

Well, thank you very much anyway^^

Oh, and I have another problem now. The image has a transparent part, but I can't click through. Do you now if it is possible to allow that or not?

Also, one more question if you don't mind: can I add two images instead of just one? If so, how could I do that?
Modified by hontobaka, 03-27-12, 12:58 PM
 
03-27-12, 1:38 PM

Offline
Joined: Mar 2009
Posts: 2231
Nope, you can't click through the transparent part. It's like having saran wrap over half your plate of food - you can still see the food but can't touch it where the wrap covers it. XD

Yeah, you can add two images.

background: url(insert link here) fixed bottom left no-repeat, url(insert link here) fixed bottom right no-repeat;

or

background-image: url(insert link here);
background-image: url(insert 2nd link here);
(and all the other attributes, like position and such, spaced out in individual lines as you did)
 
03-27-12, 1:42 PM

Offline
Joined: Jul 2010
Posts: 1513
I see... Then I'll have to change the concept due to that thing issue with the transparency.
Thanks a lot, that was really helpful.
 
03-28-12, 1:00 PM

Offline
Joined: Jul 2010
Posts: 1513
List finally updated! It's a Penguindrum theme this time.


After all it seems you can allow click-through. A bit of research got me to a property I'd never heard about - "pointer-events". By setting its value to "none", click and hover events will go through to the underlaying elements. Of course that means I can click through the whole image rather than simply the transparent part, but it serves my purpose.

Any feedback and/or suggestions for improvement are appreciated!

(I'd also like some suggestions regarding the header titles. I'm actually content with those but "Precious Memories" doesn't exactly fit as, while it has to do with the theme, it's not any kind of actual term used in the anime. I thought about "Hole in the Sky", which is, according to Sanetoshi, the name of the weird library in which Himari was shown her memories, but it's too much of an abstract name to make any kind of sense to someone who hasn't watched the series, and somewhat of an obscure reference even to those who did. But I'm not sure... Should I use it?)
 
03-28-12, 1:18 PM

Offline
Joined: Mar 2009
Posts: 2231
Oh, cool! *___* That click-through ability is a nice discovery. :D I like the design and color scheme too. The header titles are ok to me.

But there is something odd here: The search bar stays fixed, instead of moving as you scroll down. O.o Also, the thing at the bottom (is it Grand Totals?) ... is hidden by the overlay image, so you can't read it well. ^^" http://i.imgur.com/dV890.png
 
03-28-12, 1:38 PM

Offline
Joined: Jul 2010
Posts: 1513
Nice^^ Glad you like it! Thanks a lot for your help earlier too^^

And thanks for mentioning those faults. I hadn't noticed the search thing. It's fixed now. But that other issue strikes me as weired. Not only does it not happen in my browser, but there's a huge amount of content there to be entirely hidden by the overlay image. It's both the Grand Totals and the copyright after that, as you can see here.
Modified by hontobaka, 03-28-12, 1:44 PM
 
03-28-12, 2:09 PM

Online
Joined: Feb 2008
Posts: 642
Mine is finally finished: http://myanimelist.net/animelist/Lirina&status=1&order=0

Need to make a new banner though because I suddenly changed my name ...
 
03-30-12, 1:57 AM

Offline
Joined: Feb 2011
Posts: 261
Updated mine. There's some bit of a problem though. Notice at the right side it only says 'Viewing 's animelist.' I can't seem to get it to display my username. welp

http://myanimelist.net/animelist/wetpantsu
 
03-30-12, 7:11 AM

Offline
Joined: Apr 2011
Posts: 355
@wetpantsu

It's because of this part

#mal_cs_pic, #mal_cs_listinfo, #mal_cs_listinfo div, #mal_cs_links, #mal_cs_links div, #mal_cs_otherlinks a, #mal_cs_powered img {
display: none !important;
}

replace bold part with something like this:

#mal_cs_otherlinks div:last-of-type a
 
03-30-12, 9:47 AM

Offline
Joined: Feb 2011
Posts: 261
-Akarin- said:
#mal_cs_otherlinks div:last-of-type a
Wow, we could do that? Cool! xD Thanks a lot!
 
03-30-12, 4:46 PM

Offline
Joined: Mar 2010
Posts: 61

Started this design February 3rd,
have been working on it every other week(end) for about two months now.
Modified by 1NZ3RU, 03-30-12, 4:50 PM
 
03-31-12, 12:48 PM
DB Administrator
Offline
Joined: Jan 2007
Posts: 12813
Me likey, nice work. Seeing the score somewhere would be cool but it's a nice looking nonetheless.
 
04-01-12, 6:00 PM

Offline
Joined: Apr 2011
Posts: 355
I'm bored with my previous design and created the new one. Tried to make it minimalistic and beautiful ^^

 
04-01-12, 11:27 PM

Offline
Joined: Nov 2010
Posts: 158
@-Akarin-, gooooooorgeous! Lovely design, I love the smoothly animated buttons, too.
 
04-02-12, 4:04 AM

Offline
Joined: Apr 2011
Posts: 355
@Nythe, thanks ^^

I think about adding anime thumbnails to list or leaving everything as it is now... Really don't know about this.
Maybe I'll add them, and if they won't look good enough then I'll delete them.
 
04-02-12, 11:03 AM
DB Administrator
Offline
Joined: Jan 2007
Posts: 12813
-Akarin- said:
I'm bored with my previous design and created the new one. Tried to make it minimalistic and beautiful ^^
Holy crap! Is that one for sale? I'd love to use that one at some point. Feel like I've been using my rather dark one for too long.

[edit]: And I just noticed my list background doesn't work anymore.
Modified by cyruz, 04-02-12, 11:07 AM
 
04-02-12, 2:25 PM

Offline
Joined: Mar 2009
Posts: 2231
-Akarin- : It looks cool in Firefox.... but a bit less cool in Chrome xD
screenshot - http://i.imgur.com/N5zEH.png


And....I also updated both lists recently. ^^"
Both of them work best in Chrome (and IE, surprisingly o_o) and Firefox.
Links/screenshots:
 
04-02-12, 2:31 PM

Offline
Joined: Apr 2011
Posts: 355
@Rukayex
it's an old version, you should just update the cache :)
---

Looks great!
But maybe you should do something with table widths and heights?
http://i.imgur.com/vdS6G.png
 
04-02-12, 2:46 PM

Offline
Joined: Sep 2009
Posts: 1398
-Akarin- said:
I'm bored with my previous design and created the new one. Tried to make it minimalistic and beautiful ^^

Whoa! Such a clean and neat design!

@Rukayex
Lovely <3 Esp the Miku one
 
04-02-12, 2:52 PM

Offline
Joined: Feb 2008
Posts: 7641
Ruka-chan's lists... Best, as usual.
.
 
04-02-12, 5:29 PM

Offline
Joined: Mar 2009
Posts: 2231
Thanks for the comments guys! o/

@-Akarin-: Are you on Mac / using Safari? I heard from someone else that apparently the font gets... very large for some reason. xD Thanks for pointing it out. I will try to fix it soon. @_@
 
04-02-12, 5:35 PM

Offline
Joined: Apr 2011
Posts: 355
Rukayex said:
@-Akarin-: Are you on Mac / using Safari?

no, I'm using Chrome on win7 :)
Opera shows the same picture as well.

font-family: 'Blue Highway', Helvetica, Arial

I guess it's because not everyone has these fonts except Arial ;)
Modified by Akarin, 04-02-12, 5:38 PM
 
04-04-12, 3:11 PM

Offline
Joined: Apr 2011
Posts: 355
@LIDocain
No, I don't appreciate you using my css...
Why don't you try to make your own design?
 
04-05-12, 11:11 AM

Offline
Joined: Jan 2009
Posts: 465
-Akarin- said:

I guess it's because not everyone has these fonts except Arial ;)

Your title bars look great Akarin

What happens if you use a font someone doesn't have installed?(Using an alternate font as well)
Does it display a default text instead?

Rukayex said:

And....I also updated both lists recently. ^^"

Love the anime list theme,Ruka
 
      Manga Sorted By Theme                          Anime Sorted By Theme
 
Top
Pages (112) « First ... « 97.4 98.4 [99.4] 100.4 101.4 » ... Last »
Advertising     FAQ     About     Contact     Terms     Privacy