collapse

Author Topic: Create an Advanced Control System Skinset  (Read 1448 times)

0 Members and 1 Guest are viewing this topic.

Offline DMHolt57

  • Global Moderator
  • Connoisseur
  • *
  • Posts: 1909
  • Shameless Agitator
  • OS:
  • Windows XPWindows XP
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
    • Windows7NewsInfo
Re: Create an Advanced Control System Skinset
« Reply #15 on: March 25, 2009, 06:59:19 PM »
Now someone tell me how to combine the two skins as a set with the .acs extension so i can actually try them on the gadget.
« Last Edit: March 25, 2009, 07:02:37 PM by DMHolt57 »
Thank You, "Guest" For Reading My Post.



Offline Shortie

  • Administrator
  • Authority
  • *
  • Posts: 5710
  • The Ultimate Boss
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Firefox 3.1b3Firefox 3.1b3
    • View Profile
    • Graphics Mayhem
Re: Create an Advanced Control System Skinset
« Reply #16 on: March 25, 2009, 07:10:07 PM »
You can do it buy editing the .js files etc but that's a pain - what I do is just overwrite some which are already in the skins folder (back the folder up first or just keep a copy of the gadget install)- the default skin at the moment is 51 so if you go either side of that then you do not have to click forever until you get to yours :D

Shortie

Thank You, "Guest" For Reading My Post.


Offline SoLoGHoST

  • SMF MOD Expert!
  • Connoisseur
  • *
  • Posts: 2375
  • OS:
  • Windows VistaWindows Vista
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
Re: Create an Advanced Control System Skinset
« Reply #17 on: March 25, 2009, 09:40:21 PM »
Now someone tell me how to combine the two skins as a set with the .acs extension so i can actually try them on the gadget.

Wow, great skins DM.  I especially like the Wood 1 that is next to the brick (bottom left), but they all look nice and until we see them in ACS, it's hard to say how it looks.

.acs files are used to save/open the skins you already have in there, since these skins can range in #'s, depending on the amount of skins the user has in the skins/large and skins/small folders, ACS style files do not actually package the images up together as one (although this is an idea for a future version of ACS).  Currently .acs files only provide a way to open and save your Appearance Settings (ofcourse, if you are using skins that aren't packaged with the gadget, you will need to copy these skins to the small/large folders in the skins directory of the ACS Root Directory with the number name of the skin being the next highest number in there.  If you haven't saved the same skins as the same number name as it was when you saved the style file (.acs) from within ACS it will not be able to load up the skin (instead will load up the skinset # that the style file was saved as before (if exists)).  Unfortunately, I didn't have much time to devote to this feature, so I just created a quick way of loading and exporting Appearance Settings (that is why they are approx. 678 Bytes in filesize - Only saves the variables for setting all appearance settings in ACS).

Soon to come, a way to package your skins up into a .zip file that will be renamed to a .acsp (ACS Complete Style Pack file).  And also, will allow users to add/remove options from the Top Text Area.  That is, create a .js file called something like custom_tta.js, ACS will look for this file in the .zip file, if exists, will begin loading all functions listed in there as Top Text Area Options with the exception of the init() function which developers can use to define variables, etc., needed to be run at load of settings, and whatever else.  For example:

custom_tta.js
Code: [Select]
function init() {
// do stuff in here that will load at default
// let's set some variables that will need to be set in here...
// setting optionsRemove to false will add all options you define here in the functions to the current options in ACS.  Setting this to true will remove all options and start options off at an index of 0.
optionsRemove = false;
}
function cpu_temp() {
// textString holds the actual text that will be inputted into the

Well anyways, those are my thoughts on the development of custom options.  As far as skinsets are concerned, will just need to create 2 images called, small.png and large.png in the .zip file and will automatically convert and save them, once loaded from within ACS into the Skins directory.

Thanks a bunch bro ;)

I am also considering to just allow the ability to import ACS Skinsets (*.acss || ACS Skinset Files) which will only load the skinsets from a .zip file without loading any custom changes.  I believe I will do this first and see how this goes before I go crazy with the customization of the actual features.
« Last Edit: March 25, 2009, 09:47:05 PM by SoLoGHoST »

Offline DMHolt57

  • Global Moderator
  • Connoisseur
  • *
  • Posts: 1909
  • Shameless Agitator
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
    • Windows7NewsInfo
Re: Create an Advanced Control System Skinset
« Reply #18 on: March 26, 2009, 01:19:46 AM »
Ok, got it fingered out, all my skins added to styles and everything looking good.  I now can design some skins that are purpose oriented, since I have had a good look at it.  And I notice I need to clean the corners a bit, seems like the transparency is showing on some, even though i made sure to remove drop shadows and outside strokes.  One suggestion,...bring the star at the bottom up 5px(approx) so it is even with the locked/unlocked text.  It tends to fall off the skin if it has an upraised area, with one point.
* ACSwood57.png (27.94 kB, 185x90 - viewed 147 times.)
* ACSRedMesh57.png (31.91 kB, 187x90 - viewed 148 times.)
* ACSPWeave57.png (22.26 kB, 140x81 - viewed 147 times.)
* Eegg4.png (15 kB, 140x81 - viewed 108 times.)
« Last Edit: March 26, 2009, 02:31:02 AM by DMHolt57 »
Thank You, "Guest" For Reading My Post.



Offline Shortie

  • Administrator
  • Authority
  • *
  • Posts: 5710
  • The Ultimate Boss
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Firefox 3.1b3Firefox 3.1b3
    • View Profile
    • Graphics Mayhem
Re: Create an Advanced Control System Skinset
« Reply #19 on: March 26, 2009, 01:54:01 AM »
Well Done

Like the purple one

Shortie

tip - to clean the edges create a layer at the beginning which is a copy of the background say 130x71px and a radius of 15px - then when you are finished Do a selection on the unused background invert and delete from the finished skin if it is a vector mask you can be sure you get a clean skin

e.g.

* ACSPWeave57.png (20.45 kB, 140x81 - viewed 132 times.)

Thank You, "Guest" For Reading My Post.


Offline DMHolt57

  • Global Moderator
  • Connoisseur
  • *
  • Posts: 1909
  • Shameless Agitator
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
    • Windows7NewsInfo
Re: Create an Advanced Control System Skinset
« Reply #20 on: March 26, 2009, 01:58:43 AM »
Yeah, I tried to make it a quick project and started with a skin i had left a drop shadow on and didn't notice till later that i should have paid more attention....but the next goaround I will be trying something new.... ;)
 I only downloaded the gadget an hour ago.
« Last Edit: March 26, 2009, 02:11:34 AM by DMHolt57 »
Thank You, "Guest" For Reading My Post.



Offline SoLoGHoST

  • SMF MOD Expert!
  • Connoisseur
  • *
  • Posts: 2375
  • OS:
  • Windows VistaWindows Vista
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
Re: Create an Advanced Control System Skinset
« Reply #21 on: March 26, 2009, 02:31:31 AM »
Hello DM, the wooden one is awesome, you can always use other images besides the star.  Some keyboard Shortcuts to remember, give ACS focus 1st by clicking on it somewhere and then do any of the following Shortcut Combinations:

CTRL+UP & CTRL+DOWN => Changes the ACS Buttons

CTRL + LEFT & CTRL+RIGHT => Changes the Skinsets of ACS

ALT + UP & ALT + DOWN => Changes the Locked/Unlocked Icon

ALT + RIGHT & ALT + LEFT => Changes the Arrow Images in the corners

SHIFT + LEFT & SHIFT+RIGHT => Changes the Slider Images of ACS

CTRL + T => Toggles the sizes of ACS (With Top Text Area and without)

Those are in there by default unless you have taken them out manually.

Offline DMHolt57

  • Global Moderator
  • Connoisseur
  • *
  • Posts: 1909
  • Shameless Agitator
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
    • Windows7NewsInfo
Re: Create an Advanced Control System Skinset
« Reply #22 on: March 26, 2009, 02:57:35 PM »
* 57WoodPrvw.png (203.48 kB, 500x405 - viewed 426 times.)
« Last Edit: March 27, 2009, 02:23:08 AM by DMHolt57 »
Thank You, "Guest" For Reading My Post.



Offline Shortie

  • Administrator
  • Authority
  • *
  • Posts: 5710
  • The Ultimate Boss
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Firefox 3.1b3Firefox 3.1b3
    • View Profile
    • Graphics Mayhem
Re: Create an Advanced Control System Skinset
« Reply #23 on: March 26, 2009, 03:20:54 PM »
Cool stuff

All you need is a wallpaper to go with it  Here....


Thank You, "Guest" For Reading My Post.


Offline DMHolt57

  • Global Moderator
  • Connoisseur
  • *
  • Posts: 1909
  • Shameless Agitator
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
    • Windows7NewsInfo
Re: Create an Advanced Control System Skinset
« Reply #24 on: March 26, 2009, 03:40:54 PM »
Thnx Shortie, looks great.  :biohazard:



* 57ShortieDsktpMod.jpg (773.17 kB, 1600x1200 - viewed 44 times.)
Thank You, "Guest" For Reading My Post.



Online NerdBoy

  • Graphics Mayhem Designer
  • Global Moderator
  • Expert
  • *
  • Posts: 4838
  • Computer Nerd/Tech Junkie
  • OS:
  • Windows VistaWindows Vista
  • Browser:
  • Firefox 3.0.7Firefox 3.0.7
    • View Profile
Re: Create an Advanced Control System Skinset
« Reply #25 on: March 26, 2009, 04:17:31 PM »
Very nice to look at Dm & Shortie good stuff . :)
Thank You,"Guest" For Reading My Post.
 

http://www.michelespaintshop.com/mp_tubes1_index.php

Offline Shortie

  • Administrator
  • Authority
  • *
  • Posts: 5710
  • The Ultimate Boss
  • OS:
  • Windows 7Windows 7
  • Browser:
  • Firefox 3.1b3Firefox 3.1b3
    • View Profile
    • Graphics Mayhem
Re: Create an Advanced Control System Skinset
« Reply #26 on: March 26, 2009, 04:27:41 PM »
Very nice - superb interpretation with the text :clap:

Shortie

Thank You, "Guest" For Reading My Post.


Offline SoLoGHoST

  • SMF MOD Expert!
  • Connoisseur
  • *
  • Posts: 2375
  • OS:
  • Windows VistaWindows Vista
  • Browser:
  • Microsoft IE 8.0Microsoft IE 8.0
    • View Profile
Re: Create an Advanced Control System Skinset
« Reply #27 on: March 26, 2009, 05:10:00 PM »

57Woods for ACS


[ ERROR: SPECIFIED ATTACHMENT MISSING OR CANNOT BE FOUND ]


[ ERROR: SPECIFIED ATTACHMENT MISSING OR CANNOT BE FOUND ]


Very Cool DM, you should definately add this to the Downloads Section here ===>  Gadget Skins and Things.

 


* Search



* Latest Activity.

A GM Wallpaper by NerdBoy
[Yesterday at 07:31:24 AM]


Next Topic Page 1.2 by NerdBoy
[December 15, 2010, 06:28:37 PM]


Windows 8 Wallpaper Concepts by NerdBoy
[December 14, 2010, 09:31:08 PM]


Who can make me a custom mod? by VintageJetBoats
[December 13, 2010, 10:35:47 AM]


December 2010 Uptop Logo Contest by NerdBoy
[December 12, 2010, 07:01:48 PM]


Icon request by NerdBoy
[December 10, 2010, 06:39:27 PM]


Ultimate Weather by NerdBoy
[December 10, 2010, 12:22:41 PM]


General Wallpapers by NerdBoy
[December 10, 2010, 12:17:18 PM]


Logo request by NerdBoy
[December 09, 2010, 08:26:51 AM]


Nerdboy's Birthday by NerdBoy
[December 07, 2010, 06:02:44 AM]