• May 04, 2024, 09:28:45 am

Author Topic: [Tutorial] How to change widget skin  (Read 12213 times)

0 Members and 1 Guest are viewing this topic.

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
[Tutorial] How to change widget skin
« on: February 05, 2012, 11:42:47 am »
How to edit widget skin

Tool you need.
1.SIS CONTENT
2.SVG EDITOR in this case i'm using inkscape because it free and light.You also can use other SVG editor like Adobe Illustrator.
3.SVGB Converter

Ok.....Now we start...just for reminder...this is just simple tutorial and base on digital clock.

First we need responsible file for digital clock widget skin.The file is migitalclock.mif.To get the file follow next step.

1.open any digitalclock SIS using SIS content.click on folder icon and navigate to any digital clock sisi u have.In this case it is digital clock buble.



2.After That click At the blue circle like in picture below.You will see a long list.The file higlight yellow is what we want.Click on in and click view detail like higlight in below picture.New window will pop up...select all file "Entry01""Entry02".Then click extract all image.Save it in any folder u want.Then u can close SIS content.





3.Go to folder where u save the file(Entry01,Entry02,etc) from Sis Content.check the image type.If it SVG you can proceed and edit it using SVG tool.If it in SVGB format,it need to convert to SVG first.You can use this tool to convert it.But there is a problem if the file is in NVG format,becouse till date there is no software for view or edit the file.So the only way is replace it with any SVG and try identified manually that file responsible for what image.So my advise it better use existing MODDED skin as base because normally it all are in SVG and SVGB format.

4.This is how it look like in inkscape.First picture below is Entry01 file so i know this file responsible for main background.Second picture is Entry02 so i know it is clock overlay.So in inkscape u can edit it to what ever design u want.you can add gradiant/change transparency/opacity and etc according to your taste.After finished with editing just simply save it.But make sure you not make it large than the image property.It will not appear in phone.And i notice 1 thing.Blur effect will not apply in phone.So avoid to use this effect.





5.Now open again the digital clock SIS using SIS CONTENT.follow the same step 1 and  2.Click again at the migitalclock.mif file.You will see the same window popup like in above picture.But this time don't extract it.Select Entry01 and click replace image on left panel.Then replace/navigate it to folder where you save the edited Entry01.Do the same thing to Entry02.



6.After Finish replacing.Click at file/save as.Now you have the new SIS skin for your digital clock.

And sorry for my bad english.Hope you all can understand it..:)
This tutorial also apply to other widget skin....here some useful note...:)

Here are some .mif that i know

Big analog clock = biganalogueclock.mif
Small Analog clock = analogclock.mif
Mechanical clock = mechanicclock.mif
Blutooth toggle = bluetoothwidgeticon.mif
Cellular Toggle = cellulartoggleicon.mif
Mobile data tracker wiget = mobiledatatrackericon.mif
Network 2G/3G = networkwidgeticon.mif
Offline toggle = offlinewidget.mif
silent toggle = silentwidget.mif
Musicplayer widget[both] = musigwidgeticon.mif





« Last Edit: February 11, 2012, 11:38:09 pm by UpakulRox »

Offline vds5344

  • The mortal
  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,281
  • Reputation: 196
  • Pissed by kids.
    • Symbian Developers
  • Current Phone: : Nokia c6 01
Re: [Tutorial]How to change widget skin
« Reply #1 on: February 05, 2012, 11:48:03 am »
hmmm helpful guide again +1 dude ;)

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
Re: [Tutorial]How to change widget skin
« Reply #2 on: February 05, 2012, 11:51:42 am »
Here are some .mif that i know

Big analog clock = biganalogueclock.mif
Small Analog clock = analogclock.mif
Mechanical clock = mechanicclock.mif
Blutooth toggle = bluetoothwidgeticon.mif
Cellular Toggle = cellulartoggleicon.mif
Mobile data tracker wiget = mobiledatatrackericon.mif
Network 2G/3G = networkwidgeticon.mif
Offline toggle = offlinewidget.mif
silent toggle = silentwidget.mif


please add if you know the .mif...and it all located in resource/apps folder...:)

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
Re: [Tutorial]How to change widget skin
« Reply #3 on: February 05, 2012, 11:52:08 am »
hmmm helpful guide again +1 dude ;)

Thanks mate...+1 for u too...:)

Offline vds5344

  • The mortal
  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,281
  • Reputation: 196
  • Pissed by kids.
    • Symbian Developers
  • Current Phone: : Nokia c6 01
Re: [Tutorial]How to change widget skin
« Reply #4 on: February 05, 2012, 11:55:06 am »
also I'm a fool dunno anything about these

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
Re: [Tutorial]How to change widget skin
« Reply #5 on: February 05, 2012, 11:56:28 am »
also I'm a fool dunno anything about these

hehe...it ok...once you try it..u will understand it....me also did't know single thing when first time doing this....but after some time i get used to it...:)

Offline vds5344

  • The mortal
  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,281
  • Reputation: 196
  • Pissed by kids.
    • Symbian Developers
  • Current Phone: : Nokia c6 01
Re: [Tutorial]How to change widget skin
« Reply #6 on: February 05, 2012, 12:02:45 pm »
hehe You already made great skins so on chance for me

Offline Zero

  • New Member
  • **
  • Posts: 28
  • Reputation: 9
  • Symbian Power User
  • Current Phone: : Nokia N8, Nokia 5800xm & Nokia 5320xm
Re: [Tutorial]How to change widget skin
« Reply #7 on: February 05, 2012, 01:02:32 pm »
Very good tutorial.......gonna try this one........ ;)

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
Re: [Tutorial]How to change widget skin
« Reply #8 on: February 05, 2012, 01:06:15 pm »
Very good tutorial.......gonna try this one........ ;)

Thanks mate...sorry for my bad english...i hope you all can understand it...:)

Offline vds5344

  • The mortal
  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,281
  • Reputation: 196
  • Pissed by kids.
    • Symbian Developers
  • Current Phone: : Nokia c6 01
Re: [Tutorial]How to change widget skin
« Reply #9 on: February 05, 2012, 01:09:25 pm »
hehe syarm makes best tutorials :) cheers syarm :D

Offline jithuelad

  • New Member
  • **
  • Posts: 31
  • Reputation: 28
  • Current Phone: :
Re: [Tutorial]How to change widget skin
« Reply #10 on: February 05, 2012, 01:50:59 pm »
Thanks alot mate. I am searching for this.  8)

Offline Zulfi

  • Respected Member
  • ****
  • Posts: 568
  • Reputation: 261
  • Current Phone: : Nokia N8, Nokia Lumia 520
Re: [Tutorial]How to change widget skin
« Reply #11 on: February 05, 2012, 05:36:22 pm »
How to edit widget skin

Thanx A Lot For The Tutorial. (:

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
Re: [Tutorial]How to change widget skin
« Reply #12 on: February 05, 2012, 07:42:20 pm »
Thanx A Lot For The Tutorial. (:
Thanks alot mate. I am searching for this.  8)

toyur welcome mate...:)

dracodragon

  • Guest
Re: [Tutorial]How to change widget skin
« Reply #13 on: February 11, 2012, 10:53:07 pm »
No .nvg hack... :( :'(

Offline syarmwawa

  • Retired moderator
  • Forum Ghost
  • ***
  • Posts: 2,638
  • Reputation: 1173
  • SYmbian FTW!!!!!!!
  • Current Phone: : Nokia 5800 & Nokia C7 with Sexy Belle & 701 FTW...
Re: [Tutorial]How to change widget skin
« Reply #14 on: February 11, 2012, 11:01:13 pm »
No .nvg hack... :( :'(
if the file in NVG format you have to try it 1 by 1 to identify it...:D