this is a hotbutton grabbed out of the default folder, then edited to fit the soes look and size.
Code:
<HotButton item="HB_Button1">
<ScreenID>HB_Button1</ScreenID>
<Font>1</Font>
<RelativePosition>true</RelativePosition>
<Size>
<CX>40</CX>
<CY>40</CY>
</Size>
<Text>1</Text>
<TextColor>
<R>255</R>
<G>255</G>
<B>255</B>
</TextColor>
<DecalOffset>
<X>0</X>
<Y>0</Y>
</DecalOffset>
<DecalSize>
<CX>40</CX>
<CY>40</CY>
</DecalSize>
<SpellGem>HB_SpellGem</SpellGem>
<InvSlot>HB_InvSlot</InvSlot>
<ButtonDrawTemplate>
<Normal>A_SquareBtnNormal</Normal>
<Pressed>A_SquareBtnPressed</Pressed>
<Flyby>A_SquareBtnFlyby</Flyby>
<Disabled>A_SquareBtnDisabled</Disabled>
<PressedFlyby>A_SquareBtnPressedFlyby</PressedFlyby>
</ButtonDrawTemplate>
</HotButton>
and this is the pieces reference
Code:
<Pieces>HotButton:HB_Button1</Pieces>
futhermore the hotbutton itself references a spell gem and invslot, this so you can stick spells and items and what not on the thing.
Code:
<SpellGem item="HB_SpellGem">
<ScreenID>HB_SpellGem</ScreenID>
<Location>
<X>0</X>
<Y>1</Y>
</Location>
<Size>
<CX>40</CX>
<CY>32</CY>
</Size>
<Font>1</Font>
<TextColor>
<R>255</R>
<G>255</G>
<B>255</B>
</TextColor>
<SpellGemDrawTemplate>
<Holder>A_SpellGemHolder</Holder>
<Background>A_SpellGemBackground</Background>
<Highlight>A_SpellGemHighlight</Highlight>
</SpellGemDrawTemplate>
<SpellIconOffsetX>8</SpellIconOffsetX>
<SpellIconOffsetY>4</SpellIconOffsetY>
</SpellGem>
<InvSlot item="HB_InvSlot">
<ScreenID>HB_InvSlot</ScreenID>
<Location>
<X>0</X>
<Y>0</Y>
</Location>
<Size>
<CX>40</CX>
<CY>40</CY>
</Size>
<Font>1</Font>
<TextColor>
<R>255</R>
<G>255</G>
<B>255</B>
</TextColor>
<Background>A_RecessedBox</Background>
<EQType>-2</EQType>
</InvSlot>
i would try and use this for your hotbuttons.