Editing WoW:Creating GUI configuration options (section)

==== Basic Frame with Backdrop ====

Let's flesh out a basic config frame:

'''myClockConfigFrame.xml'''
  <Ui ...>
  <Script file="myClockConfigFrame.lua"/>
  <Frame name="myClockConfigFrame" 
     toplevel="true" parent="UIParent" frameStrata="DIALOG" 
     hidden="true" enableMouse="true">
 	<Size><AbsDimension x="260" y="280"/></Size>
 	<Anchors><Anchor point="CENTER"/></Anchors>
 	<!-- A nice backdrop -->
 	<Backdrop bgFile="Interface\DialogFrame\UI-DialogBox-Background" 
 		edgeFile="Interface\DialogFrame\UI-DialogBox-Border" tile="true">
 		<BackgroundInsets>
 			<AbsInset left="11" right="12" top="12" bottom="11"/>
 		</BackgroundInsets>
 		<TileSize><AbsValue val="32"/></TileSize>
 		<EdgeSize><AbsValue val="32"/></EdgeSize>
 	</Backdrop>
  </Frame>
  </Ui>

We now have a config frame, and if you go in-game you can see it in all it's splendor.  Feel free to make it any size, and the ANCHOR point="CENTER" will make sure it is dead center on the screen no matter the resolution.

You'll probably want some kind of title on it to say what mod's options it is, so here's some Layers info to do that:

'''within myClockConfigFrame.xml'''
  ...
  <Frame ...>
 	...
 	<Backdrop ...>
 	 	...
 	</Backdrop>
 	<Layers>
 		<Layer level="ARTWORK">
 			<Texture file="Interface\DialogFrame\UI-DialogBox-Header">
 				<Size><AbsDimension x="256" y="64"/></Size>
 				<Anchors>
 					<Anchor point="TOP">
 					<Offset><AbsDimension x="0" y="12"/></Offset>
 					</Anchor>
 				</Anchors>
 			</Texture>
 		</Layer>
 		<Layer level="OVERLAY">
 			<FontString inherits="GameFontNormal" text="Clock Config">
 				<Anchors>
 					<Anchor point="TOP" relativeTo="$parent"></Anchor>
 				</Anchors>
 			</FontString>
 		</Layer>
 	</Layers>
  </Frame>
  ...