Editing Forum:KHUX Skin

{{Forumheader|The World that Never was}}

<!-- Please put your content under this line.  Be sure to sign your edits with either your talk page template or four tildes ~~~~ -->

{{TheFifteenthMember|time={{User:TheFifteenthMember/Sig1}} 10:19, 5 September 2015 (UTC)|default=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?}}
{{TNE|time=12:56, 5 September 2015 (UTC)|text=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}}

{{TheFifteenthMember|time={{User:TheFifteenthMember/Sig1}} 17:27, 5 September 2015 (UTC)|default=Here's a few files I've found that might be useful:
*[[: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]]
Thanks for helping with the update, the stuff so far look great!}}

==Progress==

{{TNE|time=23:35, 5 September 2015 (UTC)|text=So far, this is what's been done. The things that are struck through, I mark as DONE:


*File:Wiki.png
*<s>File:Search-Roundedblue-GoButton.png</s>
*<s>File:Search-Roundedblue-SearchButton.png</s>
*<s>File:Sidebar-Roundedblue-Community.png</s>
*<s>File:Sidebar-Roundedblue-Navigation.png</s>
*<s>File:Sidebar-Roundedblue-OtherWikis.png</s>
*<s>File:Sidebar-Roundedblue-Toolbox.png</s>
*<s>File:Sidebar-Navigation.png</s>
*File:Sidebar-Languages.png
*File:Sidebar-Search.png
*<s>File:Sidebar-Toolbox.png</s>
*<s>File:Sidebar-Community.png</s>
*<s>File:RoundedblueBullet.png</s>
*<s>File:MonacoBackground.png</s>
*File:Wiki-VectorBanner.png
*<s>File:Wiki-RoundedBlueBanner.png</s>
*File:RoundedblueTabChosen.png
*<s>File:Sidebar-strip.png</s>

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?
}}
:Hey, I found the heart gif: [[:File:SearchImage.gif]]. {{User:TheFifteenthMember/Sig1}} 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. {{User:TheFifteenthMember/Sig1}} 11:06, 6 September 2015 (UTC)
:::And we probably need to change the background color of thumbnails as well. {{User:TheSilentHero/Sig}} 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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]'''
: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. {{unsigned|TheFifteenthMember}}
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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 12:27, 6 September 2015 (UTC)
:Maybe we can use [[:File:Kingdom Hearts χ artwork.png|this]]? It's from the original chi, but I don't think that matters much. {{User:TheSilentHero/Sig}} 15:59, 6 September 2015 (UTC)

==Logo==
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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]'''

http://i358.photobucket.com/albums/oo23/Troisnyx/ProposedLogo_zps5dw0eq7q.png

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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]'''

: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. {{User:TheFifteenthMember/Sig1}} 17:27, 5 September 2015 (UTC)
Okay, here are both logos side-by-side for comparison:

http://i358.photobucket.com/albums/oo23/Troisnyx/Two%20Logos_zpskca3yt1u.png

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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 19:56, 5 September 2015 (UTC)
:Can we make them alternate with each refresh like the one we have now? {{User:Pea14733/Sig}} 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 '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 20:14, 5 September 2015 (UTC)
:We could choose to celebrate both x and unchained x, so we can have two logos. {{User:TheSilentHero/Sig}} 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? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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. {{User:TheFifteenthMember/Sig1}} 09:39, 6 September 2015 (UTC)
I'm going to regress on my opinion, seeing as [http://i.imgur.com/nnyaIn0.png 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. {{User:TheFifteenthMember/Sig1}} 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... '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 12:38, 6 September 2015 (UTC)

===Wiki 2 and Wiki 3===
Okay, what do we do about those two logos? Any suggestions? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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. {{User:TheSilentHero/Sig}} 16:56, 7 September 2015 (UTC)

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

http://images.khinsider.com/KINGDOM%20HEARTS%20X/Artwork/Promotional%20Media/Team01.PNG

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.

http://i358.photobucket.com/albums/oo23/Troisnyx/Header%20SMALLER_zpsestsd8dl.png

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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 14:11, 5 September 2015 (UTC)
:You could derive the BG from the [http://www.square-enix.co.jp/kingdom/uc/en/ website], which uses heart, Keyblade and Lux symbols. {{User:TheFifteenthMember/Sig1}} 17:27, 5 September 2015 (UTC)
::The backgrounds on [http://www.square-enix.co.jp/kingdom/uc/walldl/ these wallpapers] are more detailed. --{{User:ShardofTruth/Sig}} 19:18, 5 September 2015 (UTC)
Thanks, folks. Working on it ASAP. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 19:56, 5 September 2015 (UTC)

:EDIT 20:11, 5 September 2015 (UTC): Thanks for your recommendations; here is a second header idea. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]'''

http://i358.photobucket.com/albums/oo23/Troisnyx/Header_zpsq75agnjh.png

: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.  {{User:ANX219/Sig}} 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 :) <font size=1> I'm in uni tho so times are limited to weekends :/</font> {{User:Draaek/Sig}} 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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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. --{{User:ShardofTruth/Sig}} 13:39, 6 September 2015 (UTC)
:http://i794.photobucket.com/albums/yy230/ShardofTruth/Other%20KH%20stuff/KHUX%20Background.png

===Roundedblue Header Issues===
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? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 16:47, 7 September 2015 (UTC)

==Colours==
{{TNE|time=07:41, 6 September 2015 (UTC)|text=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.}}

==CSS Troubles==
{{TNE|time=12:49, 6 September 2015 (UTC)|attntext=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.}}

{{TheFifteenthMember|time={{User:TheFifteenthMember/Sig1}} 12:52, 6 September 2015 (UTC)|default=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:
http://www.khwiki.com/User:Troisnyxetienne/roundedblue.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.

'''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 20:45, 6 September 2015 (UTC)
==Spinny Search GIF==

I spent like two hours on this I hope it's ok. http://imgur.com/TXMPEa5 I'll go ahead and add it in. Any objections shall be stated now or forever hold your piece. {{User:ANX219/Sig}} 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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 22:18, 6 September 2015 (UTC)
@@ Line 100: / Line 100: @@
 Okay, what do we do about those two logos? Any suggestions? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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. {{User:TheSilentHero/Sig}} 16:56, 7 September 2015 (UTC)
-Trouble is, I'm not quite sure where the coding for this is... '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 17:17, 7 September 2015 (UTC)
-:It's in [[Mediawiki:Common.js]] {{User:TheSilentHero/Sig}} 17:20, 7 September 2015 (UTC)
-::We need to ask an admin for help on this. {{User:TheFifteenthMember/Sig1}} 17:42, 9 September 2015 (UTC)
 ==Headers==
@@ Line 137: / Line 134: @@
 ===Roundedblue Header Issues===
 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? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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. --{{User:ShardofTruth/Sig}} 21:14, 8 September 2015 (UTC):
-http://i794.photobucket.com/albums/yy230/ShardofTruth/Other%20KH%20stuff/Wiki-RoundedBlueBannerTest.png
-: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.) '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 21:28, 8 September 2015 (UTC)
-::That looks much better now, thanks TNE, now my eyes can rest. --{{User:ShardofTruth/Sig}} 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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 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 {{User:Draaek/Sig}} 21:50, 8 September 2015 (UTC)
 ==Colours==
@@ Line 169: / Line 160: @@
 '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 20:45, 6 September 2015 (UTC)
-===Progress with the CSS===
-Has anyone given it a shot yet, and played around with the colours? What do you all think? '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 21:47, 8 September 2015 (UTC)
 ==Spinny Search GIF==
 I spent like two hours on this I hope it's ok. http://imgur.com/TXMPEa5 I'll go ahead and add it in. Any objections shall be stated now or forever hold your piece. {{User:ANX219/Sig}} 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. '''[[User:Troisnyxetienne|<font color="#222222">TRS</font>]][[User talk:Troisnyxetienne|<font color="#444444">NX</font>]]''' 22:18, 6 September 2015 (UTC)