1
Templates & Styles (Requests & Discussions) / Re: Replace Download Button
« on: July 19, 2012, 09:03:00 AM »
Awesome thanks
4images code on GitHub Click here to visit GitHub.
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
<table align="left"><td valign="top" width="125px">{thumbnail}</td>
<td valign="top"><b>Part:</b> {image_subname}<br />
<b>Downloads:</b> {image_downloads}<br />
<b>Dimensions:</b> {width} x {height}px<br />
<b>Uploaded:</b> {cat_date} by {user_name_link}<br />
<b>Filesize:</b> {image_file_size}<br />
<button class="minimal">Download</button></a></td>
</table>
button.minimal {
background: #e3e3e3;
border: 1px solid #bbb;
-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;
color: #333;
font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
line-height: 1;
padding: 8px 0 9px;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: 150px;
}
button.minimal:hover {
background: #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;
}
button.minimal:active {
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;
}