Nina's OP Miku Hatsune layout draft
Click to Enlarge

So as a bit of a gift to show my appreciation for what Otaku Pride's team (and my good friends) has done for me, KOU, and Dance of Heart, I decided to draft up a Miku Hatsune style layout based off of the one we're already using. In case you're wondering, I did use the original site as a base, but had to remake almost everything from scratch to duplicate the page. Doing this took me about six or so hours, but I had fun making it.

Because Jim adapted the layout we are currently using from Stock Overflow, I wasn't sure how far out of bounds I could go with certain things. So I kept everything simple and mainly just adapted colors to give a Miku feel. For example, the green for the "Replies" box is to represent her leek and the hot pink was taken from her headphones.

Well, feedback would be great I guess. I planned on doing a Topic page example as well, but I figured I shouldn't get too carried away until I hear from all of you. Thanks in advance. =]

10 months, 3 weeks ago
Nina's gravatar
4734 3 10

13 replies (reply)

0

... How do I use this? D: I can't figure it out!

9 months ago
Mana's gravatar
286 6
1

Well, I've given it a try and I have to say I like it. It is very "pretty"; granted I won't be sticking with it.

I need a man's theme, 'cause I'm a man! (+10 Karma if you get that)

I'm still looking forward to a better Konami theme *coughJimcough*, and it should probably be Konami-related. What do you think, Neil: are you up for the challenge?

9 months, 4 weeks ago
GooieGreen's gravatar
5320 2 4 10
0

Most of the bugs are now fixed. ie. the alternating backgrounds on the badges should be fixed etc. There should be a nice handful of themes soon enough, and users will be able to select their theme via their profile. btw wgood job creating the miku theme @nina and with the implementation @jim

9 months, 4 weeks ago
TomHarrigan's gravatar
3768 5 11
0

So is anyone besides me using this constantly..? Everyone gave great feedback on the colors and feel of it, but I don't want Jim to get discouraged on making the changes. So give a shout if you are using it, please! =]

9 months, 4 weeks ago
Nina's gravatar
4734 3 10
2

first (buggy-as-hell) draft is available for trying out:

Click here to get the Miku Theme v0.1

(I've already found some bugs, but please leave any that you find in the comments)

10 months, 1 week ago
jim's gravatar
6110 1 4 11
0

Hmm, I feel like it ought to have a large microphone in a corner somewhere. Interesting color scheme - does she really use that much hot pink?

10 months, 1 week ago
moritheil's gravatar
924 8
2

I love it! Great colors, and it's nice that nothing is dominating over anything else. Very well thought-out. :3

10 months, 2 weeks ago
rollingstar5's gravatar
1075 1 8
2

I agree with KaminaSama for wishing I could get Vocaloid, but other than that...

This is awesome. I absolutely love it. I like the look of it being subtle with the background and not right in your face, and the colors make me happy. You got me with the pink and aqua blueish/green.

If we get to use this, I most certainly will be~ Great job, Nina! Haha, now we just need the other Vocaloids.

10 months, 2 weeks ago
FoxKaiya's gravatar
1844 6
2

I'm not much of a Vocaloid fan, but it looks great.

Not much input from me eh?

10 months, 2 weeks ago
False_Messiah's gravatar
1759 8
3

I like it! :)

10 months, 2 weeks ago
jim's gravatar
6110 1 4 11
4

Good job, very subtle yet aesthetically pleasing ;-)

10 months, 3 weeks ago
TomHarrigan's gravatar
3768 5 11
4

YES this is exactly what the site needs! This is a beautiful layout! I hope that others follow in your footsteps and bring new designs.

10 months, 3 weeks ago
sasha's gravatar
1374 2 10
6

I'm in love. It's beautiful.

Too bad I still can't get my hands on VOCALOID! but.... That's a great layout. Adorable. XD

10 months, 3 weeks ago
KaminaSama's gravatar
2762 7

Post a Reply

Please login to post a reply.

tagged

posted

Sept. 13, 2009

viewed

763 times

latest activity

Nov. 2, 2009

Related Posts

Markdown Hints

*italics*

**bold**

[Link text](example.com)

![alt text](example.com/e.jpg)

Basic HTML should work :)