Template Tips

Change the drop down menu roll over color

Why does the drop down menu not work in IE 6.0?
 

I Don’t need the right column. How do I remove it?

I Don’t need the left column. How do I remove it?

I don't have Photoshop and need help designing our new banner.

I want the content area to expand to 100% of the screen.

I just want to use the new banner, but use my own code for the content area.

Change the drop down menu roll over color: 
It is currently set at a default burnt orange color.  In the .css file, search for hexi decimal color: #A24500 and replace it with a complimentary color from the color palette. 

Top

Why does the drop down menu not work in IE 6.0?
The answer is, they do work. You need the file that was included with the template package called ie_fix.htc. This can be found in the css folder. This is specifically a fix for IE 6.0, and is needed for the menus to work. If you do not have this file in your css folder, please obtain it by downloading a new set of templates.  Unless you redirect the link in aztemplate.css to the .htc file, you should keep it in the same format that they were in when you downloaded the files.

Top

I Don’t need the right column. How do I remove it?

This can be removed by modifying the .css file.
 

#right_column {
float:right;
width:12em; /* ------ Change to 0em ------*/
margin:0;
padding:0;
color: #FFF;
}
 

#middle_column {
background:#FFFFFF;
margin-top: 0;
margin-right: 12em; /* ------ Change to 0em ------*/
margin-bottom: 0;
margin-left: 12em;
}
 

This is where the color of the right column exists, “#main2”. It is an image. You can remove this, or comment out to play with the code:


#main2 {
margin:0;
padding:0;
/* ---------background:url(../images/right.gif) repeat-y right top; ----*/
}
 

Top

I Don’t need the left column. How do I remove it?

This can be removed by modifying the .css file.

#left_column {
float:left;
width:12em; /* ------ Change to 0em ------*/
margin:0;
padding:0;
}

#middle_column {
background:#FFFFFF;
margin-top: 0;
margin-right: 12em;
margin-bottom: 0;
margin-left: 12em; /* ------ Change to 0em ------*/
}

This is where the color of the left column exists, “#main1”. It is an image. You can remove this, or comment out to play with the code:

#main1 {
margin:0;
padding:0;
/* ----- background:#FFFFFF url(../images/left.gif) repeat-y left top;------*/
}

Top

I don't have Photoshop and need help designing our new banner.

Need Banner Design Assistance?

Remember, that GITA can assist with the development of your new banner.   Just send me an email with the option you wish to use, which color scheme, your agency logo and any images you wish to use in your header.  If you need images, GITA can provide up to 4 images of the agency choosing from www.istockphoto.com  at no cost to the agency – just provide the file numbers in your email.

Remember – there is NO fee associated with assistance to develop the banner.

Top

I want the content area to expand to 100% of the screen.

In the .css file:

.content_wrapper{
width: 980px; /* ------change to 100% to fill screen-------*/
margin-right: auto;
margin-left: auto;
}

Top

I just want to use the new banner, but use my own code for the content area.

You can do that!  Just use option 1a or 1b for the banner.  If you look in the code, you will see where to delete the code that is mocking up the content area.  This was placed there only for you to see what the layout options are, and what colors are in that color palette layout.  Remember, that if using your current left hand navigation code, the colors will need to be updated to match the color palette layout - EXAMPLE.