General > Show Off

My site using wp-downloadmanager

(1/2) > >>

Nutter:
It's great being able to find a plugin that's almost perfect for what I needed.

I spent a few minutes changing the layout for inline downloads and came up with this design.  I wanted to make the download link stand out more than the text links that show up by default so I created a graphic in PS and put the download information inside it using CSS. 

GaMerZ:
i like the download box

Ttech:
Yeah, its nice.

Nutter:
Here's the image file.  This copy is grayscale, but you can pull it up into Photoshop and put a color overlay on it (Blending Options -> Color Overlay -> Blend Mode = Overlay) to change it to any color you want.

This is the Download Embeded File template

--- Code: ---<div class="download_box">
<div class="download_link_wrapper">
<a href="%FILE_DOWNLOAD_URL%">%FILE_NAME%</a>
</div>
<div class="filesize">
%FILE_SIZE% - %FILE_HITS% downloads
</div>
</div>
--- End code ---

and the css

--- Code: ---.download_box {
background: url(images/download_box_wide.png) no-repeat;
width: 400px;
height: 100px;
padding-left:90px;
padding-top: 35px;
line-height: 100%;
text-align: left;
margin:0px;

}
a.download_link {
color: #4682b4;
border-bottom: 1px solid #4682b4;
text-decoration: none;
}
div.download_link_wrapper {
width: 300px;
margin:0px;
margin-bottom: 2px;
}
div.filesize {
font-size: x-small;
}
--- End code ---

[attachment deleted by admin]

GaMerZ:
thanks for sharing =D

Navigation

[0] Message Index

[#] Next page