Hi Dietmar,
Sorry for the late response, this has been a busy week. The masthead is a 1024px X 150px image with the top area of 32px reserved for the menu and an "image area" of 760px X 98px. I created a 1024px wide image in the event we need a web site with a fixed #container width for a 1024px wide layout rather than the default 770px.
Notice if you combine both the height of the menu area and image are you get a value of 130px. These values correspond to the CSS #masthead and #header heights. If you need to decrease or increase the image inside masthead.jpg simply adjust the layout.css to respect the new values.
layout.css
If you plan on placing the menu on the bottom of the #masthead then you could move the image area to the top. This image canvas will help provide a visual example. This is the same image as provided with the templates. There is a editable PNG file too if you have Adobe Fireworks.
http://zwire.mediatech.net/fileadmin/templates/zwire/images/masthead-demo.gif
http://zwire.mediatech.net/fileadmin/templates/zwire/images/zwire_masthead.png
To reposition the menu have a look at zwire//css/ADxMenu.css add the following lines of css in red.
/* - - - ADxMenu: DESIGN styles - - - */
Gregory Remington
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington
Sorry for the late response, this has been a busy week. The masthead is a 1024px X 150px image with the top area of 32px reserved for the menu and an "image area" of 760px X 98px. I created a 1024px wide image in the event we need a web site with a fixed #container width for a 1024px wide layout rather than the default 770px.
Notice if you combine both the height of the menu area and image are you get a value of 130px. These values correspond to the CSS #masthead and #header heights. If you need to decrease or increase the image inside masthead.jpg simply adjust the layout.css to respect the new values.
layout.css
#header {
height:138px;
}
#masthead{
height:132px;
}
height:138px;
}
#masthead{
height:132px;
}
If you plan on placing the menu on the bottom of the #masthead then you could move the image area to the top. This image canvas will help provide a visual example. This is the same image as provided with the templates. There is a editable PNG file too if you have Adobe Fireworks.
http://zwire.mediatech.net/fileadmin/templates/zwire/images/masthead-demo.gif
http://zwire.mediatech.net/fileadmin/templates/zwire/images/zwire_masthead.png
To reposition the menu have a look at zwire//css/ADxMenu.css add the following lines of css in red.
/* - - - ADxMenu: DESIGN styles - - - */
.menu { /* navigation background style */
position:relative;
top:100px;
color: #333;
background:url(../images/nav-bg.gif) 0 0 repeat; position:relative;
/*background: #fff;*/ /* uncomment this if you want to use a color instead of background image */
border: 1px solid #ccc;
}
position:relative;
top:100px;
color: #333;
background:url(../images/nav-bg.gif) 0 0 repeat; position:relative;
/*background: #fff;*/ /* uncomment this if you want to use a color instead of background image */
border: 1px solid #ccc;
}
Gregory Remington
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington