Imagebox

[Mask_of_winter]

I recently started making themes (less than a week ago). So far, I'm mostly restricted to making the artwork and replacing the files. Works pretty well! I made a custom frame for the imagebox but it's wider than the one I based it on. Result, the map rest atop part of the frame. How would I go about modifying that? Which part of the graphics.xml file? framedef? These numbers are coordinates, right? I use photoshop but am a self learner. How do I toggle on the pixel coordinates on there? Anyone know?

[Zeus]

In essence you want to edit the framedef for the imagebox. The framedef will be defined in either graphics.xml or graphics_frames.xml depending upon which ruleset we are talking about.

Each framedef contains a reference to the bitmap file to use for the image along with x, y coordinates and width and height of each of the subsections FG defines when rendering a window or control.

e.g.


<framedef name="imagebox">
<bitmap file="frames/imagebox.png" />
<topleft rect="0,0,150,135" />
<top rect="150,0,252,135" />
<topright rect="402,0,150,135" />
<left rect="0,135,150,270" />
<middle rect="150,135,252,270" />
<right rect="402,135,150,270" />
<bottomleft rect="0,405,150,150" />
<bottom rect="150,405,252,150" />
<bottomright rect="402,405,150,150" />
</framedef>


Can be visualised as follows:

6661

So for each section defined in the framedef, you need to define its top left coordinates (x, y) along with its width and height in pixels.

For rectangular windows where you have a symmetrical graphic, I find it easier to use the <offset> tag which takes four numbers again but this time they define Left Width, Top Height, Right Width and Bottom Height. So of the above definition we could also use:



<framedef name="imagebox">
<bitmap file="frames/imagebox.png" />
<offset>150,135,150,150</offset>
</framedef>


Hope that makes sense.

[Mask_of_winter]

Yes and the graphic helps thank you! Now if I can just figure out how big that frame actually is I should be good to go. :)

[Zeus]

Doesn't Window display the image size if you right click on its properties, its been a while since I used Windows.

[Mask_of_winter]

Doesn't Window display the image size if you right click on its properties, its been a while since I used Windows.

I know what the size of the imagebox image is. But I don't know how wide that frame is yet. With some math and by cutting out the center I think I can figure it out. I was just hoping someone knew how to toggle on cursor position in photoshop cs5.

[Trenloe]

https://www.lmgtfy.com/?q=photoshop+cs5+coordinates

:D

Do any of those help?

[Mask_of_winter]

Smartie pants! hehe Yeah I get the info I need now, thanks.

Bare with me here. So if I understand how this chart works, the frame definition and whatnot, by changing the coordinates and associate image to match I can make the frame larger outward. Correct? See, I was thinking I could make the inner surface (the map or shared image) smaller so it wouldn't hide the inner part of the frame. When I share an image, I can see the outer rim of the frame but not the inner part. I though I could get the image to shrink. But what you guys are telling me is that it doesn't work that way?

Maybe these pics will help illustrate what I'm asking. I feel like an orc asking Gandalf how to cast a spell right now. lol

[Griogre]

Correct, what is being clipped is the frame art around the image. To fix your problem you need to increase the height of the top and bottom, the width of the left and right, and both for all four corners to match the size of your new frame graphics.

Edit: After taking a closer look at your frame graphics, those "cut outs" by the corners mean you are going to have to make the frame overlap on top of the graphic which might be a problem. I'm not sure you can do that.