nerdanita

Did you try this plugin?
Category Order
It allow you to order the categories the way you want.
It’s not the same you’re doing, but can help.

Hey!
You can change the stylesheet in every theme you create to set it’s name as you want.

The first few lines of the stylesheet looks like:

/*
Theme Name: Rose
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional
.
General comments/License Statement if any.
.
*/

There you can change the name to show in the drop-down list.

More info here

Well, now I can’t see where do you want to set the images.
Try this in a new html file to see if it’s what you need.

<style type="text/css">
div#header-container{width: 959px;}
div#title-left { background-color: red;margin: 0; padding: 0; width: 100px; height: 150px; border-bottom: 1px solid; float:left;}
div#title-right{ background-color: blue;margin: 0; padding: 0; width: 100px; height: 150px; border-bottom: 1px solid; float:right}
div#title-middle { background-color: green;margin: 0 auto; padding: 0 0 0 0; width: 759px; height: 150px; float:left;}
div#sitename { margin: 0; padding: 0; float: left; width: 290px; height: 150px; }
div#sitename h1 { display: block; margin: 0; padding: 0; height: 150px; }
div#sitename h1 a, div#sitename h1 a:visited { display: block; margin: 0; padding: 0; height: 150px; text-indent: -9999px; }
div#sitename p { display: none; }
div#navmensearch { }
div#navmensearch-wrapper { margin: 0 auto; width: 905px; height: 44px; }
div#search { float: right; width: 270px; height: 44px; }
div#search form { width: 270px; height: 44px; }
div#search form p { display: block; margin: 0; padding: 15px 0 0 34px; }
div#search form p input { width: 226px; border: 0; }
</style>

<div id="header-container">
    <div id="title-left"></div>
    <div id="title-middle">
        <div id="title-wrapper">
        <div id="sitename">
        <h1>NOMBRE</h1>
        <p>DESCRIPCION</p>
        </div>
        </div>
    </div>
    <div id="title-right"></div>
</div>

If it’s what you need, you can set the background images and change the width of every block to make it looks like you want.
Let me know if it works!

(Sorry about my english… :$)

If it’s an image for a particular theme, you can include de html into the sidebar.php file in the theme directory.

Hi
I don’t know how is the structure of your html in the header.php file, but you can create three divs (one for the left image, one for the middle one, and other for the right image) and then change de css file to float every one where it should be.
For example:

<div id=”header-block”>
<div id=”left-img”></div>
<div id=”middle-img”></div>
<div id=”right-img”></div>
</div>

and in the css file something like that:
div#left-img{
background: transparent url(‘…’); //here de left img
float: left;
}
div#middle-img{
background: transparent url(‘…’); //here de middle img
float: left;
}
div#right-img{
background: transparent url(‘…’); //here de right img
float: right;
}

Make sure you set the width property for every div.