Forum:KHUX Skin

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
KHWiki-Forum Logo.png
Forums: Index > The World that Never was > KHUX Skin

TheFifteenthMember Yes. You're creepy. I can't say we'll miss you while you're gone, so it'd be best if you did go. We all win that way. TheFifteenthMember 10:19, 5 September 2015 (UTC)
It's been nearly a year since 2.5 released so it should be time to peel off the paint and have a new KHUX skin! Would anyone be able to make a skin and logo?
Symbol Character - Mickey.png
FA icon.png Provided I know what the dimensions are for the respective images, as well as where their directories are, I'd like to have a go.

My display is going to be impaired because I switched from Chrome to Waterfox (boo to Chrome for not supporting HTML5 and Unity games anymore), so... anyone who uses Firefox or Chrome and can display rounded edges on the skins, I'd like you to show me what it looks like as soon as we finish this.

EDIT 13:06, 5 September 2015 (UTC): Now, I have swapped colours for the Roundedblue headings (GO, SEARCH etc.). That was simple enough to do. I'll need a list of these things:

  • The colours of the borders for each skin
  • The logo files and where I can find them, and how I can replace them
  • Assets for other skins, including headings
  • Header images and their sizes for the respective skins, and where I can find them and how I can replace them

Helping others always comes before asking others for help. TroisNyxÉtienne — 12:56, 5 September 2015 (UTC)

TheFifteenthMember Yes. You're creepy. I can't say we'll miss you while you're gone, so it'd be best if you did go. We all win that way. TheFifteenthMember 17:27, 5 September 2015 (UTC)
Here's a few files I've found that might be useful:

Thanks for helping with the update, the stuff so far look great!


Symbol Character - Mickey.png
FA icon.png So far, this is what's been done. The things that are struck through, I mark as DONE:

  • File:Wiki.png
  • File:Search-Roundedblue-GoButton.png
  • File:Search-Roundedblue-SearchButton.png
  • File:Sidebar-Roundedblue-Community.png
  • File:Sidebar-Roundedblue-Navigation.png
  • File:Sidebar-Roundedblue-OtherWikis.png
  • File:Sidebar-Roundedblue-Toolbox.png
  • File:Sidebar-Navigation.png
  • File:Sidebar-Languages.png
  • File:Sidebar-Search.png
  • File:Sidebar-Toolbox.png
  • File:Sidebar-Community.png
  • File:RoundedblueBullet.png
  • File:MonacoBackground.png
  • File:Wiki-VectorBanner.png
  • File:Wiki-RoundedBlueBanner.png
  • File:RoundedblueTabChosen.png
  • File:Sidebar-strip.png

Well, only a few more to go. You may have seen me test out some of the images to see if they work. Monobook might be the first skin to work after all this...

EDIT 23:59, 5 September 2015 (UTC) Looks like the Vector and Monobook skins are as good as done. Only the Roundedblue one is left; there are a few elements to change. Also, how do we change those remaining logos that appear at random?

Helping others always comes before asking others for help. TroisNyxÉtienne — 23:35, 5 September 2015 (UTC)

Hey, I found the heart gif: File:SearchImage.gif. TheFifteenthMember 09:39, 6 September 2015 (UTC)
We also need to update the Template:Welcome (does KHUX have a tagline?) and with the help of an admin, the site notice colours. TheFifteenthMember 11:06, 6 September 2015 (UTC)
And we probably need to change the background color of thumbnails as well. TheSilentHero 11:08, 6 September 2015 (UTC)

AND (with the help of an admin) Vector.css and Roundedblue.css. See my notes on the discussion page. TRSNX 12:07, 6 September 2015 (UTC)

EDIT 12:13, 6 September 2015 (UTC): The Welcome template has been changed by-and-large; all that's missing now is the artwork. Can anyone suggest anything? TRSNX

Could we use a decorated KHUX wallpaper or splash screen? It's an app so it doesn't have the box art that we usually use. —Preceding unsigned comment added by TheFifteenthMember (talkcontribs)

One option is to crop the artwork from the website (the one with Kingdom Hearts floating in the centre), basically the image that forms the logo. There aren't very many options, I'll admit. TRSNX 12:27, 6 September 2015 (UTC)

Maybe we can use this? It's from the original chi, but I don't think that matters much. TheSilentHero 15:59, 6 September 2015 (UTC)


EDIT 13:14, 5 September 2015 (UTC): Proposed logo, based on what was the official wallpaper on the KHX website some time back. I'd like to hear your thoughts. TRSNX


EDIT 13:23, 5 September 2015 (UTC): Sorry for the multiple posts, but I've also come up with a logo in the style of our previous KHW logos (character - character - character), this time featuring Ephemera + Chirithy + Unknown. TRSNX

Can we see the character logo? Our current logo alternates between three different logos so do we want to continue that or only have one? Personally, I think one is okay; we only done that for 2.5 because we actually had a reason to. TheFifteenthMember 17:27, 5 September 2015 (UTC)

Okay, here are both logos side-by-side for comparison:


What do you folks think? While I do think the three characters one looks a bit plain, I'll go with what most people choose. TRSNX 19:56, 5 September 2015 (UTC)

Can we make them alternate with each refresh like the one we have now? Pea14733 ---- [雷] 19:58, 5 September 2015 (UTC)

It is possible to, but the one we have now has a justification: 2.5 Remix is a combination of three games. Would there really be a justification if it's just one game we're celebrating? O_O TRSNX 20:14, 5 September 2015 (UTC)

We could choose to celebrate both x and unchained x, so we can have two logos. TheSilentHero 22:56, 5 September 2015 (UTC)

Should I start updating the images now, or should I wait until they're all done before I do anything? TRSNX 23:05, 5 September 2015 (UTC)

Honestly, I think the character image is missing something; I would prefer the other one to be the only logo because I find it adorably pretty (my own opinion though). But if we are keeping the character logo, would it be possible to remove the tiny white lights in the background; they look a bit strange in my opinion. TheFifteenthMember 09:39, 6 September 2015 (UTC)

I'm going to regress on my opinion, seeing as that actually doesn't work too well as a logo. I'm happy to stick with just the character logo but we need to get rid of the code that causes the alternate logos (which by the way, are saved under File:Wiki 2.png and File:Wiki 3.png). I think it's in a .css file somewhere but I don't know where. TheFifteenthMember 11:21, 6 September 2015 (UTC)

The logo has since been changed to Ephemera + Chirithy + Unknown. Not sure how well this works, but I hope it works somehow. We still know that the game is radically different... TRSNX 12:38, 6 September 2015 (UTC)

Wiki 2 and Wiki 3[edit]

Okay, what do we do about those two logos? Any suggestions? TRSNX 16:46, 7 September 2015 (UTC)

If we're going to have only one logo, I would suggest either removing the coding that randomizes the logos, or upload the same logo we have now as Wiki 2 and Wiki 3 as well. TheSilentHero 16:56, 7 September 2015 (UTC)

Trouble is, I'm not quite sure where the coding for this is... TRSNX 17:17, 7 September 2015 (UTC)

It's in Mediawiki:Common.js TheSilentHero 17:20, 7 September 2015 (UTC)
We need to ask an admin for help on this. TheFifteenthMember 17:42, 9 September 2015 (UTC)


I would like the header to be based off this, somehow:


13:33, 5 September 2015 (UTC)

Alright, I've come up with a header design, based on that image I sought after earlier. Here's what it looks like.


Now granted, the BG is that of Dream Drop Distance, but Chirithy are Dream Eaters. If you recommend that I use another BG altogether, please let me know. TRSNX 14:11, 5 September 2015 (UTC)

You could derive the BG from the website, which uses heart, Keyblade and Lux symbols. TheFifteenthMember 17:27, 5 September 2015 (UTC)
The backgrounds on these wallpapers are more detailed. --ShardofTruth 19:18, 5 September 2015 (UTC)

Thanks, folks. Working on it ASAP. TRSNX 19:56, 5 September 2015 (UTC)

EDIT 20:11, 5 September 2015 (UTC): Thanks for your recommendations; here is a second header idea. TRSNX


Feedback on this: Header is fuzzy on RB and Vector. Probably because original file is very small and it's blown up to the point where quality is reduced. (ps use imgur ;D) The links in the corner of Vector are not very visible with the clash of the deep teal of header vs light blue of links. yAgIogp.pngANX219 01:36, 6 September 2015 (UTC)
Hello everyone! I have no idea what any of you are talking but if you happen to need any help with the images TNE let me know and I'll do my best to help you around! Got photoshop and SAI on my side should you need any of their features for anything :) I'm in uni tho so times are limited to weekends :/ Unversedlogo.pngDraaek the Blazing Dragon of LightUnversedlogo.png 02:03, 6 September 2015 (UTC)

Draaek, if you could help me tidy up the Roundedblue and Vector headers, I'll be grateful. Right now they look pixellated, their quality has been reduced because I attempted to scale them up. ANX, you too. I did this up till 01:00 last night and I won't be able to handle this until I return from Mass this morning/afternoon. TRSNX 06:39, 6 September 2015 (UTC)

I think the header's design is fine but with the smoothing and low contrast it looks really blurry now. Also there seems to be something wrong with the pattern, so I extraced the repeated unit that can be exteneded in every direction. It's not really perfect either but that's the original designer's fault. --ShardofTruth 13:39, 6 September 2015 (UTC)


Roundedblue Header Issues[edit]

ANX and Draaek, I don't know if either of you have updated the Roundedblue header -- but it still seems fuzzy to me. Is it just me, or do you two have the same problem? TRSNX 16:47, 7 September 2015 (UTC)

By fuzzy do you mean super blurry? The header wasn't updated but it looks like it was upscaled very badly. I've tried a different approach, but it's a bit plain. --ShardofTruth 21:14, 8 September 2015 (UTC):


Solved. It turns out that the file Draaek sent me had not been uploaded yet, and I took to uploading what she sent me over Skype call. (Yes, she did it up and cleared it all up.) TRSNX 21:28, 8 September 2015 (UTC)
That looks much better now, thanks TNE, now my eyes can rest. --ShardofTruth 21:30, 8 September 2015 (UTC)

Seriously, though, thank Draaek. She was the one who made it un-blurry, and it's her version of the header that we are using. TRSNX 21:45, 8 September 2015 (UTC)

Haha no problem at all! In fact, I'm glad I can help out the wiki just a tiny bit more considering I don't really do anything here xD Unversedlogo.pngDraaek the Blazing Dragon of LightUnversedlogo.png 21:50, 8 September 2015 (UTC)


Symbol Character - Mickey.png
FA icon.png ANX and Draaek, I've enlisted your help with tidying up the layouts. If ever you need the colours from the images to do up the layout, here they are:
  • Roundedblue and Vector Header: #205A49, #418971, #0A1A14, #1B473A
  • Logo 01: #011013, #0CAB7A, #022A45, #045C52

Other things like the Vector sidebar and the Roundedblue headers should have some variation of these colour codes.

Helping others always comes before asking others for help. TroisNyxÉtienne — 07:41, 6 September 2015 (UTC)

CSS Troubles[edit]

Symbol - Keyblade Master.png
FA icon.png The biggest trouble we have right now is editing CSS for Vector and Roundedblue. To put it simply,
  • I can't edit CSS for the life of me, unless the colour codes are already there. Roundedblue may be easier to handle, but Vector isn't.
  • Those of us who can edit CSS, I don't know who they are, and if there are among us who can edit CSS, we don't have access to it. We can only view source.
  • I don't know of any admins or 'crats who are adept at this sort of thing.

Would anyone be willing to help us finish these skins? I know this isn't a "grand reveal" of sorts, just that this thing has been working piece by piece.

Today you will be examined for the Mark of Mastery. TroisNyxÉtienne — 12:49, 6 September 2015 (UTC)

TheFifteenthMember Yes. You're creepy. I can't say we'll miss you while you're gone, so it'd be best if you did go. We all win that way. TheFifteenthMember 12:52, 6 September 2015 (UTC)
Admins and bcrats have powers to edit the css. Neumannz and Kryten might know how to do it. If not, we can always ask Porple for help.

An attempt at the CSS:

Feel free to play around with colours and find out which is best for you all. It's probably not as complete and there are some bits missing, but I hope it turns out okay and we can agree on a colour scheme eventually.

TRSNX 20:45, 6 September 2015 (UTC)

Progress with the CSS[edit]

Has anyone given it a shot yet, and played around with the colours? What do you all think? TRSNX 21:47, 8 September 2015 (UTC)

Spinny Search GIF[edit]

I spent like two hours on this I hope it's ok. I'll go ahead and add it in. Any objections shall be stated now or forever hold your piece. yAgIogp.pngANX219 22:03, 6 September 2015 (UTC)

I did say I'd sleep, but it turned out I didn't sleep yet. Took a look at the image; looks perfectly done to me. You did really well, but you must've tuckered yourself out. Thanks so much for the help. TRSNX 22:18, 6 September 2015 (UTC)