Que tal amigo de foros del web este es mi primer aporte y espero les ayude mucho...
Lo Primero que tienen que hacer es hacer el
input type file:
<div class="archivo">
<input type"file" id="file">
</div>
a este input lo ponemos dentro de un div y el estilo sera el siguiente:
<style>
.archivo {
width: 80px;
height: 80px;
overflow: hidden;
}
#file {
background-image: url("img/tu-imagen.png");
height: 80px;
background-size: 80px 80px;
padding-left: 80px;
}
</style>
y listo podran personalizar como se les ocurra su input, pueden ponerle su :hover y lo que se les ocurra... espero y les haya servido, se html, css, php y un poco de javascript, si nesesitas algo puedes contactarme:
via email:
[email protected]
o bien por facebook:
Jovany Hipster