Forum:Aesthetics

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Revision as of 16:03, 21 February 2011 by Troisnyxetienne (talk | contribs) (Undo revision 475567 by Troisnyxetienne (talk) Crono explained it all.)
Jump to navigationJump to search
Gummi Garage.png
Forums: Index > Gummi Garage > Aesthetics


sho12.png
Item_2383.png AS IF! Item_2383.png The world is garbage! CRUNCH!
I think we should do something aesthetically to separate this wiki from the Wikia wiki. Didn't you say you would have much more freedom with MediaWiki when we become independent? Well, now the move is done so... let's see what you can do!

Oh, and I really like the interface of the Metroid Wiki on NIWA's network. I would love it if we could do something like that, but with the Birth by Sleep Final Mix images and colors. File:BBSFM Promotional Art.jpg

IsaTalk.png
SilverCrono Well, I can tell who you are. "Looks like you're prepared."

"What is with you and picking up stray puppies?" — 21:20, 9 February 2011 (EST)

Isa_bbs.png While I too would love (you don't even imagine, I would ejaculate everytime I even think of the letters "K" and "H") an interface liek teh Metroid Wikeh, I think we should focus on updating the wiki an finishing the move. It is by no means done - have you seen this?


sho21.png
Item_2383.png AS IF! Item_2383.png The world is garbage! CRUNCH!
I've edited on it and posted some things as well. We should definitely fix all those problems first. I was just fantasizing a little...

New Skin

Well, I contacted a lot of people, so we might get something going soon. --Ag (Silver) - 47 107.8682 amu ~Crono Vsymbol1.png 23:20, 9 February 2011 (EST)

Axiomist, from WiKirby here. I'm certain someone will try to help skin KHWiki, but you should understand that we all see the skins as works of art like Masterpieces. You just don't duplicate them exactly. Dkpat respected the design on WiKirby enough to build off of it for GSU and NWiki, but changed enough of the skin file that few people immediately notice they similar. Keep that in mind when you work on it, and you'll have the appreciation from just about all of us at NIWA. Congrats on moving and I hope we can all be good affiliates to one another whenever you guys want. :) 74.194.27.133 01:10, 10 February 2011 (EST)
I don't want an exact duplicate (that wasn't even what I asked for, please don't misunderstand me), I just want something like your wiki's skin that we can tweak and use for our wiki. --Ag (Silver) - 47 107.8682 amu ~Crono Vsymbol1.png 06:01, 10 February 2011 (EST)

Question — How exactly do we get the entire layout for the pages (including the search bar and even the most minute details) changed ? I can come up with the colours needed as well as a BG depending on the occasion, but beyond that... TamboursTonnerre Ensemble ! 20:29, 11 February 2011 (EST)

Pretty much just read this to see why we can't really don anything now, at least not yet... Well, I can't. --Ag (Silver) - 47 107.8682 amu ~Crono Vsymbol1.png 20:39, 11 February 2011 (EST)

I can perhaps work a prototype, provided there aren't any extra MediaWiki files to tweak. My personal favourite is the WiKirby layout, though I'm not sure how to centre-align the search bar. I'm going to see what I can do... It'll take days, though. TamboursTonnerre Ensemble ! 20:44, 11 February 2011 (EST)


sho21.png
Item_2383.png AS IF! Item_2383.png The world is garbage! CRUNCH!
So what? Radiant Garden wasn't built in a day. I hope you can make something good out of it!
Symbol - Keyblade Master.png
FA icon.png I'll need :
  • The pages where all the tweaking to the main page, the wiki appearance and the BG are going to apply. I'm not sure if they're still MediaWiki pages over here.
    • On the subject of MediaWiki pages, if anyone can find the related page for WiKirby's layout, I'd be glad to modify it. I'll also need to see the resolution needed for the header.
  • Help with tiling of the KHW background. The file can be found here. I need a perfect tile, say 15 x 5, no visible overlaps or gaps. I'll handle the colours and the brightness and everything else later.
  • Suggestions for the layout of the boxes on the front page. Please head off to the last section of User:Troisnyxetienne/Mensa.
  • Suggestions for the title font, logo and search bar font, considering that my idea is to centre-align the search bar and the header (think WiKirby retweaked).

This is all I can think of now. I've realigned the artworks of Terra, Ven and Aqua so that they look EXACTLY like the BBSFM wallpaper above, but now I'll need all this for the top header to look presentable.

EDIT 21:26, 11 February 2011 (EST) : No wait, before I even go any further : Which layout do you prefer ? CHOOSE ONLY ONE !

  • The Bulbapedia layout (Note : This is shared by most NIWA wikis.)
  • The Metroid Wiki layout
  • The Golden Sun Wiki layout
  • WiKirby's layout

Personally, I'm all for WiKirby modified, but since I can't code polls in this place, I'll need your feedback here.

Today you will be examined for the Mark of Mastery. TroisNyxÉtienne — 21:19, 11 February 2011 (EST)

IsaTalk.png
SilverCrono Well, I can tell who you are. "Looks like you're prepared."

"What is with you and picking up stray puppies?" — 22:03, 11 February 2011 (EST)

Isa_bbs.png Glad we're going somewhere.
  • ...not sure what you mean.
  • That link is broken..?
  • <>
  • Center the search bar, but not the header.

WiKirby or Golden Sun.

Symbol Character - Mickey.png
FA icon.png You know back in Wikia, the page to modify the layout was MediaWiki:Monaco.css ? Now, there should be a similar page somewhere, except perhaps it's under a different title.

And as for the search bar, I change my mind : I'd have the search bar on the right of the page, and the header will take up the rest of it. Go see the Mensa, please...

Also, please re-check the link — I just corrected it. ^_^

Helping others always comes before asking others for help. TroisNyxÉtienne — 05:09, 12 February 2011 (EST)


sho12.png
Item_2383.png AS IF! Item_2383.png The world is garbage! CRUNCH!
Alright,
  • I agree with modifying WiKirby's layout. It just seems like the best one, although Metroid Wiki is my second choice.
  • For the Logo, We should modify the one we have now (take the original Kingdom Hearts logo, recolor it, and add the word "wiki" to it. I don't know about fonts, though, but I think we can do better than the one you picked out.
  • I LOVE your prototype header, although I think it would look better if you flipped the artwork so that it is oriented the way it is normally.
  • I can't really help you with the tiled background, but if I find anything, I'll tell you.

I'm glad you're making progress, and can't wait to see what it ends up looking like!

EDIT: Your logo is actually fine. I like it the way it is and don't think there's much to change.

Also, what do you mean by wanting one 15 x 5 square? I found a square from the BBS FM logo that you could use if that's what you meant.

Symbol Character - Mickey.png
FA icon.png Well, I initially wanted it for the prototype header (because the FM wallpaper seemed to have it tiled at the back), but I realised that less is more.

Helping others always comes before asking others for help. TroisNyxÉtienne — 14:09, 12 February 2011 (EST)

Action plan

Symbol - Keyblade Master.png
FA icon.png Okay, now that the images are done on my part, I need....
  • a list of other things I can do on my part — divs, Common.css, whatnot.
  • someone to call Erry on the IRC ! Not ErryK, just Erry — she's agreed to help us with the CSS.

Today you will be examined for the Mark of Mastery. TroisNyxÉtienne — 07:00, 16 February 2011 (EST)

IsaTalk.png
SilverCrono Well, I can tell who you are. "Looks like you're prepared."

"What is with you and picking up stray puppies?" — 23:31, 19 February 2011 (EST)

Isa_bbs.png I've tried to compile a checklist of what is necessary.
Needed
Steps
  1. Upload the following folders and files into the MediaWiki skins directory: the roundedblue folder, roundedblue.php and roundedblue.deps.php (Keep in mind that the path to the stylesheet is relative. It is skins/roundedblue/main.css.)
  2. If the stylesheet is not being applied when you select this skin in your preferences, then change the main.css stylesheet path to fit the directory structure in your own MediaWiki installation.
Other Stuff
  • The easiest way to customize the skin might be to leave the CSS/HTML/PHP intact (except for the background) and just change the pictures. The psd-files of the WordPress theme this MediaWiki theme is based on, might be helpful.

That's all I've got from this. If anybody has better instructions (I barely understand them) or if you can go ahead and start doing this, TNE, that would be awesome.


EDIT 00:38, 20 February 2011 (EST): Alright, Porple has the skin up. After tweaking it and adding the things TNE made, this should be ready to go soon. I'd say we're about 75 or 50% done.

EDIT 02:49, 20 February 2011 (EST): I've worked on it for almost two hours, and This is all I've got - please, copy and paste this into User:<yourusernamehere>/roundedblue.css, hit Preview, and tell me what you think. If you could fix it to what we want, that would be amazingly awesome.

Symbol - Identity Disk.png
FA icon.png To respond to DTN's request on going back to a full-series theme, I've got a few options :
  • Sora/Riku/Kairi, keep the skin blue (Kingdom Hearts/Kingdom Hearts II).
  • Sora/Donald/Goofy, keep the skin green (Kingdom Hearts/Chain of Memories).

These are the trios that appear sort of throughout the series, so which would be preferred ? Sora/Donald/Goofy or Sora/Riku/Kairi ? The logo stays, though.

EDIT 05:50, 20 February 2011 (EST) : Question ! Is it possible to change the colours of the roundedblue skin itself ? I tested the roundedblue skin after saving preferences and refreshing the code from my side, and there were a few things I noticed :

  • The header was flipped. I'm aware you switched it back, but it still looked flipped to me.
  • The logo was not at the centre, and is there any way to centre the logo ?
    • Alternatively, we could have the logo at the left, and then move the theme a little bit to fit the screen, but I admit it'd look a little strange. I'd rather the logo be centred.
  • The colours were light blue against dark blue, and these are the things I want to change — once we switch to a KH all-series theme, we can't have colour clashes again. Like for the BBS theme, I could, say, change all the light blue to the BG colour so that it wouldn't be too obvious...

Any way how we can go around this ?

I'm as good as new! All my functions have been restored! TroisNyxÉtienne — 05:41, 20 February 2011 (EST)

IsaTalk.png
SilverCrono Well, I can tell who you are. "Looks like you're prepared."

"What is with you and picking up stray puppies?" — 09:51, 20 February 2011 (EST)

Isa_bbs.png I already noticed a few of these changes, and so did all of the people I asked to test the skin on the IRC. In act, I put it at the bottom of this page, so... yeah.
  • Changing the colors of the skin is possible; in fact, I changed the colors to match the logos. However, I cannot figure out for the life of me how to change the colors of the sidebars.
  • Yeah, I asked LegoAlchemist to flip it. The way the header was before, TNE, had Terra clashing with the logo. Three people complained about it, so Lego made a mirror image.
  • This too was a heavily desired complaint. Sadly, because Rounded Blue isn't a Wikia official skin, they don't have instructions for it; I asked the WiKirby guy who made the skin to assist, but so far he hasn't gotten back to me. I don't know how to change it.
  • As I said above, I don't know how to change the sidebars.

This wouldn't be so hard to code if one of the NEIWA wikis had a page with their code edits, but somehow, they don't... I'm sorry.

EDIT 11:51, 20 February 2011 (EST): Along with erry (not to be confused with our other Erry >.>), I've edited the skin. The sidebars now match the background, they are round, and the background has a nice, pretty light blue color. Once we edit the search bar, this might be finished, unless you guys want to add a universal theme with different colors, at which point I would kill myself. But anyway, yeah, about 85% done now. Oh, and we've fixed the links; they look like they did in Monobook.

Votes : Sora/Riku/Kairi v Sora/Donald/Goofy

10nhpah.png
Mechajin Walky Talky Page! :D — I fight for my friends! Nothing More, Nothing Less!

Friendship is the most important thing you can have!! — 06:17, 20 February 2011 (EST)Riku Save Face KHII.png

I Prefer Sora/Riku/Kairi, seeing as in my eyes they are more important to the series. whereas Donald and Goofy are more for comic relief. (Although, having a Mickey,Donald,Goofy theme or something similar for April fools could be a good idea.Mobile rikukh1.png Mechajin I fight for my friends!
Symbol Character - Mickey.png
FA icon.png Thus far, two people on the IRC (17master and Pea) have voted for Sora/Riku/Kairi.

I'm casting my vote for Sora/Donald/Goofy, because the three are party members, and party members don't necessarily give comic relief. Sora/Riku/Kairi is less seen than Sora/Donald/Goofy anyway.

Which makes it S/R/K 3 — S/D/G 1.

EDIT 06:24, 20 February 2011 (EST) : Erry also votes for S/D/G, which makes it S/R/K 3 — S/D/G 2.

Helping others always comes before asking others for help. TroisNyxÉtienne — 06:21, 20 February 2011 (EST)

10nhpah.png
Mechajin Walky Talky Page! :D — I fight for my friends! Nothing More, Nothing Less!

Friendship is the most important thing you can have!! Riku Save Face KHII.png

I've just tried on the roundedblue skin, and i think it looks really good! far better than the dingy gray of the default skin!

EDIT: I think the Search bar needs moving a bit, it doesn't look right where it is right now in my opinion.Mobile rikukh1.png Mechajin I fight for my friends!

Symbol Character - Roxas.png
FA icon.png I still think it needs a lot of improvement — yes, it's better than what we usually see, but the colours need a lot of changing, and there are some things which I'm willing to tweak but I'm not sure how to.

Why did the Keyblade choose me? I have to know. TroisNyxÉtienne — 07:01, 20 February 2011 (EST)

IsaTalkDowncast.png
SilverCrono Well, I can tell who you are. "Lea, we have to go."

"Well, I can tell you are." — 09:51, 20 February 2011 (EST)

Isa_bbs.png Yeah, it still needs a lot of work. I'm sorry I couldn't do 100%, guys...

But... Yeah, Sora/Riku/Kairi.


sho12.png
Item_2383.png AS IF! Item_2383.png The world is garbage! CRUNCH!
Two things:
  1. I think the layout is great, although would it be possible to change the fonts of the headers? I'm not sure I like the one it's set to.
  2. I cast my vote for Sora/Riku/Kairi.

EDIT 11:59, 20 February 2011 (EST): Just to make sure I'm seeing the right skin, it is light blue with flowers and the normal logo on the side, right?


asdftb2.png
17master - Hey, guys, check out my new camera!
TALK - Oh wait, this isn't a camera... - {{{time}}}
As If!: you can change the background. Copy the codes from here and pasta it here (yes, create the page), change your skin to roundedblue, clear the cache, and voila.
SoraMangaHappy.png
Dan Mobile sprite-soradance.png - My friends are my power! — 13:09, 20 February 2011 (EST)
Dans-Crown.png The new skin is awesome! Nice job, guys. =) I vote for SorDonGoof, just beacuse. =)

EDIT 13:36, 20 February 2011 (EST) : Actually, the logo could do with being a bit bigger, and is it just me, or is the magnifying glass by the search bar a little square around the edges?

I agree with the logo, but we can't make it bigger or else it won't fit with Monobook and Vector. We can't make things bad for the other users, that would be just like Oasis. --Ag (Silver) - 47 107.8682 amu ~Crono Vsymbol1.png 13:45, 20 February 2011 (EST)
Aah, I see. Pawprintorange.png Dan - Don't Blink! Pawprintblue2.png 13:48, 20 February 2011 (EST)
sho31.png
Item_2383.png AS IF! Item_2383.png The world is garbage! CRUNCH!
Speaking of the logo, can you replace it with TNX's version?

And also, the logo disappears every time I put my cursor over it? Is that some kind of glitch? Every image that links to a page acts similarly whenever I hover my cursor over it.

IsaTalk.png
SilverCrono Well, I can tell who you are. "Looks like you're prepared."

"What is with you and picking up stray puppies?" — 17:08, 20 February 2011 (EST)

Isa_bbs.png The logo can't be replaced unless an admin uploads it over File:Wiki.png, because only admins can do that. I wouldn't recommend it, though, because we don't know if it'll work in Vector and Monobook yet.

And about the flashing logo, we fix'd that; I would recommend clearing your cache. (Hold!Ctrl+F5 or hold!Shift+Reload on Firefox). About the image, I'm not sure what to do about that.