$ gcc -c foo.c
$ gcc -o foo_exe foo.o

$ gcc -fpic -c foo.c
$ gcc -shared -o libfoo.so foo.o

$ gcc -c -Ifoo_includes client.c
$ gcc -o client_exe client.o -L. -lfoo

#include "demo_skin.h"
/* skin includes */
#include "ui2_editor.h"
#include "ui2_main.h"
#include "ui2_util.h"
#include "ui_fileops.h"
#include "ui_tabcomp.h"
#include "ui2_button.h"
#include "ui2_dial.h"
#include "ui2_item.h"
#include "ui2_list.h"
#include "ui2_meter.h"
#include "ui2_number.h"
#include "ui2_overlay.h"
#include "ui2_scope.h"
#include "ui2_slider.h"
#include "ui2_spectrum.h"
#include "ui2_text.h"
/* main window widgets */
UIData 		*main_window = NULL;
UIData *window_main_new(const gchar *skin_path);
/* -- extra subs go here (see source) -- */
/*
 *--------------------------------------------------------------------
 * main routine
 *--------------------------------------------------------------------
 */
int main (int argc, char *argv[])
{
	gchar *buf;
	gint tc = 0;
	gchar *startup_skin_file = NULL; /* will load def skin if NULL */
  // setup dbg mode
  debug_mode = FALSE;
  	/*
	 * the gtk inits are moved after the command line parser
	 * (for speed with command line options, or errors thereof)
	 */
	gtk_init (&argc, &argv);
	gdk_rgb_init();
	/* push the correct color depths to gtk, (for 8-bit psuedo color
         * displays)
	 * they should be popped, too, I guess...
	 */
	gtk_widget_push_visual(gdk_rgb_get_visual());
	gtk_widget_push_colormap(gdk_rgb_get_cmap());
	/* for this hello world, allow all widgets in editor by
	 * specifically registering each one (usually they are reg'd when
         * needed)
	 */
	button_type_init();
	dial_type_init();
	item_type_init();
	list_type_init();
	meter_type_init();
	number_type_init();
	overlay_type_init();
	scope_type_init();
	slider_type_init();
	spectrum_type_init();
	text_type_init();
  /* register base dirs to skin editor */
	buf = g_strconcat(homedir(), "/", "", NULL);
	ui_edit_add_skin_resource(buf);
	g_free(buf);
	/* set up main window */
	main_window = window_main_new(startup_skin_file);
	g_free(startup_skin_file);
	startup_skin_file = NULL;
	gtk_widget_show(main_window->window);
	/* start main loop */
	gtk_main ();
	return 0;
}

UIData *window_main_new(const gchar *skin_path)
{
	UIData *ui;
	/* skin initialization */
	ui = ui_new("SKIN Demo", "main", wm_decorations, "SLIK test");
	ui_set_icon(ui, ui_slik_logo(), NULL);
	/* skin callback: used to skin widgets in the main window */
	ui_set_skin_callback(ui, skin_default_cb, NULL);
	/* signals: fire when window closed or mouse events */
	gtk_signal_connect(GTK_OBJECT (ui->window), "delete_event",
			   GTK_SIGNAL_FUNC(window_delete_cb), ui);
	/* fires on mouse events */
	ui_set_mouse_callback(ui, window_main_mouse_cb, NULL);
	/* register the right stuff */
	display_register_widgets(ui);
	printf("Loading built-in Skin \n");
	ui_skin_load(ui, NULL, skin_mode_key);
	return ui;
}

/* Widget init callback */
SkinData *skin_default_cb(UIData *ui, const gchar *key, gpointer data)
{
	SkinData *skin;
	skin = skin_new();
	/* skin background */
	skin->real_overlay =
	 util_size_pixbuf(gdk_pixbuf_new_from_xpm_data((const char
 	 **)back_xpm), TRUE);
	skin->width = gdk_pixbuf_get_width(skin->real_overlay);
	skin->height = gdk_pixbuf_get_height(skin->real_overlay);
	/* 4 skin buttons: */
	/* 1) exit, 2) change skin (fires change skin dialog) */
	/* 3) skin editor (fires editor dlg), 4) Play (sample btn)
	button_register_to_skin("exit", (gchar **)btn_exit_xpm, 109, 34,
				TRUE, FALSE, NULL, skin, NULL);
	button_register_to_skin("change_skin",
	 (gchar **)btn_config_xpm, 109, 70,
				TRUE, FALSE, NULL, skin, NULL);
	button_register_to_skin("skin_editor",
	 (gchar **)btn_config_xpm, 109, 88,
				TRUE, FALSE, NULL, skin, NULL);
	button_register_to_skin("play", (gchar **)btn_play_xpm, 48, 128,
				TRUE, TRUE, NULL, skin, NULL);
	/* 4 labels for the prev buttons */
	text_register_to_skin("hello", (gchar **)letters_xpm, 31, 110,
			      84, FALSE, 0, FALSE, skin, NULL);
	text_register_to_skin("exit", (gchar **)letters_xpm, 52, 34,
			      56, FALSE, 0, FALSE, skin, NULL);
	text_register_to_skin("change", (gchar **)letters_xpm, 52, 70,
			      56, FALSE, 0, FALSE, skin, NULL);
	text_register_to_skin("editor", (gchar **)letters_xpm, 52, 88,
			      56, FALSE, 0, FALSE, skin, NULL);
	/* A Small logo (pixmap) to display on the left side) */
	item_register_to_skin("SKIN", (gchar **)slik_xpm, 4, 34,
			      1, skin, NULL);
	/* this is merely so that the skin editor has sane values for these */
	skin->width_def = skin->width_min = skin->width_max = skin->width;
	skin->height_def = skin->height_min = skin->height_max = skin->height;
	return skin;
}

/* Includes go here: see display.c */
/* play button call backs */
static gint button_play_status_cb(ButtonData *button, const gchar *key,
 gpointer data)
{
	return TRUE;
}
/* fires when play btn is clicked */
static void button_play_click_cb(ButtonData *button, const gchar *key,
 gpointer data)
{
	printf("play pressed\n");
}
/* exit btn CB: fires when the exit btn is clicked */
static void button_exit_click_cb(ButtonData *button, const gchar *key,
 gpointer data)
{
	app_exit();
}
/* ...see display.c */
/* register and display widgets */
void display_register_widgets(UIData *ui)
{
	/* play btn */
	button_register_key("play", ui,
			    button_play_status_cb, NULL,
			    button_play_click_cb, NULL,
			    NULL, NULL,
			    NULL, NULL);
	/* exit btn */
	button_register_key("exit", ui,
                            NULL, NULL,
                            button_exit_click_cb, NULL,
                            NULL, NULL,
                            NULL, NULL);
	/* ...see display.c */
	/* label widgets... */
	text_register_key("hello", ui, text_hello_status_cb, NULL);
	text_register_key("exit", ui, text_exit_status_cb, NULL);
	/* ...see display.c */
}

[main]
image = main-complete.png
transparent = FALSE
border = TRUE
border_left = 116
border_right = 63
#
# ...
#
[button_exit]
image = btn-12-exit.png
x = 252
y = 2
prelight = TRUE