How to add a graphic for the title header in UTS template

I think this CSS will do the trick:

#header-content {
  background-image: url('URL TO YOUR IMAGE');
  /* you may also need to add other CSS properties
     like width and height depending upon the size of
     time image you want to insert */
}
#header-name { visibility: hidden; }
#header-description { visibility: hidden; }

It works. Thanks.

How can I make section of the graphic hot? I want to link to several pages from the graphic. The same would apply to the homepage image. Thanks

Aaah - now I understand what you mean by "hot". In that case it might make sense to edit the "Header" template module that comes with the Universal Template Set. That will require some HTML knowledge to embed an image, and then make it linkable.

I know how to make the whole image "hot" but i want to use a 900 px wide graphic and have several areas within it hot. I built the image maps on the graphic but since the url is grabbing the .png file it isn't getting the hot areas within the graphic. So, how would i grab a graphic with"embedded" links of invisible buttons. is that clear?

I would recommend making areas of the image 'hot' by using actual links in the HTML that are absolutely positioned over the spots on the image.

Same topic, different questions.

A couple hours of searching, and I can't seem to locate where, in the default templates (minimalist-red), the default header.gif file is designated in the templates.

I want to make cosmetic changes to the site using the default template structure. Or, copy the default templates to a new /themes/subdirectory and alter them. (I tried this, but everything breaks with error messages about not finding the location). How would I designate this new /themes/subdirectory using the MTLink designation in the Header module of the Main Index?

Thanks, David

@chrishea » Here's a great article to get you started with doing some image mapping in your header:

• Night of the Image Map from A List Apart