Location: PHPKode > scripts > swapeCaster > niceUpload 1.0/index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>niceUpload by Alireza Balouch http://swape.net</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script src="./jquery.niceupload.1.0.min.js"></script>
    <script>
$(document).ready(function(){
    $('.myfile').niceupload();
});
    </script>
    <style>
body{font-family: sans-serif}
.myfile{border:1px solid #aaa;margin:2px;float:left;width:300px;height:50px;overflow: hidden;background-color:#EFEFEE;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#DDDDDD));
background: -moz-linear-gradient(-90deg, #fefefe, #DDDDDD);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#DDDDDD');
-moz-box-shadow: 2px 2px 2px rgba(200,200,200,0.7);
-webkit-box-shadow: 2px 2px 2px rgba(200,200,200,0.7);
box-shadow: 2px 2px 2px rgba(200,200,200,0.7);
text-shadow: 1px 1px 1px #fff;
}
.myfile span{padding:5px 10px 0px 20px;display:block}
span.titlespan{font-weight:bold}
.uploadhover{background-color:#336699;color:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#003366));
background: -moz-linear-gradient(-90deg, #336699, #003366);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366');
text-shadow: 1px 1px 1px #444}
    </style>
  </head>
  <body>
      <form action="" method="post" >
          <div>
          <label class="myfile" title="Last opp" id="upload1">
              <input name="myfileupload" type="file" />
          </label>
          <label class="myfile" title="Last opp enda en fil" id="upload2">
              <input name="myfileupload2" type="file" />
          </label>
          <label class="myfile" title="Last opp enda en fil2" id="upload3" style="width:500px">
              <input name="myfileupload3" type="file" />
          </label>
          <label class="myfile" title="Last opp enda en fil2" id="upload4" style="width:500px">
              <input name="myfileupload4" type="file" />
          </label>
          </div>
          <button type="submit">Upload</button>
      </form>
      <div class="log"></div>
  </body>
  </html>
Return current item: swapeCaster