General -- HTML Includes -- at the top, insert:

HTML
<div class="muhahaha">
<a href="/ubbthreads/ubbthreads.php?ubb=cfrm">
<div class="header_graphic"></div>
</a>
</div>
This is common to all wink

in the extra css for EACH style, insert:

HTML
.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 wink

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