General -- HTML Includes -- at the top, insert:
<div class="muhahaha">
<a href="/ubbthreads/ubbthreads.php?ubb=cfrm">
<div class="header_graphic"></div>
</a>
</div>
This is common to all
in the extra css for EACH style, insert:
.header_graphic {
background: url(../images/logos/badabing.png) top left no-repeat;
height: 130px;
margin:0;
}
this gives a clickable image at the upper left corner for each style..
things you might vary:
- size (css)
- location (css - top center, top right, .. whateva)
- site name (duh)
- badabing.png (for each style, diff logo)
keep in mind that there are 100 ways to do it, so this is just one
note: i created a directory under images called 'logos' just for this on my site(s)
also note: you may just get by with 2 logos.. yoursitelite.png & yoursitedark.png. in that case, each dark style's 'badabing.png' would be yoursitedark.png and the others would use yoursitelite.png