[havoxx]

Let's work my majik here on the keys. Basically, all you want to look at is in your interface\addons\nui\layouts\default\hudlayouts\ and well, I'll leave you to the LUA, in each LUA, there are lines that look like this...

    anchor =
            {
                anchor_pt   = "CENTER",
                relative_to = nUI_HUDLAYOUT_PLAYERTARGET.."Left",
                xOfs = 0,
                yOfs = 0,
            },        
            options =
            {
                enabled  = true,
                height   = 600,
                width    = 300,
                inset    = 0,
                strata   = nil,
                level    = nil,
                
                bar = 
                {
                    enabled    = true;
                    orient     = "BOTTOM",
                    min_offset = 0.01171875,
                    max_offset = 0.990234375,
                    texture    = "Interface\\AddOns\\nUI\\Layouts\\Default\\Art\\nUI_HUD_lhb1",
                    overlay    = "Interface\\AddOns\\nUI\\Layouts\\Default\\Art\\nUI_HUD_lhf1",
                },

The underlined bold, that's what you want to look at. Essentially, you adjust those files, and rename them, the min offset is the 0 point of your skin, in other words, the very bottom you want your skin to start at.

This is a very tricky one to do, you need to do it properly, and essentially, after you have your art ingame, you need to adjust them. For me, since my tribal hud is shorter, I needed to drop the max offset to .5, since my hud is about half the size of the original.

I won't tell you it's easy, the graphics and offsets aren't any work essentially, it's making graphics and simple trial and error. Here's where the fun stuff comes..... in those same files, there are lines that read like this.

            max_health =
                {
                    enabled     = true,
                    maxcolor    = true,
                    fontsize    = 16,
                    justifyH    = "RIGHT",
                    justifyV    = "MIDDLE",
                    anchor_pt   = "TOPRIGHT",
                    relative_to = "$parent_Health",
                    relative_pt = "TOP",
                    xOfs        = -65,
                    yOfs        = -30,
                },
                
                cur_health =
                {
                    enabled     = true,
                    barcolor    = true,
                    fontsize    = 15,
                    justifyH    = "RIGHT",
                    justifyV    = "MIDDLE",
                    anchor_pt   = "BOTTOMRIGHT",
                    relative_to = "$parent_Health",
                    relative_pt = "BOTTOM",
                    xOfs        = -75,
                    yOfs        = 0,
                },
                
                pct_health =
                {
                    enabled     = true,
                    barcolor    = true,
                    fontsize    = 17,
                    justifyH    = "RIGHT",
                    justifyV    = "MIDDLE",
                    anchor_pt   = "BOTTOMRIGHT",
                    relative_to = "$parent_Health",
                    relative_pt = "BOTTOM",
                    xOfs        = -90,
                    yOfs        = 30,

Those are the text blocks, I'll leave that to you, essentially, the relative_to you don't touch, the offsets are the main ones you need to modify, I find setting the Anchor_pt and relative_pt to center, are the easiest ways to start, and work for there.

This is as far as I can go, I hope I helped you, but I don't know how to explain it any more, good luck.