Graal Forums  

Go Back   Graal Forums > Development Forums > Graphic Design
FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 09-17-2009, 03:25 AM
SwimChao SwimChao is offline
UN Manager
SwimChao's Avatar
Join Date: Feb 2009
Posts: 486
SwimChao is just really niceSwimChao is just really nice
Send a message via Skype™ to SwimChao
Rough draft: Skinning your RC

This is the rough draft of a walk through article I'd like to eventually submit to the Graal wiki. It's sort of basic right now, I tried to keep it that way. Please give me some feedback!

->
______________________________________________
The "skin" of the RC (as we'll refer to it as), consists of the images that are put together to make up the window's appearance. It's possible for you, the developer (or server staff), to edit your RC's skin to something more personal. If graphics are your cup of tea, this article is for you.

First off you need to understand that you will not find the images anywhere in your Graal folder. These images are programmed directly into the RC application, and thus are untouchable in that aspect. However, you can go about creating your own images and replacing the old ones in a few easy steps.

Second off, locate "control2config.txt" in your Graal folder. This is where all of the information for your Remote Control application's appearance (and the like) are kept. Please open it, and just brush through it. Most of the variables should make sense right away, they're pretty self explanatory (ie:nohtmlinpms=... /no html codes in PMs).

Since you're only editing the skin, or the images of the window, scroll down in the text file. You're going to start notice some image names and hex color codes. These are the things you're going to be editing. As a side note, notice that the majority of these images are two different states for the same thing (buttons (up&down)). Use the templates below to size your images accordingly, and get to editing.

{Template pending... didn't upload all the images}
{List links to uploaded images.. can these files be put for download on the wiki? I have all the images sitting in a folder waiting (thanks to dusty). All of the basic RC images can be put for download here.}

Once you've made all of your graphics, you're going to go back into the "control2config.txt". Scroll back down to the bottom, and let's get editing. You can go about this one of two ways: You can place your images directly in your graal folder, or you can make a seperate "newrc" folder (or something like that).

Start placing the appropriate image names in their corresponding places (if you made a seperate folder ex: background=/newrc/rc_graalonline2.PNG =means-> /folder/image). If you placed your images directly in the Graal folder, you don't have to worry about any forward slashes and can get directly to editing by placing the names of your images in the old image places. Once you've placed your images in the correct spot, you can move onto the palette for your colors. This is probably the most tedious portion.

The palette for your colors is all based on what hex color codes you put in. Personally, I'd go for something that matches your background image. Here is a descriptive list of what each variable is:

coloredit:
The color of the font that you see when you type in the "chat box" (or 'edit' output)

coloreditback:
The background color for the edit input. (or chat box)

colorchat:
The color of non-bolded text in the main chat portion of your RC, also known as the output. (Where you see what other staff members type, or when a script is updated, etc.)

colorchatback:
This is the background color for the output/main portion of the RC.

colorchatbold:
This is the color of bolded text used in the output/main portion of RC. It's used when people log in, for example.

colorlabel:
This is the color that the text placed over your "background" image is defined with. (Name of the server, number of players, etc.)


colorlabelback=
This color is used in the event there is no background image. This portion of a "skin" is known as a "label".

(These terms are applicable to most communication/tool application skins)
(Will include outside resources to things like a hex color code chart.. etc.)

DISREGARD THE ARROW I ACCIDENTALLY LEFT IN THE RC WINDOW....
Attached Thumbnails
Click image for larger version

Name:	grdia.PNG
Views:	420
Size:	77.7 KB
ID:	49363  
__________________
People wake up hatin' and they ain't even brushed they teeth yet.
Reply With Quote
  #2  
Old 09-17-2009, 03:32 AM
cyan3 cyan3 is offline
Registered User
cyan3's Avatar
Join Date: Nov 2005
Location: England
Posts: 2,919
cyan3 has a brilliant futurecyan3 has a brilliant futurecyan3 has a brilliant futurecyan3 has a brilliant futurecyan3 has a brilliant futurecyan3 has a brilliant futurecyan3 has a brilliant future
Great work I'd be more than happy to move this guide to the graal bible as well if needed.
Reply With Quote
  #3  
Old 09-17-2009, 03:34 AM
SwimChao SwimChao is offline
UN Manager
SwimChao's Avatar
Join Date: Feb 2009
Posts: 486
SwimChao is just really niceSwimChao is just really nice
Send a message via Skype™ to SwimChao
Quote:
Originally Posted by cyan3 View Post
Great work I'd be more than happy to move this guide to the graal bible as well if needed.
After some more feedback, I'll fine tune it, clean it up, and send it to you via PM or email of some sort to get it put somewhere.
__________________
People wake up hatin' and they ain't even brushed they teeth yet.
Reply With Quote
  #4  
Old 09-17-2009, 03:45 AM
DustyPorViva DustyPorViva is offline
Will work for food. Maybe
DustyPorViva's Avatar
Join Date: Sep 2003
Location: Maryland, USA
Posts: 9,589
DustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond repute
Send a message via AIM to DustyPorViva Send a message via MSN to DustyPorViva
You might want to include the default size for the background image(not that which is provided), but the size of the background when RC is started, so people can get clean backgrounds without distortion.
Reply With Quote
  #5  
Old 09-17-2009, 03:48 AM
SwimChao SwimChao is offline
UN Manager
SwimChao's Avatar
Join Date: Feb 2009
Posts: 486
SwimChao is just really niceSwimChao is just really nice
Send a message via Skype™ to SwimChao
Quote:
Originally Posted by DustyPorViva View Post
You might want to include the default size for the background image(not that which is provided), but the size of the background when RC is started, so people can get clean backgrounds without distortion.
I was just sorting all that out for the final product. Someone had also just asked me what it was on UN's RC as well. :P
__________________
People wake up hatin' and they ain't even brushed they teeth yet.
Reply With Quote
  #6  
Old 09-17-2009, 04:21 AM
warriors94 warriors94 is offline
Rogue LAT
warriors94's Avatar
Join Date: Mar 2007
Location: California
Posts: 70
warriors94 is on a distinguished road
Send a message via AIM to warriors94 Send a message via MSN to warriors94 Send a message via Skype™ to warriors94
Thanks for this Streety! I really loved this idea and was happy to make my RC more pretty!
Edit:If I can do it, anyone can.
Attached Thumbnails
Click image for larger version

Name:	ThanksStreety!.JPG
Views:	236
Size:	53.3 KB
ID:	49364  
Reply With Quote
  #7  
Old 09-17-2009, 04:24 AM
SwimChao SwimChao is offline
UN Manager
SwimChao's Avatar
Join Date: Feb 2009
Posts: 486
SwimChao is just really niceSwimChao is just really nice
Send a message via Skype™ to SwimChao
Glad to help. I'm assuming there was nothing you didn't understand (other than the PMs).

Side note: Aeko's buttons are taking off.
__________________
People wake up hatin' and they ain't even brushed they teeth yet.
Reply With Quote
  #8  
Old 09-17-2009, 04:41 AM
Clockwork Clockwork is offline
ᶘ ᵒᴥᵒᶅ...ᶘ ಠᴥಠᶅ❤...ℳℴℯ
Clockwork's Avatar
Join Date: Feb 2007
Location: Pennsylvania
Posts: 2,071
Clockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant future
Send a message via Skype™ to Clockwork
Quote:
Originally Posted by SwimChao View Post
Side note: Aeko's buttons are taking off.
XD

I'll have to make me new ones later to continue being different! x3

Very nice guide :3 +rep~
__________________
Reply With Quote
  #9  
Old 09-17-2009, 06:12 AM
SwimChao SwimChao is offline
UN Manager
SwimChao's Avatar
Join Date: Feb 2009
Posts: 486
SwimChao is just really niceSwimChao is just really nice
Send a message via Skype™ to SwimChao
PS: The intentions of posting this was to get some feedback. So please, negative or positive.. Give some if you read through it!
__________________
People wake up hatin' and they ain't even brushed they teeth yet.
Reply With Quote
  #10  
Old 09-17-2009, 06:28 AM
LordSquirt LordSquirt is offline
|MÍrÁy|
LordSquirt's Avatar
Join Date: Dec 2008
Location: NY
Posts: 958
LordSquirt is a name known to allLordSquirt is a name known to allLordSquirt is a name known to all
I read it over and while reading it I tried it out myself.

I understood everything you said and in the end it came out fine

Good guide.
Reply With Quote
  #11  
Old 09-17-2009, 08:03 AM
Clockwork Clockwork is offline
ᶘ ᵒᴥᵒᶅ...ᶘ ಠᴥಠᶅ❤...ℳℴℯ
Clockwork's Avatar
Join Date: Feb 2007
Location: Pennsylvania
Posts: 2,071
Clockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant futureClockwork has a brilliant future
Send a message via Skype™ to Clockwork



finished my new one :3
they even have an animation when you click them

Something to add to your guide if you'd like is:


labelservers=~
labelplayers=~

These both change the words before the server name and the amount of players. in the case of my rc, you will see ~ to keep my rc sorta clean, but if you check other rc's posted here, you'll see server and players.
__________________

Last edited by Clockwork; 09-17-2009 at 08:13 AM..
Reply With Quote
  #12  
Old 09-17-2009, 08:13 AM
benpoke103 benpoke103 is offline
Zvarri!
benpoke103's Avatar
Join Date: Jun 2002
Posts: 332
benpoke103 will become famous soon enough
I still remember when people were using resource hacking methods, then Stefan released skinning capabilities right after. Awesome that people are using their creativity for it.
__________________
Need support? Here's how to reach me.

Forum PM (Preferred)
#graaldt @ Freenode
Reply With Quote
  #13  
Old 09-17-2009, 08:40 AM
DustyPorViva DustyPorViva is offline
Will work for food. Maybe
DustyPorViva's Avatar
Join Date: Sep 2003
Location: Maryland, USA
Posts: 9,589
DustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond reputeDustyPorViva has a reputation beyond repute
Send a message via AIM to DustyPorViva Send a message via MSN to DustyPorViva
Quote:
Originally Posted by Clockwork View Post
they even have an animation when you click them
I was just thinking of this :P
Reply With Quote
  #14  
Old 09-17-2009, 02:45 PM
Vima Vima is offline
Registered User
Join Date: Dec 2005
Posts: 542
Vima is an unknown quantity at this point
Good job Streety!

Quote:
Originally Posted by Clockwork View Post



finished my new one :3
they even have an animation when you click them

Something to add to your guide if you'd like is:


labelservers=~
labelplayers=~

These both change the words before the server name and the amount of players. in the case of my rc, you will see ~ to keep my rc sorta clean, but if you check other rc's posted here, you'll see server and players.
ooo, cute! LOVE the icons.
Can't you share your RC?
Sharing is caring<3
__________________
*aka SwedishKing*
Reply With Quote
  #15  
Old 09-17-2009, 04:06 PM
Liberated Liberated is offline
not doing alot
Liberated's Avatar
Join Date: Feb 2008
Posts: 1,366
Liberated has a spectacular aura about
Quote:
Originally Posted by Vima View Post
Good job Streety!



ooo, cute! LOVE the icons.
Can't you share your RC?
Sharing is caring<3
he already shared his previous one, i think he made this one to remain original, as everyone used his previous one.
__________________
Quote:
Originally Posted by Tigairius View Post
I promise when I get rich I'll send you an iPhone. I'll send everyone an iPhone.
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +2. The time now is 03:57 PM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Copyright (C) 1998-2008 Linux cyberjoueurs All Rights Reserved.