Windows 7 Forums
Welcome to Windows 7 Forums. Our forum is dedicated to helping you find support and solutions for any problems regarding your Windows 7 PC be it Dell, HP, Acer, Asus or a custom build. We also provide an extensive Windows 7 tutorial section that covers a wide range of tips and tricks.


Windows 7: Gadgets - Customize

Gadgets - Customize

How to Customize Existing Windows 7 Gadgets
Published by scoopeeedoo
15 Feb 2010
Published by

How to Customize Existing Windows 7 Gadgets

The question having been asked in the "post your seven desktop" thread, i thought it was maybe interesting to deepen that with a new and clear post...

So, the subject here is how to change icons and type/color of font in a windows gadget to make it match better with your own style...

IMPORTANT NOTE : If you wanna follow these steps, remember that it's for personal use ONLY, please never share a customized gadget without the owner/creator permission!!! Thanks...
I could not be responsible for any exceed due to the use of this tutorial...

For the icons change, i choose the "BandwidthMeter" gadget, credits for this are for "RolRain".
For the font change, i used "PrestoHDMonitor_1.54" gadget, credits to "Preston Hunt" for the gadget and "SFKilla" for styles and graphics.

So here we go! First : how to change icon(s)...

Note : my system is in French but i'll explain with English terms, really easy to follow...

You need to have "7-zip" installed for these operations, Winrar doesn't show needed actions in the contextual menu...

So we're gonna make "up" become "down"





1- Create a new folder and name it as your original gadget.
To make it more distinctive, add something to the name...
My original is "BandwidthMeter" and i just added "2" :

2- Copy your original gadget in this folder (always back up the original, of course...), then right clic the gadget file > 7-zip > extract here

You obtain all the folders contained in your gadget.
You can delete the original now, we won't need it anymore.

3- Find the "images" folder and then the icon(s) you wanna change and check the size.
I made here a red selection of two icons, they are the icon of the gadget and the icon for the gadget management window (the one with all your installed gadgets)

4- Choose now new icon(s), with the same size (! - if needed, cut & resize with any image editor you want) and rename them as the original ones


As you can see, i had to copy my choosen icon twice...

5 - Replace the original icons by the new ones

6- To have the new name of the gadget after installation, you have to change it in the "xml" file, so right clic on it > modify

then change the name, close the windows and accept the modification



7- We have now to re-pack all the files;
So, select all of them, right clic > 7-zip > add to "BandwidthMeter2.zip"

Finally, rename the extension "zip" to "gadget" (to make appear the extension, go to "folder options" and uncheck "Hide extensions for known file types")


And that's it; you have now a new personal custom ready-to-use gadget!




15 Feb 2010   #1
scoopeeedoo

 
 

I make a second post for the tuto be clearer...

Here is now how to change font style/color, much easier again...
Really useful if you want to use clear gadget theme, for exemple..

So, to make "up" become "down"



Follow the steps described in the first post for extracting the gadget files, then find the "css" one and change font and colors where i've marked (note : you can write colors in words, "black", "red", orange" for exemple). You can also change "bold" to "italic", and so on... But i didn't here...





Of course, according to the gadget you wanna customize, "css" file can be a bit different but i think it's easy to find what to change, and if it doesn't work at the first time, just try again...!

When it's done, re-pack as described above...

This is it!

I hope this is clear enough and it will help someone...!
In that case, i will be happy and motivated for, maybe, a new tuto, one day...

Enjoy and, please, let me know if you liked it and find it helpful...

Thanks!!!

My System SpecsSystem Spec
15 Feb 2010   #2
Prisoner

Windows 8 Pro 64-bit
 
 

Really nice tutorial! I was wondering, among many other things, how to do this.

Moved my post down below your second.
My System SpecsSystem Spec
15 Feb 2010   #3
scoopeeedoo

 
 

Quote   Quote: Originally Posted by Prisoner View Post
Really nice tutorial! I was wondering, among many other things, how to do this.
Thanks for the rep!!! And the move too...!

Really happy you liked it...
My System SpecsSystem Spec
.


15 Feb 2010   #4
Soul02

Windows 7 Pro 32bit
 
 

Wow man.. you went all that far because i asked a simple question!! haha your a start! thank you so much...
Ill edit my gadget now and put a pic on here soon showing it to you!

Thanks again
My System SpecsSystem Spec
15 Feb 2010   #5
scoopeeedoo

 
 

Quote   Quote: Originally Posted by Soul02 View Post
Wow man.. you went all that far because i asked a simple question!! haha your a start! thank you so much...
Ill edit my gadget now and put a pic on here soon showing it to you!

Thanks again
No prob', Soul02!
I'm enjoying to see that!!!
My System SpecsSystem Spec
15 Feb 2010   #6
Soul02

Windows 7 Pro 32bit
 
 

Quote:
No prob', Soul02!
I'm enjoying to see that!!!
Lol ok im stuck! haha... just trying this out but i dont get this part you said:

Quote:
Finally, rename the extension "zip" to "gadget" (you need for this to uncheck "mask known extension" in the folder options)
Ive looked and cant find 'mask known extension' though i saved it .Gadget and it saved! but when i try to install it it says 'this is not a valid package' lol ... Help!
My System SpecsSystem Spec
15 Feb 2010   #7
D3ftOn3Z

Win 7 Ultimate SP1 x64
 
 

Although i'm not a big fan of gadgets. This is a good tutorial. Very detailed. Good work scoopeeedoo. +1 Rep.
My System SpecsSystem Spec
16 Feb 2010   #8
scoopeeedoo

 
 

Quote   Quote: Originally Posted by Soul02 View Post
Quote:
No prob', Soul02!
I'm enjoying to see that!!!
Lol ok im stuck! haha... just trying this out but i dont get this part you said:

Quote:
Finally, rename the extension "zip" to "gadget" (you need for this to uncheck "mask known extension" in the folder options)
Ive looked and cant find 'mask known extension' though i saved it .Gadget and it saved! but when i try to install it it says 'this is not a valid package' lol ... Help!
If you did not uncheck the option, you will have a double extension... not good that!!!
See this : (sorry for French, this must be, in your window explorer : options > folders options > display > mask the file type extension known, or something like that...). I hope it will fix your prob'...


Attached Thumbnails
Gadgets - Customize-1.jpg  
Attached Images
 
My System SpecsSystem Spec
16 Feb 2010   #9
scoopeeedoo

 
 

Soul02 :
I guess you did select well ALL the files before re-packing...?
My System SpecsSystem Spec
Comment

 Gadgets - Customize




Tutorial Tools




Our Sites

Site Links

About Us

Find Us

Windows 7 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 7" and related materials are trademarks of Microsoft Corp.

Designer Media Ltd

All times are GMT -5. The time now is 05:17 PM.
Twitter Facebook Google+



Windows 7 Forums

Seven Forums Android App Seven Forums IOS App
  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33