Authors CurseForge

Quote from ocularis

I kinda messed a bit around with DBM and managed to get it quite similar to Neal's bars.

However i am quite lost on how to add a border to the bar and icon. Anyone familiar with adding borders to stuff? =)

edit: Forgot a picture.

http://unnaturalguild.com/upload/DBM.png


- Heres one of my ui for good measure:

http://unnaturalguild.com/upload/raidshot2.0.png


edit2:

http://unnaturalguild.com/upload/SexyBossMods.png
Managed to make it look a bit more sexy

Nice UI, I love the unit frames, what oUF are you using for them? Did you make it? Also, what debuff timers is that?

Whatever I did, I couldn't manage to add borders to timer bars. :(

Quote from cyid

Nice UI, I love the unit frames, what oUF are you using for them? Did you make it? Also, what debuff timers is that?

oUF_Alza.. Customized raidframes.
the debuff timer is sFilter.

Quote from pekaziz

Whatever I did, I couldn't manage to add borders to timer bars. :(

What i did for a crude fix, is add a two pixel border in the alpha channel of the texture (Photoshop). Not recommended though i guess.

edit: screenshot:
http://unnaturalguild.com/upload/TestTime.png

Quote from ocularis

oUF_Alza.. Customized raidframes.


What i did for a crude fix, is add a two pixel border in the alpha channel of the texture (Photoshop). Not recommended though i guess.

edit: screenshot:
http://unnaturalguild.com/upload/TestTime.png

thats how i added my border too, though im experiencing one issue.. sometimes my bars go solid black when using alpha 1 as bg color on the statusbar.. anyone else got that?

this is how they look.. sometimes the blue part turn solid black.

Quote from ocularis

What i did for a crude fix, is add a two pixel border in the alpha channel of the texture (Photoshop). Not recommended though i guess.

edit: screenshot:
http://unnaturalguild.com/upload/TestTime.png

Well, I've never messed with alpha channel before even though using Photoshop for a long time.

Nevermind, this is what I did to achive your and twin2's result:

Opened default.tga file since this will be the image that I'm going to use. Selected all, and pasted that image to a new blank document which is larger 1 pixel from all sides (2 more x, and 2 more y).

Under the channel menu, added alpha channel and changed the color to black since border needs to be black (I guess :P)

However that's the result I got (yea no borders there) :(



Could you explain a bit more about adding alpha channel please?

Thanks.

Quote from pekaziz

Well, I've never messed with alpha channel before even though using Photoshop for a long time.

Could you explain a bit more about adding alpha channel please?

Thanks.

i suck at explaining but check under "channels" the tab is next to layer tab. there you will see. RGB and some other channels and alpha channel. it's the alpha layer that needs to be edited..

Drop me your mail in pm if you don't figure it out and ill mail you my texture and you can look and learn from that one.

Thanks twin2!

This is the result I got :)

Quote from twin2

thats how i added my border too, though im experiencing one issue.. sometimes my bars go solid black when using alpha 1 as bg color on the statusbar.. anyone else got that?

this is how they look.. sometimes the blue part turn solid black.

This is happening to me since I updated DBM to the latest alpha version. (the blue part turning solid black).

The dumbest question: how do I change the font & size of font via the template/lua? I've got a font in my sharedmedia folder I'd like to use.

edit: Using Fontain, but still I'm curious just from a learning point of view about how to do that.

Hi, managed to add a border to the texture I'm going to use but havn't managed to fix my icons. All I see is green blocks, im not sure how to fix this, anyone got any ideas. I downloaded the XML document on page 3.

Quote from analfury

Hi, managed to add a border to the texture I'm going to use but havn't managed to fix my icons. All I see is green blocks, im not sure how to fix this, anyone got any ideas. I downloaded the XML document on page 3.

You need to add a border texture file into the World of Warcraft\Interface\Addons\DBM-Core\textures folder (and make sure the name of the file matches the filename in the XML document.

The buttonfacade textures works nicely.

Quote from Kerecha

You need to add a border texture file into the World of Warcraft\Interface\Addons\DBM-Core\textures folder (and make sure the name of the file matches the filename in the XML document.

The buttonfacade textures works nicely.

ah thanks, so i copy a texture from buttonfaceade skin and rename it bordertexture.tga?

**EDIT**

I've fixed it now, thanks for the help, I wouldn't have though of that otherwise, thought it was dodgy links in the XML doc.

This is really spiffy looking :D Has anyone tried doing this with BigWigs at all?

Been having some ppl wanting it so ill post my file (DBT-Template):

<Ui xmlns="http://www.blizzard.com/wow/ui/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.blizzard.com/wow/ui/
..\FrameXML\UI.xsd">
    <Frame name="DBTBarTemplate" enableMouse="true" virtual="true" frameStrata="MEDIUM" topLevel="true">
        <Size>
            <AbsDimension x="195" y="20"/>
        </Size>
        <Frames>
            <StatusBar name="$parentBar">
                <Size>
                    <AbsDimension x="200" y="10"/>
                </Size>
                <Anchors>
                    <Anchor point="BOTTOM" relativePoint="BOTTOM">
                        <Offset>
                            <AbsDimension x="1" y="0"/>
                        </Offset>
                    </Anchor>
                </Anchors>
                <Layers>
                    <Layer level="BACKGROUND">
                        <Texture name="$parentBackground">
                            <Color r="0" g="0" b="0" a="0.3"/>
                        </Texture>
                    </Layer>
                    <Layer level="OVERLAY">
                
                                    <Texture name="Border" file="Interface\AddOns\DBM-Core\textures\frameborder" level="TOP">
                                        <Size>
                                            <AbsDimension x="26" y="26"/>
                                        </Size>
                                        <Color r="0.25" g="0.25" b="0.25" a="1"/>
                                        <Anchors>
                                        <Anchor point="BOTTOMRIGHT" relativePoint="BOTTOMLEFT">
                                          <Offset>
                                                    <AbsDimension x="-3" y="0"/>
                                            </Offset>
                                        </Anchor>
                                        </Anchors>
                                </Texture>
                          
                            <Texture name="$parentSpark" file="Interface\AddOns\DBM-Core\textures\Spark.blp" alphaMode="ADD">
                            <Size>
                                <AbsDimension x="32" y="50"/>
                            </Size>
                            <Anchors>
                                <Anchor point="CENTER">
                                    <Offset>
                                        <AbsDimension x="0" y="0"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </Texture>
                        <FontString name="$parentName" inherits="GameFontHighlightSmall" text="">
                            <Anchors>
                                <Anchor point="TOPLEFT" relativePoint="TOPLEFT">
                                    <Offset>
                                        <AbsDimension x="0" y="15"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </FontString>
                        <FontString name="$parentTimer" inherits="GameFontHighlightSmall" text="">
                            <Anchors>
                                <Anchor point="TOPRIGHT" relativePoint="TOPRIGHT">
                                    <Offset>
                                        <AbsDimension x="-1" y="15"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </FontString>
                        <Texture name="$parentIcon1">
                            <Size>
                                <AbsDimension x="25" y="25"/>
                            </Size>
                            <Anchors>
                                <Anchor point="RIGHT" relativePoint="LEFT">
                                    <Offset>
                                        <AbsDimension x="-3" y="8"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </Texture>
                        <Texture name="$parentIcon2">
                            <Size>
                                <AbsDimension x="20" y="20"/>
                            </Size>
                            <Anchors>
                                <Anchor point="LEFT" relativePoint="RIGHT">
                                    <Offset>
                                        <AbsDimension x="0" y="0"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </Texture>
                    </Layer>
                </Layers>
                <BarTexture name="$parentTexture" file="Interface\AddOns\DBM-Core\textures\default.tga"/>
                <BarColor r="1.0" g="0.7" b="0.0"/>
                <Scripts>
                    <OnLoad>
                        self:SetMinMaxValues(0, 1)
                        self:SetValue(1)
                    </OnLoad>
                </Scripts>
            </StatusBar>
        </Frames>
        <Scripts>
            <OnUpdate>
                self.obj:Update(arg1)
            </OnUpdate>
            <OnMouseDown>
                if self.obj.owner.movable and arg1 == "LeftButton" then
                    if self.obj.enlarged then
                        self.obj.owner.secAnchor:StartMoving()
                    else
                        self.obj.owner.mainAnchor:StartMoving()
                    end
                end
            </OnMouseDown>
            <OnMouseUp>
                self.obj.owner.mainAnchor:StopMovingOrSizing()
                self.obj.owner.secAnchor:StopMovingOrSizing()
                self.obj.owner:SavePosition()
                if arg1 == "RightButton" then
                    self.obj:Cancel()
                elseif arg1 == "LeftButton" and IsShiftKeyDown() then
                    self.obj:Announce()
                end
            </OnMouseUp>
            <OnHide>
                if self.obj then
                    self.obj.owner.mainAnchor:StopMovingOrSizing()
                    self.obj.owner.secAnchor:StopMovingOrSizing()
                end
            </OnHide>
        </Scripts>
    </Frame>
</Ui>    

I use the Roth skinfile for buttonfacade and renamed it to frameborder and put it in texture folder.

So after a couple of hours figuring things out and tweaking them, I finally managed to get a border around the icon. Perfect!

However, I can't quite figure out how to add borders to the timer bar (i.e., adding a pixel or two to the alpha channel of the bar texture). If there's anything computer-related that I'm clueless about, that would be Photoshop.

Would anyone care to email me at jbbuena[at]gmail[dot]com their modified bar texture so I can learn from it? Thanks heaps!

I'm using a custom timer as many people here but there is one thing that annoy me with the icon border. Actually I have few custom timers that don't have any icon, but the icon border border still shows up.
As my XML knowledge is around 0, I would like to know if someone knows a way to make the icon border hide if no icon is shown. I have few ideas, like set $parentIcon1 as a parent of $parentIcon1Border, but I don't know how to do it ???.

Thanks in advance

Quote from Kerecha

Been having some ppl wanting it so ill post my file (DBT-Template):

<snip>

I use the Roth skinfile for buttonfacade and renamed it to frameborder and put it in texture folder.

You should move:

                        <Texture name="$parentIcon1">
                            <Size>
                                <AbsDimension x="25" y="25"/>
                            </Size>
                            <Anchors>
                                <Anchor point="RIGHT" relativePoint="LEFT">
                                    <Offset>
                                        <AbsDimension x="-3" y="8"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </Texture>

out from <Layer level="OVERLAY"> and put it in <Layer level="BACKGROUND"> so that the border doesn't randomly get placed behind the icon (which has happened to me on a number of occasions).

Personally I don't really care much for the spark. My take on all of this hubbub:

Quote from Dainton

You should move:

                        <Texture name="$parentIcon1">
                            <Size>
                                <AbsDimension x="25" y="25"/>
                            </Size>
                            <Anchors>
                                <Anchor point="RIGHT" relativePoint="LEFT">
                                    <Offset>
                                        <AbsDimension x="-3" y="8"/>
                                    </Offset>
                                </Anchor>
                            </Anchors>
                        </Texture>

out from <Layer level="OVERLAY"> and put it in <Layer level="BACKGROUND"> so that the border doesn't randomly get placed behind the icon (which has happened to me on a number of occasions).

Personally I don't really care much for the spark. My take on all of this hubbub:

Aaah, so thats why that happends! Been wondering why the heck it does that sometimes,l and since i didn't make that code myself, and dun know enough about lua i had no idea how to fix it.

Now to figure out how/where im supposed to be moving it :p

Quote from ocularis

http://unnaturalguild.com/upload/TestTime.png

Wow, this is exactly how I want my DBM to look. Is there any chance you could link the files to me because I have no idea how to do what you just said. :)

I dont have the files, and my dbm doesnt look like that anymore.

My bars now simply look like this:

Quote from CalciumIRL

Wow, this is exactly how I want my DBM to look. Is there any chance you could link the files to me because I have no idea how to do what you just said. :)