"<button>" works in a "<Form>", but you can style a link as "button".
1.) search in categories.php:
show_image($image_row);
insert below:
$target = (!empty($image_row['image_download_url']) && !is_remote_file($image_row['image_download_url']) && !is_local_file($image_row['image_download_url'])) ? "target=\"_blank\"" : "";
$download_butt = "<a class=\"minimal\" href=\"".$site_sess->url(ROOT_PATH."download.php?".URL_IMAGE_ID."=".$image_row['image_id'])."\"".$target.">Download</a>";
$site_template->register_vars("download_butt",$download_butt);
for the "new images" repeat step 1.) in index.php.
2.) in your thumbnail_bit.html, insert:
{download_butt}
important not "download_button"!
3.) in your style.css, insert:
.minimal {
border: 2px outset #555555;
background:url(images/spacer.gif);height:24px; background-repeat:repeat-x;
text-decoration:none;
border: 1px solid #bbb;
color: #333;
background-color: #e3e3e3;
font-weight: bold;
font-size: 12px;
font-family: helvetica neue, helvetica, arial, sans-serif;
padding: 8px 9px;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
}
.minimal:hover {
background:url(images/spacer.gif);height:24px; background-repeat:repeat-x;
background-color: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer;
}
.minimal:active {
border: 2px inset #999999;
background:url(images/spacer.gif);height:24px; background-repeat:repeat-x;
background: #d0d0d0;
-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;
color: #000;
}
mfg Andi