MENU SKINNING TUTORIAL

**adamstrange** · 16th Dec 08 3:59 PM

This is a very basic Tutorial on changing the colors within the in-game menus.

It doesn't cover the textureUV= section or any other advanced features because I just figured this out this afternoon after over 8 hours of messing around with the different settings.

This only covers the BUILD and LAUNCH menus [I'm still trying to see what controls the RESEARCH menu as well as the scroll bar] so that may come later.

First off if you decompiled the entire HOMEWORLD 2 BIG.File, and copy the BUILD folder and the NEWLAUNCH.Lua file and paste them into your HW2 directory.

Inside of the BUILD folder will be 3 files called collapsablequeue.lua
buildinfo.lua
finalbuild.lua

You can delete the collapsablequeue.lua I didn't need it but if someone knows what it is used for please post it here.

Now your going to be working on skinning your BUILD MENU so open your finalbuild.lua select the entire code and delete it.

Now highlight this code and paste it into the finalbuild.lua and save it.

You will now have all the numbers in each section that matches the numbers in the screenshot.

That way you know what controls what.
BUILD MENU

FINALBUILD.LUA

Code:

--
--[1] THIS IS THE MAIN PANEL COLOR
OUTLINECOLOR = 
    { 136, 147, 155, 255, }


--[2] THIS IS THE SHIP BUILD LOADING BAR COLOR
SHIPQUEUECOLOR = 
    { 246, 212, 0, 255, }


--[3] THIS IS THE SUBSYSTEM BUILD LOADING BAR COLOR
SUBQUEUECOLOR = 
    { 136, 181, 74, 255, }


--[4] THIS IS THE COLOR WHEN A FACILITY OR SHIP IS NOT ENEABLED
DISABLEDICONCOLOR = 
    { 90, 155, 211, 160, }


--[5] THIS IS THE ITEM SLOT AND THE "ALL FACILITES" COLOR
ITEMDEFAULTCOLOR = 
    { 80, 175, 255, 255, }


--[6] THIS IS THE COLOR WHEN THE CURSOR IS OVER THE ITEM
ITEMOVERCOLOR = 
    { 0, 175, 255, 50, }


--[7] THIS IS THE COLOR OF THE ITEM BOX BORDER WHEN PRESSED
ITEMPRESSEDCOLOR = 
    { 185, 136, 0, 255, }


--DON'T KNOW ?
UNITCAPSREACHEDCOLOR1 =  
    { 180, 0, 0, 255, }


--[8] THIS IS THE INNER BOX COLOR WITHIN ALL BOXES WHEN SHIP LIMITS ARE REACHED
UNITCAPSREACHEDCOLOR2 = 
    { 255, 0, 0, 30, }


dofilepath("data:ui/newui/build/collapsablequeue.lua")
NewBuildMenu = 
{ 
    size = 
        { 586, 15, 212, 497, }, 
    resolution = 
        { 800, 600, }, 
    stylesheet = "HW2StyleSheet", 
    RootElementSettings = 
    { 
        backgroundColor = "IGColorBackground1", }, 
    soundOnShow = "SFX_BuildMenuONOFF", 
    soundOnHide = "SFX_BuildMenuONOFF", 
    pixelUVCoords = 1, 
    onShow = "UI_SubtitleNarrow()", 
    onHide = [[UI_HideScreen("BuildInfo"); UI_SubtitleWide()]], 
    textureFolder = "DATA:\\UI\\NewUI\\Build", 
    drawToShipLineWidth = 1, 
    drawToShipLineStubLength = 10, 
    drawToShipLineColor = OUTLINECOLOR, 
    drawToShipLineElement = "btnPrev", 
 
--DON'T KNOW ?  
   neverAvailBorderColor = 
        { 0, 0, 0, 255, }, 
    notYetAvailBorderColor = DISABLEDICONCOLOR, 
    unitCapsReachedColor = UNITCAPSREACHEDCOLOR2, 
    unitCapsReachedTextColor = UNITCAPSREACHEDCOLOR1, 
    fstringRU = "$2640", 
    fstringQueue = "$2641", 
    fstringSubsytemsReplace = "$2565", 
    queuesFramePos = 494, 


--[9] THIS IS THE TEXT COLOR OF SHIPS THAT HAVE NOT BEEN RESEARCHED
      shipNameDisabledColor = 
        { 175, 175, 175, 255, }, 
    shipQueueTitle = "$2566", 
    subsystemQueueTitle = "$2567", 
    subsysColor = SUBQUEUECOLOR, 
    menuColor = OUTLINECOLOR, 
    fstringHardpoints = "$2568", 
    fstringUnitCaps = "$2569", 
; 

--[10] THIS IS THE "BUILD MENU" TEXT COLOR
{ 
    type = "TextLabel", 
    position = 
        { 0, 2, }, 
    size = 
        { 210, 19, }, 
    backgroundColor = OUTLINECOLOR, 
    name = "lblTitle", 
    Text = 
    { 
        textStyle = "IGHeading1", 
        text = "$2620", 
        offset = 
            { 4, 0, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
; 
{ 
    type = "Button", 
    position = 
        { 193, 2, }, 
    buttonStyle = "IGCloseButton", 
    onMouseClicked = "UI_HideScreen('NewBuildMenu')", 
    helpTip = "$5208", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
    hotKeyID = 51, }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 3, 35, }, 
    size = 
        { 200, 64, }, 
    name = "frameShipGraphic", 
    backgroundGraphicHAlign = "Center", 
    backgroundGraphicVAlign = "Center", 
    helpTip = "$5201", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 

--[11] SHIP'S HEALTH BAR COLORS
{ 
    type = "ProgressBar", 
    backgroundColor = 
        { 0, 128, 0, 255, }, 
    progressColor = 
        { 0, 255, 0, 255, }, 
    borderColor = 
        { 0, 0, 0, 255, }, 
    outerBorderWidth = 1, 
    position = 
        { 57, 88, }, 
    size = 
        { 100, 2, }, 
    name = "buildShipHealth", 
}, 
{ 
    type = "Line", 
    p1 = 
        { 208, 19, }, 
    p2 = 
        { 208, 174, }, 
    above = 1, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 
{ 
    type = "Button", 
    name = "btnPrev", 
    buttonStyle = "IGPrevButton", 
    toggleButton = 0, 
    position = 
        { 2, 23, }, 
    OverGraphic = 
    { 
        texture = "DATA:UI\\NewUI\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 0, 31, 13, 103, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5203", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "DropDownListBox", 
    dropDownListBoxStyle = "IGDropDownListBoxStyle", 
    position = 
        { 17, 23, }, 
    width = 174, 
    visible = 1, 
    name = "comboBuildShip", 
    ListBox = 
    { 
        type = "ListBox", 
        name = "comboBuildShipListBox", 
        size = 
            { 174, 130, }, 
        backgroundColor = "IGColorBackground1", }, 
    helpTip = "$5200", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "Button", 
    name = "btnNext", 
    toggleButton = 0, 
    buttonStyle = "IGNextButton", 
    position = 
        { 193, 23, }, 
    OverGraphic = 
    { 
        texture = "DATA:UI\\NewUI\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 13, 31, 0, 103, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5202", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "TextListBoxItem", 
    buttonStyle = "IGListBoxItemButtonStyle", 
    name = "buildShipDropDownListBoxItem", 
    visible = 0, 
    enabled = 0, 
    width = 160, 
    Text = 
    { 
        textStyle = "IGListBoxItemTextStyle", }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 4, 97, }, 
    size = 
        { 202, 36, }, 
; 
{ 
    type = "TextLabel", 
    position = 
        { 0, 0, }, 
    size = 
        { 150, 12, }, 
    dropShadow = 1, 
    Text = 
    { 
        text = "$2815", 
        textStyle = "IGHeading2", 
        vAlign = "Top", }, 
}, 
{ 
    type = "TextLabel", 
    position = 
        { 0, 12, }, 
    size = 
        { 150, 12, }, 
    dropShadow = 1, 
    Text = 
    { 
        text = "$2816", 
        textStyle = "IGHeading2", 
        vAlign = "Top", }, 
}, 
{ 
    type = "TextLabel", 
    position = 
        { 0, 24, }, 
    size = 
        { 150, 12, }, 
    dropShadow = 1, 
    Text = 
    { 
        text = "$2817", 
        textStyle = "IGHeading2", 
        vAlign = "Top", }, 
}, 
{ 
    type = "TextLabel", 
    name = "lblProductionCount", 
    position = 
        { 150, 0, }, 
    size = 
        { 52, 12, }, 
    dropShadow = 1, 
    Text = 
    { 
        textStyle = "IGHeading2", 
        vAlign = "Top", 
        hAlign = "Right", 
        offset = 
            { -2, 0, }, }, 
}, 
{ 
    type = "TextLabel", 
    name = "lblModuleCount", 
    position = 
        { 150, 12, }, 
    size = 
        { 52, 12, }, 
    dropShadow = 1, 
    Text = 
    { 
        textStyle = "IGHeading2", 
        vAlign = "Top", 
        hAlign = "Right", 
        offset = 
            { -2, 0, }, }, 
}, 
{ 
    type = "TextLabel", 
    name = "lblSensorsCount", 
    position = 
        { 150, 24, }, 
    size = 
        { 52, 12, }, 
    dropShadow = 1, 
    Text = 
    { 
        textStyle = "IGHeading2", 
        vAlign = "Top", 
        hAlign = "Right", 
        offset = 
            { -2, 0, }, }, }, 
}, 
{ 
    type = "Frame", 
    name = "frameButtonGroup", 
    position = 
        { -1, 146, }, 
    size = 
        { 212, 30, }, 
    autoarrange = 1, 
    autoarrangeWidth = 300, 
    autoarrangeSpace = 2, 
    helpTip = "$5211", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
; 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonUtility", 
    name = "Utility", 
    helpTip = "$2623", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 94, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonCorvette", 
    name = "Corvette", 
    helpTip = "$2624", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 91, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonCapital", 
    name = "Capital", 
    helpTip = "$2625", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 93, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonSubsystemModules", 
    name = "SubSystemModule", 
    helpTip = "$2643", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 95, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonSubsystemSensors", 
    name = "SubSystemSensors", 
    helpTip = "$2644", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 97, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonFighter", 
    name = "Fighter", 
    helpTip = "$2627", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 90, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonFrigate", 
    name = "Frigate", 
    helpTip = "$2628", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 92, 
}, 
{ 
    type = "RadioButton", 
    buttonStyle = "IGButtonPlatform", 
    name = "Platform", 
    helpTip = "$2629", 
    helpTipTextLabel = "lblCurrentFacility", 
    hotKeyID = 96, }, 
}, 
{ 
    type = "TextButton", 
    toggleButton = 1, 
    position = 
        { 1, 132, }, 
    buttonStyle = "IGButtonShowAll", 
    name = "btnShowAll", 
    Text = 
    { 
        text = "$5212", }, 
    helpTipTextLabel = "lblCurrentFacility", 
    helpTip = "$2630", 
    hotKeyID = 98, 
    PressedGraphic = 
    { 
        texture = "data:ui\\newui\\facility\\facilities_icons_showall.mres", 
        textureUV = 
            { 0, 15, 206, 30, }, 
        color = OUTLINECOLOR, }, 
}, 

--[12] THIS IS THE FACILITY TEXT COLOR
{ 
    type = "TextLabel", 
    position = 
        { 0, 173, }, 
    size = 
        { 210, 13, }, 
    backgroundColor = OUTLINECOLOR, 
    name = "lblCurrentFacility", 
    Text = 
    { 
        textStyle = "IGHeading2", 
        color = 
            { 0, 0, 0, 255, }, 
        offset = 
            { 6, 0, }, 
        vAlign = "Middle", }, 
}, 

--[13] THIS IS THE UNITCAPS TEXT COLOR
{ 
    type = "TextLabel", 
    position = 
        { 150, 173, }, 
    size = 
        { 60, 13, }, 
    name = "lblFacilityUnitCaps", 
    Text = 
    { 
        textStyle = "IGHeading2", 
        color = 
            { 0, 0, 0, 255, }, 
        offset = 
            { -4, 0, }, 
        vAlign = "Middle", 
        hAlign = "Right", 
        text = "12/12", }, 
}, 
{ 
    type = "ListBox", 
    position = 
        { -3, 186, }, 
    size = 
        { 211, 300, }, 
    name = "listBuild", 
    scrollBarSpace = 2, 
    marginWidth = 2, 
    marginHeight = 0, 
    outerBorderWidth = 2, 
    borderColor = OUTLINECOLOR, 
    contentsOuterBorderWidth = 2, 
    contentsBorderColor = OUTLINECOLOR, 
    ScrollBar = 
    { 
        stepSize = 3, 
        pageSize = 100, 
        marginHeight = 2, }, 
}, 
{ 
    type = "Button", 
    size = 
        { 185, 15, }, 
    name = "showAllItemToClone", 
    visible = 0, 
    enabled = 0, 
    selectable = 0, 
    flashColor = 
        { 255, 255, 255, 65, }, 
    soundOnClicked = "SFX_BuildItemClick", 
; 
{ 
    type = "Button", 
    name = "buildInfo", 
    position = 
        { 3, 2, }, 
    size = 
        { 13, 13, }, 
    DefaultGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 0, 0, 13, 13, }, 
        color = ITEMDEFAULTCOLOR, }, 
    OverGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 0, 0, 13, 13, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5213", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 

--[14] THIS IS THE "ALL FACILITIES" BORDER COLOR
{ 
    type = "Button", 
    position = 
        { 18, 2, }, 
    size = 
        { 164, 13, }, 
    overColor = ITEMOVERCOLOR, 
    pressedColor = ITEMOVERCOLOR, 
    flashColor = ITEMOVERCOLOR, 
    DefaultGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 16, 0, 180, 13, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
    OverGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 16, 0, 180, 13, }, 
        color = OUTLINECOLOR, }, 
    PressedGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 16, 0, 180, 13, }, 
        color = ITEMPRESSEDCOLOR, }, 
    helpTip = "$5204", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
; 

--[15] THIS IS THE "ALL FACILITIES" INNER TEXT COLOR
{ 
    type = "TextLabel", 
    name = "lblShipName", 
    position = 
        { 0, 0, }, 
    size = 
        { 145, 13, }, 
    giveParentMouseInput = 1, 
    Text = 
    { 
        textStyle = "IGListBoxItemTextStyle", 
        color = 
            { 255, 255, 255, 255, }, 
        offset = 
            { 5, 0, }, 
        hAlign = "Left", 
        vAlign = "Middle", }, 
}, 
{ 
    type = "TextLabel", 
    name = "lblShipNameUnitsReached", 
    visible = 0, 
    position = 
        { 0, 0, }, 
    size = 
        { 125, 13, }, 
    giveParentMouseInput = 1, 
    Text = 
    { 
        textStyle = "IGListBoxItemTextStyle", 
        color = UNITCAPSREACHEDCOLOR1, 
        offset = 
            { 5, 0, }, 
        hAlign = "Left", 
        vAlign = "Middle", }, 
}, 
{ 
    type = "TextLabel", 
    name = "lblShipPrice", 
    position = 
        { 126, 0, }, 
    size = 
        { 37, 13, }, 
    giveParentMouseInput = 1, 
    Text = 
    { 
        font = "ListBoxItemFont", 
        hAlign = "Right", 
        vAlign = "Middle", 
        color = "FEColorHeading3", 
        offset = 
            { -4, 0, }, }, }, 
}, 
}, 
{ 
    type = "ListBoxItem", 
    size = 
        { 188, 13, }, 
    name = "showAllFamilyItemToClone", 
    visible = 0, 
    enabled = 0, 
    selectable = 0, 
    autosize = 1, 
; 
{ 
    type = "Frame", 
    position = 
        { 3, 2, }, 
    autosize = 1, 
    autoarrange = 1, 
; 

--[16] THIS IS THE FACILITIES TITLE TEXT COLOR 
{ 
    type = "TextLabel", 
    name = "lblTitle", 
    size = 
        { 185, 13, }, 
    BackgroundGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\show_all_borders.mres", 
        textureUV = 
            { 0, 0, 185, 13, }, 
        color = ITEMDEFAULTCOLOR, }, 
    Text = 
    { 
        font = "ListBoxItemFont", 
        vAlign = "Middle", 
        hAlign = "Left", 
        offset = 
            { 4, 0, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
; 

--[17] THIS IS THE FACILITIES FAMILY UNIT CAPS TEXT COLOR 
{ 
    type = "TextLabel", 
    name = "lblShowAllFamilyUnitCaps", 
    position = 
        { 125, 0, }, 
    size = 
        { 60, 13, }, 
    visible = 0, 
    Text = 
    { 
        font = "ListBoxItemFont", 
        vAlign = "Middle", 
        hAlign = "Right", 
        offset = 
            { -3, 0, }, 
        color = 
            { 0, 0, 0, 255, }, }, }, 
}, 
{ 
    type = "Frame", 
    name = "frmSmallShipItems", 
    autosize = 1, 
    autoarrange = 1, 
    size = 
        { 185, 13, }, 
    BackgroundGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\show_all_borders.mres", 
        textureUV = 
            { 0, 14, 185, 25, }, 
        color = ITEMDEFAULTCOLOR, }, 
}, 
{ 
    type = "Frame", 
    size = 
        { 185, 5, }, 
    BackgroundGraphic = 
    { 
        size = 
            { 185, 4, }, 
        texture = "data:ui\\newui\\ingameicons\\show_all_borders.mres", 
        textureUV = 
            { 0, 28, 185, 32, }, 
        color = ITEMDEFAULTCOLOR, }, }, 
}, 
}, 
{ 
    type = "ListBoxItem", 
    size = 
        { 188, 31, }, 
    name = "m_buildItemToClone", 
    visible = 0, 
    enabled = 0, 
    selectable = 0, 
    flashColor = 
        { 255, 255, 255, 65, }, 
    soundOnClicked = "SFX_BuildItemClick", 
; 
{ 
    type = "Button", 
    name = "buildInfo", 
    position = 
        { 3, 1, }, 
    size = 
        { 13, 30, }, 
    DefaultGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 0, 0, 13, 30, }, 
        color = ITEMDEFAULTCOLOR, }, 
    OverGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 0, 0, 13, 30, }, 
        color = OUTLINECOLOR, }, 
    DisabledGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 0, 0, 13, 30, }, 
        color = DISABLEDICONCOLOR, }, 
    helpTip = "$5213", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "Button", 
    name = "m_btnItemButton", 
    position = 
        { 18, 1, }, 
    size = 
        { 170, 30, }, 
    backgroundColor = 
        { 0, 0, 0, 35, }, 
    overColor = ITEMOVERCOLOR, 
    pressedColor = ITEMOVERCOLOR, 
    flashColor = ITEMOVERCOLOR, 
    DefaultGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\item_borders.mres", 
        textureUV = 
            { 0, 0, 170, 30, }, 
        color = ITEMDEFAULTCOLOR, }, 
    BackgroundGraphic2 = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\item_borders.mres", 
        textureUV = 
            { 0, 0, 170, 30, }, 
        color = UNITCAPSREACHEDCOLOR1, }, 
    OverGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\item_borders.mres", 
        textureUV = 
            { 0, 0, 170, 30, }, 
        color = OUTLINECOLOR, }, 
    PressedGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\item_borders.mres", 
        textureUV = 
            { 0, 0, 170, 30, }, 
        color = ITEMPRESSEDCOLOR, }, 


--[18] UNRESEARCHED ITEM BORDER COLOR
    DisabledGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\item_borders.mres", 
        textureUV = 
            { 0, 0, 170, 30, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
    helpTip = "$5204", 
    disabledHelpTip = "$5214", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
; 
{ 
    type = "Frame", 
    name = "frameIcon", 
    position = 
        { 0, -1, }, 
    size = 
        { 80, 32, }, 
    giveParentMouseInput = 1, 
    backgroundGraphicVAlign = "Center", 
}, 


--[19] THIS IS THE SHIP'S TEXT COLOR 
{ 
    type = "TextLabel", 
    name = "lblShipName", 
    position = 
        { 13, 2, }, 
    size = 
        { 154, 12, }, 
    Text = 
    { 
        color = 
            { 56, 162, 250, 255, }, 
        font = "ListBoxItemFont", 
        hAlign = "Right", 
        vAlign = "Center", 
        offset = 
            { -1, 0, }, }, 
    giveParentMouseInput = 1, 
    dropShadow = 1, 
}, 
{ 
    type = "TextLabel", 
    name = "lblShipPrice", 
    position = 
        { 13, 14, }, 
    size = 
        { 154, 12, }, 
    Text = 
    { 
        color = "FEColorHeading3", 
        font = "ListBoxItemFont", 
        hAlign = "Right", 
        vAlign = "Center", 
        offset = 
            { -2, 0, }, }, 
    giveParentMouseInput = 1, 
    dropShadow = 1, 
}, 

--DON'T KNOW ?
{ 
    type = "TextLabel", 
    name = "lblShipPriceReplace", 
    position = 
        { 13, 14, }, 
    size = 
        { 154, 12, }, 
    visible = 0, 
    Text = 
    { 
        color = 
            { 255, 255, 255, 255, }, 
        font = "ListBoxItemFont", 
        hAlign = "Right", 
        vAlign = "Center", 
        offset = 
            { -2, 0, }, }, 
    giveParentMouseInput = 1, 
    dropShadow = 1, 
}, 
{ 
    type = "TextLabel", 
    name = "lblNotAvailable", 
    visible = 0, 
    position = 
        { 13, 14, }, 
    size = 
        { 154, 12, }, 
    Text = 
    { 
        color = 
            { 100, 100, 100, 255, }, 
        font = "ListBoxItemFont", 
        hAlign = "Right", 
        vAlign = "Center", 
        offset = 
            { -2, 0, }, }, 
    giveParentMouseInput = 1, 
    dropShadow = 1, 
}, 


--[20] THIS IS THE FACILITY "BUILT" TEXT COLOR 
{ 
    type = "TextLabel", 
    name = "lblAlreadyBuilt", 
    visible = 0, 
    position = 
        { 13, 14, }, 
    size = 
        { 154, 12, }, 
    Text = 
    { 
        text = "$2637", 
        textStyle = "IGButtonTextStyle", 
        color = 
            { 255, 255, 255, 255, }, 
        font = "ListBoxItemFont", 
        hAlign = "Right", }, 
    giveParentMouseInput = 1, 
    dropShadow = 1, }, 
}, 
}, 
{ 
    type = "ListBoxItem", 
    size = 
        { 188, 31, }, 
    name = "m_emptyBuildItemToClone", 
    visible = 0, 
    enabled = 0, 
    selectable = 0, 
; 

--[21] THIS IS THE EMPTY BUILDITEM SLOT BUTTON COLOR
{ 
    type = "Button", 
    position = 
        { 3, 1, }, 
    size = 
        { 13, 30, }, 
    DefaultGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 0, 0, 13, 30, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
}, 


--[22] THIS IS THE EMPTY BUILDITEM SLOT BOX BORDER COLOR
{ 
    type = "Button", 
    position = 
        { 18, 1, }, 
    size = 
        { 170, 30, }, 
    DefaultGraphic = 
    { 
        texture = "data:ui\\newui\\InGameIcons\\item_borders.mres", 
        textureUV = 
            { 0, 0, 170, 30, }, 
        color = 
            { 0, 0, 0, 255, }, }, }, 
}, 
{ 
    type = "ListBoxItem", 
    size = 
        { 188, 13, }, 
    name = "m_emptyShowAllItemToClone", 
    visible = 0, 
    enabled = 0, 
    selectable = 0, 
    autosize = 1, 
; 
{ 
    type = "Frame", 
    position = 
        { 3, 2, }, 
    autosize = 1, 
; 

--DON'T KNOW WHAT THESE "FRAME" SECTIONS ARE FOR ?
{ 
    type = "Frame", 
    position = 
        { 0, 0, }, 
    size = 
        { 185, 13, }, 
    BackgroundGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\show_all_borders.mres", 
        textureUV = 
            { 0, 0, 185, 13, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 0, 13, }, 
    size = 
        { 185, 17, }, 
    BackgroundGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\show_all_borders.mres", 
        textureUV = 
            { 0, 14, 185, 25, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
; 
{ 
    type = "Frame", 
    position = 
        { 3, 4, }, 
    size = 
        { 13, 13, }, 
    BackgroundGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 0, 0, 13, 13, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 18, 4, }, 
    size = 
        { 164, 13, }, 
    BackgroundGraphic = 
    { 
        texture = "data:ui\\newui\\ingameicons\\research_borders.mres", 
        textureUV = 
            { 16, 0, 180, 13, }, 
        color = 
            { 0, 0, 0, 255, }, }, }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 0, 30, }, 
    size = 
        { 185, 5, }, 
    BackgroundGraphic = 
    { 
        size = 
            { 185, 4, }, 
        texture = "data:ui\\newui\\ingameicons\\show_all_borders.mres", 
        textureUV = 
            { 0, 28, 185, 32, }, 
        color = 
            { 0, 0, 0, 255, }, }, }, 
}, 
}, GetCollapsableQueue(OUTLINECOLOR, SHIPQUEUECOLOR, 79), 
{ 
    type = "Frame", 
    position = 
        { 0, 393, }, 
    name = "frameQueues", 
    autosize = 1, 
    autoarrange = 1, 
    autoarrangeSpace = 0, 
    autoarrangeWidth = 393, 
    customData = 4, 
    outerBorderWidth = 1, 
    borderColor = OUTLINECOLOR, }, 
}

Don't worry about the comments because the game doesn't read them.

Now open your newlaunch.lua file and repeat the same step as above.

LAUNCH MENU

Code:

--
-- [1] THIS IS THE MAIN BORDER COLOR
OUTLINECOLOR =  
    { 83, 202, 0, 255, }


--[2] THIS IS THE DOCKED SHIP'S HEALTHBAR COLOR
NewLaunchMenu = 
{ 
    size = 
        { 586, 15, 212, 497, }, 
    stylesheet = "HW2StyleSheet", 
    RootElementSettings = 
    { 
        backgroundColor = "IGColorBackground1", }, 
    soundOnShow = "SFX_LaunchMenuONOFF", 
    soundOnHide = "SFX_LaunchMenuONOFF", 
    shipHealthColor = 
        { 0, 255, 0, 255, }, 
    pixelUVCoords = 1, 
    onShow = "UI_SubtitleNarrow()", 
    onHide = "UI_SubtitleWide()", 
    fstringDockedCount = "$2667", 
    drawToShipLineWidth = 2, 
    drawToShipLineStubLength = 10, 
    drawToShipLineColor = OUTLINECOLOR, 
    drawToShipLineElement = "btnPrev", 
; 
{ 
    type = "Line", 
    p1 = 
        { 0, 144, }, 
    p2 = 
        { 210, 144, }, 
    above = 1, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 
{ 
    type = "Line", 
    p1 = 
        { 210, 2, }, 
    p2 = 
        { 210, 495, }, 
    above = 0, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 
{ 
    type = "Line", 
    p1 = 
        { 189, 144, }, 
    p2 = 
        { 189, 441, }, 
    above = 1, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 
{ 
    type = "Line", 
    p1 = 
        { 0, 441, }, 
    p2 = 
        { 210, 441, }, 
    above = 1, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 
{ 
    type = "Line", 
    p1 = 
        { 0, 460, }, 
    p2 = 
        { 210, 460, }, 
    above = 1, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 
{ 
    type = "Line", 
    p1 = 
        { 0, 495, }, 
    p2 = 
        { 210, 495, }, 
    above = 1, 
    lineWidth = 2, 
    color = OUTLINECOLOR, 
}, 


--[3] THIS IS THE DOCKED SHIP'S TEXT COLOR
{ 
    type = "TextLabel", 
    name = "helpTipTextLabel", 
    position = 
        { 0, 441, }, 
    size = 
        { 210, 19, }, 
    marginWidth = 6, 
    Text = 
    { 
        textStyle = "IGHeading2", 
        hAlign = "Left", 
        color = 
            { 255, 255, 255, 255, }, }, 
}, 


--[4] THIS IS THE MAIN TITLE COLOR
{ 
    type = "TextLabel", 
    position = 
        { 0, 2, }, 
    size = 
        { 210, 19, }, 
    name = "lblTitle", 
    Text = 
    { 
        textStyle = "IGHeading1", 
        text = "$2660", 
        offset = 
            { 4, 0, }, 
        color = 
            { 0, 0, 0, 255, }, }, 
    backgroundColor = OUTLINECOLOR, 
; 
{ 
    type = "Button", 
    position = 
        { 193, 2, }, 
    buttonStyle = "IGCloseButton", 
    onMouseClicked = "UI_HideScreen('NewLaunchMenu')", 
    helpTip = "$5221", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
    hotKeyID = 53, }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 3, 35, }, 
    size = 
        { 200, 64, }, 
    name = "frameShipGraphic", 
    backgroundGraphicHAlign = "Center", 
    backgroundGraphicVAlign = "Center", 
    helpTip = "$5217", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 


--[5] THIS IS THE CAPITALSHIP'S HEALTH COLOR
{ 
    type = "ProgressBar", 
    backgroundColor = 
        { 0, 128, 0, 255, }, 
    progressColor = 
        { 0, 255, 0, 255, }, 
    borderColor = 
        { 0, 0, 0, 255, }, 
    outerBorderWidth = 1, 
    position = 
        { 57, 88, }, 
    size = 
        { 100, 2, }, 
    name = "launchShipHealth", 
}, 
{ 
    type = "Button", 
    name = "btnPrev", 
    buttonStyle = "IGPrevButton", 
    toggleButton = 0, 
    position = 
        { 2, 23, }, 
    OverGraphic = 
    { 
        texture = "DATA:UI\\NewUI\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 0, 31, 13, 103, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5219", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "DropDownListBox", 
    dropDownListBoxStyle = "IGDropDownListBoxStyle", 
    position = 
        { 17, 23, }, 
    width = 174, 
    visible = 1, 
    name = "launchShipList", 
    ListBox = 
    { 
        type = "ListBox", 
        name = "comboBuildShipListBox", 
        size = 
            { 174, 130, }, 
        backgroundColor = "IGColorBackground1", }, 
    helpTip = "$5216", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "Button", 
    name = "btnNext", 
    toggleButton = 0, 
    buttonStyle = "IGNextButton", 
    position = 
        { 193, 23, }, 
    OverGraphic = 
    { 
        texture = "DATA:UI\\NewUI\\InGameIcons\\info_buttons.mres", 
        textureUV = 
            { 13, 31, 0, 103, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5218", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "TextListBoxItem", 
    buttonStyle = "IGListBoxItemButtonStyle", 
    name = "launchShipItem", 
    visible = 0, 
    enabled = 0, 
    width = 160, 
    Text = 
    { 
        textStyle = "IGListBoxItemTextStyle", }, 
}, 
{ 
    type = "Frame", 
    position = 
        { 2, 112, }, 
    size = 
        { 204, 28, }, 
; 
{ 
    type = "RadioButton", 
    name = "stayDockedButton", 
    position = 
        { 0, 0, }, 
    size = 
        { 193, 13, }, 
    buttonStyle = "IGRadioButtonStyle", 
    Text = 
    { 
        text = "$2662", 
        textStyle = "IGRadioButtonTextStyle", }, 
    PressedGraphic = 
    { 
        size = 
            { 13, 13, }, 
        texture = "data:ui\\newui\\elements\\radio_button.mres", 
        textureUV = 
            { 14, 0, 27, 13, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5222", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "RadioButton", 
    name = "autoLaunchButton", 
    position = 
        { 0, 15, }, 
    size = 
        { 193, 13, }, 
    buttonStyle = "IGRadioButtonStyle", 
    Text = 
    { 
        text = "$2663", 
        textStyle = "IGRadioButtonTextStyle", }, 
    PressedGraphic = 
    { 
        size = 
            { 13, 13, }, 
        texture = "data:ui\\newui\\elements\\radio_button.mres", 
        textureUV = 
            { 14, 0, 27, 13, }, 
        color = OUTLINECOLOR, }, 
    helpTip = "$5223", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", }, 
}, 


--[6] THIS IS THE "DOCKED SHIPS" TEXT COLOR
{ 
    type = "Frame", 
    size = 
        { 210, 13, }, 
    position = 
        { 0, 97, }, 
    backgroundColor = OUTLINECOLOR, 
; 
{ 
    type = "TextLabel", 
    position = 
        { 2, 0, }, 
    size = 
        { 158, 13, }, 
    marginWidth = 6, 
    Text = 
    { 
        textStyle = "IGHeading2", 
        text = "$2666", 
        color = 
            { 0, 0, 0, 255, }, }, 
}, 


--[7] THIS IS THE DOCKED SHIPS COUNTER COLOR
{ 
    type = "TextLabel", 
    name = "dockedCountLabel", 
    position = 
        { 160, 0, }, 
    size = 
        { 50, 13, }, 
    Text = 
    { 
        textStyle = "IGHeading2", 
        hAlign = "Right", 
        offset = 
            { -4, 0, }, 
        color = 
            { 0, 0, 0, 255, }, }, }, 
}, 
{ 
    type = "ListBox", 
    position = 
        { 2, 144, }, 
    size = 
        { 204, 295, }, 
    name = "dockedShipList", 
    multiSelect = 1, 
    helpTip = "$5220", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "ListBoxItem", 
    visible = 0, 
    buttonStyle = "Taskbar_ShipButtonStyle", 
    name = "dockedShipItem", 
    helpTipTextLabel = "helpTipTextLabel", 
}, 
{ 
    type = "TextButton", 
    name = "launchButton", 
    position = 
        { 2, 462, }, 
    size = 
        { 204, 13, }, 
    buttonStyle = "IGButtonStyle1NoEnterSound", 
    Text = 
    { 
        text = "$2664", 
        textStyle = "IGButtonTextStyle", }, 
    helpTip = "$5225", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", 
}, 
{ 
    type = "TextButton", 
    name = "launchAllButton", 
    position = 
        { 2, 477, }, 
    size = 
        { 204, 13, }, 
    buttonStyle = "IGButtonStyle1NoEnterSound", 
    Text = 
    { 
        text = "$2665", 
        textStyle = "IGButtonTextStyle", }, 
    helpTip = "$5224", 
    helpTipTextLabel = "commandsHelpTip", 
    helpTipScreen = "NewTaskbar", }, 
}

For the Game Loading Screen,open the file called loadingscreen.lua and follow the same steps as above.

GAME LOADING SCREEN

Code:

--
--[1] THIS CHANGES THE BLACK BACKGROUND COLOR
LoadingScreen = 
{ 
    size = 
        { 0, 0, 800, 600, }, 
    stylesheet = "HW2StyleSheet", 
    pixelUVCoords = 1, 
    RootElementSettings = 
    { 
        backgroundColor = 
            { 0, 0, 0, 255, }, }, 
; 
{ 
    type = "Frame", 
    position = 
        { 0, 100, }, 
    size = 
        { 800, 400, }, 
    name = "bgImage", 
    BackgroundGraphic = 
    { 
        size = 
            { 800, 400, }, 
        texture = "DATA:UI/NewUI/Background/load_background.mres", 
        textureUV = 
            { 0, 56, 800, 455, }, }, 
; 


--[2] THIS CHANGES THE LOADING BAR'S BORDER FRAME COLOR
{ 
    type = "Frame", 
    position = 
        { 14, 378, }, 
    size = 
        { 772, 16, }, 
    outerBorderWidth = 2, 
    borderColor = 
        { 107, 149, 172, 255, }, 
    backgroundColor = 
        { 0, 0, 0, 50, }, 
}, 


--[3] THIS CHANGES THE LOADING SCREEN'S BAR COLOR 
{ 
    type = "ProgressBar", 
    progressColor = 
        { 240, 170, 0, 255, }, 
    position = 
        { 16, 380, }, 
    size = 
        { 768, 12, }, 
    name = "loadingProgress", }, 
}, 


--[4] THIS CHANGES THE LOADING SCREEN'S TEXT COLOR
{ 
    type = "TextLabel", 
    name = "moduleLabel", 
    position = 
        { 0, 550, }, 
    size = 
        { 800, 50, }, 
    Text = 
    { 
        textStyle = "FEButtonTextStyle", 
        color = 
            { 255, 255, 255, 255, }, 
        vAlign = "Middle", 
        hAlign = "Center", }, 
}, 

--DON'T KNOW ?
{ 
    type = "TextLabel", 
    name = "titleLabel1", 
    visible = 0, 
    size = 
        { 800, 50, }, 
    Text = 
    { 
        textStyle = "FEButtonTextStyle", 
        color = 
            { 255, 255, 255, 255, }, 
        vAlign = "Middle", 
        hAlign = "Left", }, 
}, 

--DON'T KNOW ?
{ 
    type = "TextLabel", 
    name = "titleLabel2", 
    position = 
        { 0, 50, }, 
    size = 
        { 800, 50, }, 
    visible = 0, 
    Text = 
    { 
        textStyle = "FEButtonTextStyle", 
        color = 
            { 255, 255, 255, 255, }, 
        vAlign = "Middle", 
        hAlign = "Left", }, }, 
}

CUSTOM GAME START BACKGROUND
You will need an Image Editor that can save 32bit.TGA files and the ROTTool which you should be able to find here on the forum.

Copy the BACKGROUND folder [path to this folder will be found in Program Files\Sierra\Homeworld2\Data\ui\newui] and place it into your Data\ui\newui folder that belongs to your mod.

When you open it you will find 2 files called load_background_800.ROT and menu_background_800.ROT and 2 files called load_background_1600.ROT and menu_background_1600.ROT and one file called load_background.mres [do not delete this]

Create 2 solid all black images in your Image Editor [PSP,PS..etc] and make their size exactly 2048 x 1024.

Now create 2 images either from scratch,download an image or use in-game screenshots of what you want as your new backgrounds.

Make sure that the size of your new images are 1640 x 931.

Now copy one of your 1640 x 931 images and paste it into the 2048 x 1024 but don't deselect it.

Instead while its still selected, move the image to the left of the black image till it touches the border exactly [but don't go over and don't deselect it yet].

Now move the image to the top of the border of the black image [again don't go over].

Your image should look like this:

Now when you save it,name the first image menu_background_1600 [but do not remove it from the Editor yet] and save it as a TGA 32 BIT image.

With the same image still in the Editor,resize it to 1024 x 512 but now name it menu_background_800 and save it as a TGA 32 BIT image.

The second background image name it load_background_1600,save it as a TGA 32 BIT image,With the same image still in the Editor resize it to 1024 x 512,name it load_background_800 and save it as a TGA 32 BIT image.

Now open the ROTTool,select CREATE FROM IMAGE,when the box opens click on the bottom and select TGA.

It will create the ROT.file needed for the game to read your new backgrounds and tell you in the left info box when your file is created.

Now repeat the same on the other ones.

Once your done you will notice that the files are now given the word "_NEW" at the end [load_background_800_NEW]

Just remove the "_NEW" and your done.

If you get an error telling you that the game could not read the TGA [I got something like this] then save the image as a DDS.file and when you save it select the DXT1 setting with no Mip Maps.

If you start the game and the image is there but upside down then just reopen the image,flip it in the Editor so that its actually upside down and resave it.

The game will now show the image correctly [again this happened to me].

**JMScomp** · 16th Dec 08 5:02 PM

Nice one Adam!!! Can they be made for each race, so each one has different colored menus?

**adamstrange** · 16th Dec 08 5:19 PM

Thats one that I haven't seen yet in any mod and I still have to figure out how to skin the Taskbar and the main menu when the game first starts [although I did finish the Loading Screen].

I also haven't figured out how to have multiple loading screens and I've seen it on 1 or 2 mods.

But this would have made more sense because if you play D.O.W each race has its own menu.

**-UNI-** · 16th Dec 08 5:49 PM

Nice tutorial adam!!

**Joe 2987** · 16th Dec 08 7:26 PM

Sticky please! Really, really nice. Can you specify an image in the luas so it has a different style rather than just a different color? When I saw this, I started thinking about making the UI for the Star Trek: Maelstrom mod look like the computer consoles from Star Trek.

[EDIT]: Bookmarked.

**Moleman** · 16th Dec 08 7:47 PM

i second the sticky motion, ive been looking for a tutorial like this for some time and this is just waht the doctor ordered very nice work adam!!

**Joe 2987** · 16th Dec 08 7:56 PM

Hey guys, I just figured out how to change the style of the task bar at the bottom. Go to "ui\newui\taskbar" and find backgroundxxxx.ROT, where xxxx is a number, either 800, 1024, 1280, or 1600. Extract it, and there you go. Edit the taskbar image however you want (but you'll probably have to change the coordinates of the various buttons).

**snake** · 17th Dec 08 6:46 AM

FYI, the "collapsablequeue" is the bottom part of the build and research menu.

**adamstrange** · 17th Dec 08 9:46 AM

Yeah but it has no values to edit.

There is a lot of stuff here thats very confusing.

One thing I forgot to mention,the BUILD MENU pic [for those new to HW2] does not look anything like this.

I had to edit parts of the menu into 1 pic to show everything.

Another thing that I found kind of odd is the "RADIO BUTTONS".
type = "RadioButton",
buttonStyle = "IGButtonCorvette",
name = "Corvette",
helpTip = "$2624",
helpTipTextLabel = "lblCurrentFacility",
hotKeyID = 91,

In one of my Carrier mods I have a Fighter Carrier [only builds Fighters] and a Bomber Carrier [only builds Bombers].

Now I needed to change the facility name for the Bomber Carrier so that it wouldn't read Fighter but Bomber.

I was able to do it for the Subsystem but I could not do it for the Category text [look at number 12 in the pic].

The Radio Button that has the name seems to be hardcoded because when I changed name = "Corvette", to name = "Bomber", it actually removed the entire subsystem from the ship when the game starts.

If anyone knows how to fix this let me know.

**Ultraxwing** · 17th Dec 08 4:03 PM

This is cool.

**JMScomp** · 17th Dec 08 4:31 PM

Well Adam, now that I've had a bit of free time, I've started editing my UI menus (not the in-game HUD menus) to match my new backgrounds.

This value here is probably mucking you up when you change the name:

buttonStyle = "IGButtonCorvette",

You can find all of the styles and their attributes in the data-ui-newui-styles-HW2Styles.lua. If you look in there you'll be able to find the style for the bomber/fighters to replace that one with. Then it'll probably work.

**adamstrange** · 18th Dec 08 2:12 AM

I still can't figure out what files controls the blue scroll bars and what file changes the Research Menu.

**Mikali** · 18th Dec 08 5:54 PM

Very nice use of images to convey information. Awesome!

**JMScomp** · 18th Dec 08 8:17 PM

I still can't figure out what files controls the blue scroll bars and what file changes the Research Menu.

I found it last night because apparently the same setting is used for scroll bars in the FE UI menus as well (I noticed them change in the IG menus when I edited them). It's in the HW2Styles.lua.

The research menu's file are in the research folder in the NewUI folder.

**adamstrange** · 19th Dec 08 4:11 AM

Ok your going to have to tell me exactly where you found this line of code because I don't need the icons in the Research folder and the 2 Research Lua's are completely worthless because even the unmodded decompiled ones crash the game when the game progress bar reaches the FrontEnd.

If I use the Styles folder it scrambles the game's start menu and I have to tab out to shut the whole thing down.

**JMScomp** · 19th Dec 08 10:45 PM

Ok your going to have to tell me exactly where you found this line of code because I don't need the icons in the Research folder and the 2 Research Lua's are completely worthless because even the unmodded decompiled ones crash the game when the game progress bar reaches the FrontEnd.

If I use the Styles folder it scrambles the game's start menu and I have to tab out to shut the whole thing down.

I can't remember the exact lines (sooo many lines of code in one night). There's lines like these under 'Element Colors':

-- ELEMENT COLORS
{
name = "FEColorScrollButtonDefault",
string = "100,100,255,255",
},
{
name = "FEColorScrollButtonOver",
string = "255,255,255,255",
},
{
name = "FEColorScrollButtonPressed",
string = "174,92,250,255",
},
{
name = "FEColorScrollButtonDisabled",
string = "151,151,151,255",
},

Also there's lines like this further down in the file:

DefaultScrollBar_TrackVertStyle = {
size = {13, 17},
minSize = {13, 17},

borderWidth = 1,
backgroundColor = "FEColorScrollButtonDefault",
borderColor = "FEColorScrollButtonDefault", -- blue

pressedColor = "FEColorScrollButtonPressed",
pressedBorderColor = "FEColorScrollButtonOver", -- white

overColor = "FEColorScrollButtonDefault",
overBorderColor = "FEColorScrollButtonOver", -- white

disabledColor = "FEColorScrollButtonDisabled", -- grey
disabledBorderColor = "FEColorScrollButtonDisabled", -- grey

DefaultGraphic = {
size = {11, 15},
texture = "DATA:UI\\NewUI\\Styles\\ScrollGripVert.mres",
textureUV = {0, 0, 11, 15},
color = {16,94,160,255},
},

soundOnClicked = "", -- No sound on trackbar
soundOnReleased = "SFX_ScrollBarPage",
},

Just search for the word scroll and you'll find them.

Also, I had that problem with the extracted vanilla UI files too. I ran through the code many times and didn't see where it might have been missing a '}' or anything like the error log kept saying. What you do is just go into the data-ui-newui folder of the RDN toolkit and copy their versions. They work fine, and the file is separated with comments to make the code easier to read.

**adamstrange** · 19th Dec 08 11:48 PM

Thanks JMS

Oh yeah,I just made a correction in the Salvage files from the Ultra Debris Mod

Before when the Collectors would try to collect any of the the smaller pieces [even in the unmodded game] they would get stuck floating around them endlessly,never to collect them.

Now I fixed them pieces so that the collector will always collect everything and never get stuck.

The only noticeable problem about this is that if you look closely,the collectors don't extend their arms when collecting the fixed smaller pieces but they still use their arms to collect the bigger ones.

MENU SKINNING TUTORIAL

Thread Tools

MENU SKINNING TUTORIAL

Sticky?

Thread Information

Users Browsing this Thread

Posting Permissions