each button of your theme gets an own plugin defination.
lets say you would do it for the sound-off button:

<plugin name="soundOFF"
        ...
        url="$(STYLEDIR)/gigapixel-menu-1a.png"
        ...
        crop="27|27|46|46"
        ...
        onovercrop="27|227|46|46"
        onover=""
        onout=""
        visible="false"
        enabled="true"
        zorder="15"
        ...
    />

so docu says:

crop="x-position|y-position|width|height"

source: http://www.krpano.com/docu/xml/#layer.crop

so as you can see in my screenshot, all elements and different states of my buttons, icons, backgrounds etc. are put into one singe png image with transparency. with the zorder statement than you can stack different images together to form new elements...
.. hey I forgot to implement the cursor icons - lol...


Georg

Last edited by gkaefer (2013-02-08 11:45:59)

you last link to the theme...

go to:

Two representations of the cursor depending on the mouse control mode
Move To mode
Drag panorama mode

the Move To mode is following image:
http://www.kolor.com/tutorials/Tutorial … ursors.png

the arrowcursors.png you can find in the referenced code in your link:

<!-- Change Cursors Appearance -->
<action name="setarrowcursors">
set(cursors.url, arrowcursors.png); 
set(cursors.type , 8way); 
set(cursors.move , 0|0|20|20); 
set(cursors.drag , 0|0|20|20); 
set(cursors.arrow_l , 20|0|20|20); 
set(cursors.arrow_lu, 40|0|20|20); 
set(cursors.arrow_u , 60|0|20|20); 
set(cursors.arrow_ru, 80|0|20|20); 
set(cursors.arrow_r , 100|0|20|20); 
set(cursors.arrow_rd, 120|0|20|20); 
set(cursors.arrow_d , 140|0|20|20); 
set(cursors.arrow_ld, 160|0|20|20);
</action>

so my example is from basic idea the same...
but only valid for icons fixed on panodesktop. the cursors have its own (more elegant) solution.
in above code you just have to give the action cursors new values to the subvariables. so if arrow left is triggered, than cursors.arrow_l get set to display arrowcursors.png, but not the complete png, but only from starting point (x=20;y=0) to endpoint (x+20;y+20).

Georg

Last edited by gkaefer (2013-02-08 13:43:03)