J.me

Editing skin, more icon in main menu

Do you want to have more icon in your ROKR E2 menu instead of the basic 3×3 such as 3×4, 4×4 or even more? Then, editing the skins configuration files (the ini extention files) will be the best way. It’s pretty easy, and along with this article, I will show you how I made my 3×3 menu to 3×4 and 4×4.

To edit this files, you only need a text editor. Now, we will edit the common.ini and mainmenu.ini only. Here is how it looks before editing:

Okay, let’s start from mainmenu.ini and 3×4 first, this is the original value:

[ZIconView_1]
Bg_Type_Std = 0
Bg_Opacity_Std = 0
Padding_Left = 2
Padding_Right = 2
Padding_Top = 4
Padding_Bottom = 4
Spacing_H1 = 3
Spacing_V1 = 8

[ZIconViewItem_1]
Bg_Type_Std = 0
Bg_Type_H = 0
Bg_Type_HS = 0
Border_Type_Std = 0
Border_Type_H = 0
Border_Type_HS = 0
Border_Left_Stretch_H = 2
Border_Left_Stretch_HS = 2
Border_Right_Stretch_H = 2
Border_Right_Stretch_HS = 2
Border_Top_Stretch_H = 1
Border_Top_Stretch_HS = 1
Border_Bottom_Stretch_H = 1
Border_Bottom_Stretch_HS = 1
Image_Container_Type = 1
Padding_Left = 7
Padding_Right = 7
Padding_Top = 0
Padding_Bottom = 0
Spacing_V1 = 1

[ZImageContainer_1]
Bg_Type_Std = 0
Bg_Type_H = 2
Bg_Stretch_H = 5
Bg_Color_H = 255
Bg_Opacity_Std =0
Bg_Opacity_H =100
Border_Type_Std = 0
Border_Type_H = 2
Border_Color_Std = 1592405
Border_Color_H = 5592405
Border_Width_Std = 0
Border_Width_H = 0
Border_Opacity_Std =100
Border_Opacity_H =100
Bg_Size_Std = 49
Bg_Size_H = 49
Padding_Left = 4
Padding_Right = 4
Padding_Top = 4
Padding_Bottom = 4

First, we edit these ZIconView_1 properties:

Padding_Top = 1
Padding_Bottom = 1
Spacing_V1 = 0

Notice the top and bottom padding, we make it smaller than left and right padding since the 3×4 is not square. Also the Spacing_V1 to 0.

Next, we edit these ZImageContainer_1 properties:

Bg_Size_Std = 45
Bg_Size_H = 45
Padding_Top = 1
Padding_Bottom = 1

As you can see, we edit the padding value here and resize the icon to a bit smaller, the result so far is:

Hmm… Not bad… The text on the 4th rows still hide inside softkey and you can see the padding is not well yet. Well, let’s take it step by step.

Now we edit the common.ini , we will make the header and softkey a bit smaller. This is the original value before we edit:

[ZHeader_1]
Bg_Type_Std = 2
Bg_Stretch_Std = 7
Bg_Opacity_Std = 100
Padding_Left = 5
Padding_Right = 5
Padding_Top = 3
Padding_Bottom = 5
Spacing_H1 = 3
Spacing_V1 = 0

[ZSoftKey_Left]
Bg_Type_Std = 2
Bg_Type_S = 2
Bg_Stretch_Std = 5
Bg_Stretch_S = 5
Bg_Opacity_Std = 100
Bg_Opacity_S = 100
Border_Type_Std = 0
Border_Type_S = 0
Border_Width_Std = 0
Border_Width_S = 0
Padding_Left = -30
Padding_Right = 5
Padding_Top = 5
Padding_Bottom = 5
Spacing_H1 = 3

[ZSoftKey_Right]
Bg_Type_Std = 2
Bg_Type_S = 2
Bg_Stretch_Std = 5
Bg_Stretch_S = 5
Bg_Opacity_Std = 100
Bg_Opacity_S = 100
Border_Type_Std = 0
Border_Type_S = 0
Border_Width_Std = 0
Border_Width_S = 0
Padding_Left = 5
Padding_Right = -20
Padding_Top = 5
Padding_Bottom = 5
Spacing_H1 = 3

Yup, we will edit this 3 to (only changed value is written, else leave it):

[ZHeader_1]
Padding_Top = 1
Padding_Bottom = 1

[ZSoftKey_Left]
Padding_Top = 1
Padding_Bottom = 2

[ZSoftKey_Right]
Padding_Top = 1
Padding_Bottom = 2

Now it looks better. Just need a little fix and it is done!

Here we change the ZIconView_1 again, but now the left and right padding

Padding_Left = 11
Padding_Right = 11

The result is looks like this

Not bad huh? Now, the 4×4. Here is the properties I edit in mainmenu.ini:

[ZIconView_1]
Padding_Left = 10
Padding_Right = 10
Padding_Top = 3
Padding_Bottom = 3

[ZIconViewItem_1]
Padding_Left = 0
Padding_Right = 0

[ZImageContainer_1]
Padding_Left = 0
Padding_Right = 0
Padding_Top = 0
Padding_Bottom = 0

And the final 4×4 result

Perfect! Next, you might want to edit the font size to make the text fit more in the screen, but this is the end of this article. Thanks for reading and hope it useful for you. 🙂

9 comments | Leave a comment

  1. baghost January 8, 2009 07:38

    Numpang absen..
    Great…this is what i looking for hehe..
    Pake skin manager kadang gak sesuai selera ya
    ditunggu tips yg lainnya..:D

    Blognya keren

  2. anezch February 24, 2009 09:17

    Great tips bro.
    Btw, gimana cara ngerubah ukuran font waktu view sms & email?

    Thanks

    • keaglez February 26, 2009 16:01

      SMS ga bisa diubah. Email kalo ga salah bisa, tapi agak lupa dimana…

  3. anezch February 27, 2009 15:49

    Sip bro, gw bisa rubah font emailnya, somewhere in common.ini but i don’t know which one…

  4. keaglez February 28, 2009 07:59

    To change email font, probably in the common.ini and search for [Font_StructureData*] 🙂

  5. nemesiz March 3, 2009 13:51

    bro keaglez ajarin buat edit skins yang 5×5 donk, kirim via emailku aja ya tegoeh@system.la ohya pake bahasa indo aja… bingung pake english hehe trims yow

  6. andi September 10, 2009 12:53

    e2 bisa email? pake opera ya? apa masuk message? settingnya gmana bro? mohon petunjuk..

  7. keaglez September 11, 2009 03:18

    Bisa email baik melalui browser seperti Opera bawaan atau Opera Mini, atau pake pop3, tinggal ikutin setting sesuai provider email yang dipake aja.

  8. kecap September 13, 2009 05:18

    he2.seneng aq baca nih tutor.
    aq juga dah belajar .ini
    tapi ubek2 di bagian opacity yang kalo make orange menu tuh loh.soalna wp na jadi g jelas.jadi belajar edit deh dan akhirna candu.

Leave a comment